Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

Turbocharged testing with Angular

Victor Mejia (McGraw-Hill Education)
9:00am–12:30pm Tuesday, June 20, 2017
Secondary topics:  Automation, JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), Testing
Average rating: ****.
(4.50, 2 ratings)

Who is this presentation for?

  • Intermediate to senior JavaScript, frontend, and UI engineers

Prerequisite knowledge

  • Familiarity with JavaScript and the concept of single-page applications
  • General knowledge of JavaScript unit testing, Angular 2, and a testing framework like Jasmine or Mocha

Materials or downloads needed in advance

  • A laptop with Node.js and npm installed
  • A GitHub account

What you'll learn

  • Learn how to unit test in Angular 2


Angular 2 (now referred to as simply “Angular”) is a modern, performant framework for building high-quality, large-scale web applications. When building such applications, testing plays a very important role to the development and success of the project. Angular 2 was made to be testable—building a robust suite of tests, obtaining amazing code coverage, and building maintainable components and UI architecture is definitely achievable.

Victor Mejia explains how to turbocharge your unit testing workflow in Angular. Angular ships with a fabulous toolset for testing your app. Victor first explores the current testing toolset, offering a brief introduction to the concepts of unit testing and testing and mocking frameworks. Even though these concepts are framework-agnostic, Angular requires specific approaches when testing. Victor then deep dives into Angular key concepts, using a cookbook-style approach.

Topics include:

  • Testing components with I/O and change detection
  • Testing components with service dependencies
  • Testing components with async actions
  • Testing routed components
  • Testing services
  • Testing HTTP
  • Testing pipes
  • Testing attribute directives
  • Continuous integration
Photo of Victor Mejia

Victor Mejia

McGraw-Hill Education

Victor Mejia is a Senior UI Engineer and Instructor. He specializes in building great user experiences and teaching others the art of software development. He currently works at McGraw-Hill Education, where he is building web applications using cutting edge technologies (Angular, React, ES6+, TypeScript, Redux, Webpack). He advocates and teaches modern JavaScript development practices with test-driven and performance-driven approaches. Victor is also the organizer of the Angular Orange County Meetup, and he’s a happy husband and dad of two beautiful children.