Blockly

Javascript project: https://github.com/TechNikh/Selenium-Blockly

Demo: http://technikh.github.io/Selenium-Blockly/

Animated GIF demo

  1. In this GIF, We will first create a test case in a demo Commerce Kickstart site. The test case will be for testing search functionality & CSS.
  2. Test case will start with filling the search box on the homepage with text "geek" and clicking the submit button and taking the screenshot of the search results page.
  3. Next we will run the test case to create baseline snapshots.
  4. Next we delete a search facet module and run the test case again to create test snapshots.
  5. Comparing the two versions of snapshots generates a diff report as shown in the screencast.