Verifying Elements That Require Developer Tools

Continuing on, we will look at the following requirement:

“When the CONTACT link is clicked the CONTACT page should load”

And references this form on the CONTACT page:

 

 

Since our methodology is to name Scenarios after requirements, we shall do so again when we create our new Scenario.

 

 

1. From the Dashboard, click the Janova Website application in the top drop-down.

 

 

2. Click Features on the top menu.

 

 

 

3. Click Add a Scenario at the bottom of the screen.

 

 

 

4. Enter “When the CONTACT link is clicked the CONTACT page should load” as its name.

5. Click Save and Continue.

 

 

8. Select “go to a page” from the syntax drop-down.

9. Enter “Home” as the name of the page.

 

 

10. Click Save and Continue.

 

 

11. Select “click an element” from the syntax drop-down.

12. Change And to When in the first menu.

 

 

13. Enter “How Janova Works” for the name of the element.

14. Click Save and Continue.

 

 

 

15. Select “verify text on page” from the syntax drop-down.

16. Change And to Then in the first menu.

17. Change the name Home to How Janova Works.

18. Enter “How Janova Does Web Testing” for the text.

 

 

 

19. Click Save and Continue.

 

 

 

20. Select “click an element” from the syntax drop-down.

 

 

 

21. Enter “CONTACT” for the name of the element.

22. Click Save and Continue.

 

 

23. Select “verify element on page” from the syntax drop-down.

24. Change And to Then in the first menu.

25. Change the name How Janova Works to CONTACT.

26. Enter “First Name Text Field” for the element.

 

 

27. Click Save and Close.

 

You probably have noticed that we haven't used our recently installed Developer Tools yet, but they will become necessary in our next tutorial, Defining Page Files Using Developer Tools.  The First Name Text Field cannot be found without some form of tool that can examine deeper than the superficial page display.