Frontend tests with codeception

on YouTube ↗43m

" summary

Practical demo of setting up browser tests with Codeception using ChromeDriver/Chromium and the WebDriver layer, with test configs, container-friendly fixtures and CI hooks. Shows how tests capture HTML and screenshots, reset state (DB/files), use reusable Gherkin-like steps and data tables, and run against a real publisher site punkt.de. Notes flaky waits, DOM timing issues and how to export step libraries; tests produce HTML reports and work in CI when configured correctly.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 2:25Why frontend testing matters
3. 9:01Acceptance vs functional testing
4. 14:03WebDriver and browser automation
5. 21:54Feature files and Gherkin syntax
6. 27:53Handling JavaScript in tests
7. 33:26Demo and Q&A

" related talks

• 28mFrontend TestingHannes Diercks · JSUnconf 2016
• 49mFront End Testing FrontierCJ Kihlborn, Jonas Nicklas · RubyConf 2010
• 28mSelenium Testing in PHP with CodeceptionMichael Bodnarchuk · TestCon Vilnius 2017
• 32mAll about web application testingAnisha Narang · FOSSASIA 2015 DevOps Track
• 33mPainless JavaScript testing with CodeceptJSMichael Bodnarchuk · TestCon Europe 2019
• 32mEnd to End tests with Google's PuppeteerTyler Clark · UtahJS Conf 2018
• 35mTesting in Frontend WorldNykyta Halkyn · Frontend fwdays'17
• 42mWait, I have to test the front end too?Amy Kapernick · Build Stuff 2020