Test automation tutorial with Selenium WebDriver part 3: Test case creation

Test case creation

Suppose that you need to automate simple test case:

1. Go to http://www.openstreetmap.org
2. Click Direction icon
3. Type ‘Berlin’ as starting point
4. Type ‘Munich’ as end point
5. Click ‘Go’ button
6. Verify that total distance is ‘584km’

Now we need to use this test case and write it in code using Easy Selenium UI.
Development flow is simple:

1. Generate page object for each logical part of the web page
2. Create methods for page objects
3. Create a test using page objects’ methods and fields

NOTE: Python class represents page object
Let’s start with class generation:

1. Open easy_selenium_ui.py — run in cmd.exe: easy_selenium_ui.py
2. Set root folder — folder where all data will be stored
3. Open http://www.openstreetmap.org with Easy Selenium UI
4. Generate class for this page
5. Click ‘Reload image’ if screenshot is not loaded
6. Now select area that should be generated — we only need left panel
7. Enter class name — OSM
8. Click ‘Generate’ to generate Python class
9. Wait until Python class will be generated
10. Now first page object is generated you can check it in ‘Editor’ tab by opening generated class

1. OSM class
2. Now go to opened browser and manually do:
3. Click Direction icon
4. Type ‘Berlin’ as starting point
5. Type ‘Munich’ as end point
6. Click ‘Go’ button
7. Now generate class for this page(check Step 4 above for help) select blue area with first suggestion and use ‘OSMSearch’ as class name:

1. OSMSearch class

Now we have all needed classes.
Let’s create a test:

1. Select ‘Editor’ tab
2. Open ‘OSM’ class
3. Click ‘Create test file’
4. Use ‘osm_test.py’ as filename
5. Click ‘Save’
6. Now test file should be create and opened:
7. Click ‘Create new method/test case’ use ‘test_create_german_route’ as test case name
8. Now you should see a dummy test
9. Use CTRL + S to save test file
10. Now you can use right click menu on image to generate Python code and insert in into test
11. Generate ‘click’ action for Direction icon:
12. Hover over Direction icon
13. Right click on it
14. Select ‘click’ from right click menu
15. Now test case will be updated and Python generated code of click method will be inserted

1. Now select OSMSearch class
2. Generate ‘type’ action for staring point:
3. Hover over staring point
4. Right click on it
5. Select ‘type’ from right click menu
6. In opened dialog type ‘Berlin’ (with quotes because it is a string)
7. Click ‘OK’

1. Generate ‘type’ action for end point:
2. Hover over staring point
3. Right click on it
4. Select ‘type’ from right click menu
5. In opened dialog type ‘Munich’ (with quotes because it is a string)
6. Click ‘OK’
7. Generate ‘click’ action for ‘Go’ button(Use steps in Step 8 for help)
8. Now lets generate code for verification:
9. Generate ‘get_text’ action for route summary:
10. Hover over route summary
11. Right click on it
12. Select ‘getter’
13. Select ‘get_text’
14. Now you should get line like this:

• text = self.browser.get_text(…)
• here new variable ‘text’ is introduced, this variable will be you in verification step

1. Generate verification:
2. Hover anywhere on image
3. Right click on it
4. Select ‘Asserts’
5. Select ‘assert_in’
6. Type ‘584km’ (with quotes because it is a string) for ‘member’
7. Type ‘text’ (withOUT quotes because it is a variable) for ‘container’

1. You should get full test case:

1. OSMTest class with test_create_german_route

Now we can execute created test case:

1. Open ‘Test runner’ tab
2. Select test file using ‘Load tests from file’ button
3. Select ‘test_create_german_route’ from left panel
4. Click ‘Run test cases’

1. Test runner

Try to:

1. Fail created test case by changing ‘584km’ to ‘582km’
2. Run with different browser
3. Run with additional options
4. Create similar test case but with different starting and end points

Next: Continuous integration