Testing the MEAN Stack

on YouTube ↗50m

" summary

Demonstrates a full MEAN testing stack that actually runs: Karma test runner orchestrates Jasmine client tests and Mocha server tests, launching Chrome/Safari/PhantomJS/Slimer or capturing real devices via WebSockets; Grunt and npm wire the tasks into CI. Istanbul (karma-coverage) produces code‑coverage HTML reports showing ~40% overall, ~11% branch, ~20% function coverage. Protractor drives 10–15 minute end‑to‑end acceptance tests that fill forms and click buttons, and headless PhantomJS renders failure screenshots for CI.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 14:35Named Configurations
3. 25:04Spidermonkey
4. 27:42Capture Your Browsers
5. 32:32Reports
6. 36:39Karma Html Reporter
7. 36:56Configuration Blocks
8. 39:26Code Coverage
9. 40:51Run Instrumented Code in Production
10. 42:25Branch Coverage
11. 44:55Protractor

" related talks

• 45mAutomated Testing JavaScriptVenkat Subramaniam · All Things Open 2019
• 45mTesting Big in JavaScriptRobert Deluca · JSConf US 2018
• 59mTechniques and practices for testing Angular 2Duncan Hunter, Adam Stephensen · NDC London 2017
• 06mTurbocharge Your Angular Testing WorkflowVictor Mejia · ng-conf 2017
• 35mTesting in Frontend WorldNykyta Halkyn · Frontend fwdays'17
• 14mDebugging Secrets of a Lazy DeveloperRyan Seddon · Web Directions Code 2012
• 30mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · DjangoCon US 2021
• 37mCross browser unit testing JavaScriptAlan Parkinson · Selenium Conference 2013