E2E Testing Front-end with Hermione
summary
How to add real end-to-end checks using the Hermione framework for front-end apps: shows configuring Hermione, running tests in parallel per test to speed suites, automatic browser retries and screenshots for failures, and using page objects and beforeEach hooks to reset state. Demonstrates running locally with Chrome or in Docker + Selenium Grid + BrowserStack, and presents a visual-diff option via Gemini, starting from a minimal regression suite and showing it run end-to-end.
AI-written summary · about
chapters (26)
- 0:00Introduction
- 2:00Manual testing issues
- 5:56Testing types and benefits
- 10:28Выбор фреймворка для E2E тестирования
- 12:57Hermione features
- 18:24Installing Hermione
- 21:37First Hermione test
- 22:42Page and element loading
- 24:06localStorage prep
- 26:35Selectors in tests
- 27:38Debugging and screenshots
- 28:39Interactive debug stop
- 30:03Page objects and localization
- 32:49Browser selection
- 34:13Docker for testing
- 35:18Selenium Grid and remote
- 37:04CI/CD integration
- 39:09Первые шаги по внедрению E2E тестирования
- 40:12Hermione docs
- 40:54Future: screenshot testing
- 41:59Q&A
- 44:50Q&A: complex actions
- 46:37Q&A: parallel execution
- 48:46Q&A: testing depth
- 51:15Q&A: performance
- 53:40Q&A: test speed
