- When testing a web app you can look at the code
- Understand the code
- Understand errors written to the Dev Tools Console
- Workaround application defects
- Automate in the browser
- The DOM web developer displays make ever more sense
- Create helper tools as BookMarklets
- Improve your use of WebDriver’s
It increases our options, and therefore our ability to handle an increased variety of applications and technologies.
It also helps my automation;
- My CSS selector skills have improved
Tip 1… Automating in the Browser
My Test Automation U Course
- a free course
- explains how to use the browser dev tools for automating
Good for understanding the language. And Code Sandbox good for seeing code running.
Pull the language together to help you understand it as a programmer.
A good overview of the syntax and language.
Tip 5… DOM Elightenment
Read (free) DOM Elightenment
Understand and manipulate the DOM in depth. We will do this a lot when automating from the browser.
Tip 7… Support Page
The support page for my Test Automation U Course (has even more links):
Tip 8… Go Make Things
Tip 9… Useful Snippets
Check out the Chrome Extension “Useful Snippets”
Viv Richards @11vlr and I wrote this web testing tool.
And the benefit is, each time you run a command you see the JS in the console.
A fast overview you can use in the browser.
Or subscribe to their RSS feed, or read the backlog of newsletters.
Tip 12… Order to use them
- Subscribe to “Go Make Things” and be drip fed information - gomakethings.com
- Follow My Test Automation U Course Automating in the browser
- Read DOM Elightenment domenlightenment.com
- Course Support Page - eviltester.com/page/onlinetraining/testautomationujs
- Useful Snippets - github.com/eviltester/usefuljssnippetextension