Page Files for Verifying Element Attributes and Labels

If you have completed the previous tutorial, Defining Page Files Using Developer Tools, this section will be familiar.  It utilizes the same sorts of methods that allowed us to define those earlier Page files.

 

 

1. Click Pages at the top of the screen.

2. Click on CONTACT in the left sidebar menu.

 

 

3. Click on First Name Text Field to expand it.

(If you completed Tutorial 12 - Defining Page Files Using Developer Tools, then you can skip ahead to step #10 since this element is already defined)

4. On the Contact page, right-click on the appropriate text field.

 

 

5. Click Inspect Element (with Firebug) and note information.

6. Navigate back to Janova Pages page and make its Element Type a Text Field.

7. Make Location method  “id”

8. Enter “element_1_1” as the Location String.

 

 

9. Click Save Element.

 

 

10. Click on Last Name Text Field to expand it.

11. Back on the Contact page site, right-click on the appropriate text field.

 

 

 

12. Click Inspect Element (with Firebug) and make a note of its information.

13. Back on the Janova Pages page, make its Element Type a Text Field.

14. Make Location method  “id”.

15. Enter “element_1_2” as the Location String.

 

 

 

16. Click Save Element.

 

 

17. Click on Company Text Field to expand it.

18. On the Contact page, right-click on the appropriate text field.

 

 

 

19. Click Inspect Element (with Firebug) and note its information.

20. Back on the Janova Pages page, make its Element Type a Text Field.

21. Leave the Location method as “id”.

22. Enter “element_2” as the Location String.

 

 

23. Click Save Element.

 

 

17. Click on Email Text Field to expand it.

18. On the Contact page, right-click on the appropriate text field.

 

 

 

19. Click Inspect Element (with Firebug) and note its information.

20. Back on the Janova Pages page, make its Element Type a Text Field.

21. Leave the Location method as “id”.

22. Enter “element_3” as the Location String.

 

 

23. Click Save Element.

 

 

24. Click on Email Text Field to expand it.

25. On the Contact page, right-click on the appropriate text field.

 

 

 

26. Click Inspect Element (with Firebug) and note its information.

27. Back on the Janova Pages page, make its Element Type a Text Field.

28. Leave the Location method as “id”.

29. Enter “element_3” as the Location String.

 

 

30. Click Save Element.

 

 

31. Click on Job Title Text Field to expand it.

32. On the Contact page, right-click on the appropriate text field.

 

 

 

33. Click Inspect Element (with Firebug) and note its information.

34. Back on the Janova Pages page, make its Element Type a Text Field.

35. Leave the Location method as “id”.

36. Enter “element_4” as the Location String.

 

 

37. Click Save Element.

 

 

38. Click on Phone Number Text Field to expand it.

39. On the Contact page, right-click on the appropriate text field.

 

 

40. Click Inspect Element (with Firebug) and note its information.

41. Back on the Janova Pages page, make its Element Type a Text Field.

42. Leave the Location method as “id”.

43. Enter “element_5” as the Location String.

 

 

44. Click Save Element.

If you would like to test whether or not you entered all of the information correctly, you can now run the test in the cloud by clicking either Queue on Scenario or Queue This Feature.  Either way, your results should hopefully display like this:

 

 

To learn how to validate select lists with various options, read Verifying Select Lists With Selected Options.