Modern Testing Practices in Frontend Applications

on YouTube ↗26m

" summary

Claims that the testing pyramid is obsolete for modern JS and that speed and confidence come from specific practices not promises; a production app with 20 million orders and biweekly release trains breaks global CSS when relying on manual checks. Concrete tools and configs: Husky hooks plus ESLint/Prettier, LighthouseCI and WebPageTest plus Google Search Console for performance gates, bundlemon for bundle thresholds, monthly mutation testing to validate unit test usefulness, mocked APIs with contract tests, parallelized Cypress runs and visual/component tests to catch regressions.

AI-written summary · about

" chapters (9)

1. 0:00Modern web development challenges
2. 1:13Rethinking the testing pyramid
3. 3:50Introducing the testing wormhole
4. 5:21Lazy and performance testing
5. 10:51Unit testing on steroids
6. 14:02Mutation testing explained
7. 16:04Frontend feature and visual tests
8. 20:14Optimizing end-to-end testing
9. 24:19Final conclusion and Q&A

" related talks

• 35mTesting in Frontend WorldNykyta Halkyn · Frontend fwdays'17
• 53mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · GeeCON 2019
• 46mTesting frontend in 2019Sergey Popov · TestCon Moscow 2019
• 42mSurviving the JS Testing Tools JungleLise Quesnel · Devfest Strasbourg 2023
• 38mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · Voxxed Days Frontend Bucharest 2019
• 49mFrontend Testing: Mapping Out the TerritoryGil Tayar · Build Stuff 2021
• 37mFront-end Testing for SkepticsLuke Francl · RailsConf 2013
• 24mScalable Testing Practices for Modern AppsAmir Rustamzadeh · Nuxt Nation 2021