Angular Academy
Advanced Angular Testing Workshop

World-class instructor-led live online Angular course!

Classes and Registration


Attend our workshops remotely!

Contact us for your private Corporate Training.

Our prices are in Canadian dollars (CAD)

USA In the USA? Attend our virtual classes and take advantage of the 30% exchange rate! (and no tax)

Professional ANGULAR TRAINING!

Learn Unit Tests, Component Tests and End-to-End (E2E) tests in this awesome hands-on instructor-led online training!


What's in it?

Learn ALL you need to know about testing your Angular app with an industry expert in an immersive hands-on workshop.

Workshop

It's hands-on! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Prerequisites

You should have significant experience with the core concepts of Angular and TypeScript.

Deep dive into Angular Testing!


Quality Assurance for Angular Solutions with Jest, Cypress and Storybook.

PART 1: End-to-end testing with Cypress

  • Cypress Basics
    • Overview of existing E2E frameworks
    • Difference WebDriver and Chrome DevTools protocol
    • The cy object
    • Cypress and its “Actionability” feature
    • Queries, Actions and Assertions
    • Avoiding flakiness (unstable tests)
    • Implicit and explicit assertions
    • Queries according to accessibility criteria with the Testing Library
  • Cypress Advanced
    • Page Object Models
    • Extend cy object
    • Creating your own queries
    • Mocking HTTP queries
    • Manipulation of HTTP queries
    • API TestsTasks
    • Caching session data with cy.session
    • Multi-origins with cy.origin
    • Optimal Test Design
    • Conditional tests
    • Test Coverage

PART 2: Unit Tests

  • Jest
    • Jest vs Jasmine
    • Use of Jest
  • Asynchrony
    • fakeAsync vs waitForAsync
    • Mocking: jest.mock, jest.fn, jest.spyOn
    • Testing with the inject function or TestBed
  • Testing reactivity
    • RxJS Marbles for Pipe Operators
    • Application of RxJs Marbles in normal unit tests
    • Unit tests in ngrx

PART 3: Component & Integration Tests

  • Basics
    • TestBed Configuration
    • Differences Standalone and NgModules in TestBed
    • Mocking of components, directives and pipes with ng-mocks
    • Pros / Cons HttpTestingController
    • RouterTestingHarness
  • Cypress Component Test Runner
    • Mounting components
    • Dynamic wrapper component
    • Setting @Input properties
    • Direct access to Angular’s DI
  • “Fallback Technologies”
    • Angular Harnesses
    • Spectator
    • Testing library

PART 4: Test strategies: How to test correctly?

  • Two contrasting approaches: London & Detroit
  • Testing strategies: When to use what?
  • TDD in the frontend?
  • Test cup vs. test pyramid
  • Testable architecture

Other Angular training courses!

The Angular Academy

Difference!


Our courses are different from anything you've seen before.... rather than just teaching you something, and giving you a bunch of exercises along the way, in our hands-on courses we focus on BUILDING a real data-centric business application, together!

So this isn’t just another one of those “watch me build something and try not to fall asleep” courses... our motto is Everyone Live Coding All Day Long!© Building a complete application together with the instructor. This way, by the end of the training we'll have built an entire app, and the instructor makes sure that nobody get stuck. You’ll also get lot's of advice and best practices on building and optimizing Angular applications with TypeScript and RxJS!

We think this is by far the most efficient way of learning a programming technology, and our attendees LOVE IT!

Read our customers testimonials

Contact Us


For more information or organizing your Corporate Training.


Alumni


Be part of our next workshop and learn Angular in a fun and engaging way!