Protractor: A New Hope

on YouTube ↗23m

" summary

Introduces a Protractor workflow: an NPM module called blue harvest that does screenshot comparisons, masking, and a single-command reference update via updateGoldenS (set an env var) claims parity with Google’s internal tooling that runs thousands of visual tests; a new high-level API named action helpers that selects by visible text and positional locators to speed writing and maintenance; migration steps to async/await including setting seleniumPromiseManager: false, targeting ES2017, and debugging with node --inspect-brk plus Chrome DevTools.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 1:27Light vs Dark side
3. 2:08Balance in the force...of testing
4. 4:31Image Diff
5. 5:08Updating Goldens
6. 5:48Masking
7. 7:50Firing Control Form
8. 8:16Page Objects
9. 9:57Action helpers
10. 15:20How well does this work?
11. 16:36WebDriver Control Flow
12. 18:16Control flow is gone in Selenium 4
13. 18:26Use async/await
14. 18:45protractor.conf.js
15. 19:16tsconfig.e2e.json
16. 19:46Starting protractor

" related talks

• 29mProtractor: The Hacker WayWill Huang · NG-MY 2019
• 48mModern capabilities for organizing a ProtractorJS frameworkAleksandr Khotemskiy · QA Fest 2017
• 42mProtractor Framework – Making Stable e2e Tests for Angular ApplicationsLudmila Nesvitiy · Selenium Camp 2017
• 37mEmbrace Innovation: Designing A Protractor Framework For Angular2 ApplicationsMeredith Bayne · SeleniumConf Austin 2017
• 49mProtractor: creating your first scriptLuis Yair Aquino · Hands On Testing 2020
• 30mTesting Angular Apps. At Scale.Jan Molak · AngularConnect 2017
• 31mHow do new Angular features improve developer experience?Simona Cotin · NG-DE Conference 2022
• 21mWorking Well, The Future of JavaScript TestingTrent Willis · Assert(js) 2018