Professional Angular Testing

Quality Assurance With Modern Tools: Jest, Cypress and Storybook

Improve Your Software Quality and Make Your Live Easier!

Remote & In-House
2 days
Some experience with Angular.
Theory phases alternate with live coding and exercises.
Also available as a company workshop
Public Workshop
  • Duration: 2 days
  • Next Date: TBA
  • Group discount available
Company-Workshop
  • Individually scheduled
  • In-house or remote
  • Discount for groups >8 participants

Jest, Cypress and Storybook - The Perfect Combination for Long-Term Quality

This workshop covers all the necessary aspects for testing in Angular. You not only learn the different techniques but also when to use them. An essential part are the hands-on exercises and subsequent discussions, where your individual challenges can also be dealt with.

After this workshop, you will — among other things — be able to …

  • … understand when to use unit, components, integration and E2E tests,
  • … test asynchronous code,
  • … interact with the rendered DOM of a component or component tree,
  • … significantly reduce the boilerplate code by using the latest tools,
  • … test the layout of the components using screenshots,
  • … design your E2E so that they do not influence each other,
  • … to avoid unstable E2E tests,
  • … to perfectly align your architectures for testability

Impressions

Impressions

Selected satisfied customers

The course of the training at a glance!

Part 1: Unit Tests

Unit tests with Jest

  • Jasmine vs. Jest
  • Test Coverage
  • Extending Jest
  • Asynchronicity
  • fakeAsync vs. waitForAsync
  • Mocking: jest.mock, jest.fn, jest.spyOn
  • Stubbing

Testing of reactivity

  • RxJS Marbles for pipe operators
  • Use of RxJs Marbles in normal unit tests
  • Unit tests for NGRX

Part 2: Component & Integration Tests

Component Tests

  • TestBed and Dependency Injection
  • DOM interaction
  • Change detection
  • Component Snapshots

Advanced component tests

  • Nested components
  • Testing @Input and @Output
  • Testing directives and pipes
  • Factory methods for reducing boilerplate code
  • Spectator
  • Testing Library
  • Harnesses
  • Reuse harnesses

Integration tests

  • HttpTestingController
  • RouterTestingModule
  • NgRx and the MockStore

Best Practices

  • Two approaches: London & Detroit
  • Test strategies: when should I use what?
  • Testable architecture

Part 3: End-to-End Tests with Cypress & Visual Regression

Visual regression with storybook

  • Multiple Jest configurations
  • Puppeteer
  • Storybook
  • StoryShots

Cypress

  • Overview of existing E2E frameworks
  • Difference between Web-Driver and Chrome DevTools protocol
  • Cypress and its “awaiting” feature
  • The cy object
  • Implicit and explicit assertions

Cypress Advanced

  • Page Object Models
  • cy expand object
  • Avoid Flaky Tests
  • Mocking of HTTP requests
  • Reuse Angular Harnesses

Cypress and Beyond

  • Optimal test design
  • Conditional tests
  • Direct communication with the backend
  • Unit tests in connection with Storybook
  • Unit tests with Component Test Runner
  • Test Coverage

Public Workshops

All of our seminars are always available remotely or in-house. Contact us to make an appointment

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

More public dates

2022 05. 12 -
07. 12
09:00 - 17:00 (CET)
Gruppenrabatt

Modern .NET-Backends for Angular

2022 19. 12 -
19. 12
09:00 - 16:30 (CET)
Group Discount

Advanced TypeScript

2022 20. 12 -
20. 12
09:00 - 16:30 (CET)
Group Discount

Playwright Workshop

2023 27. 02 -
28. 02
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 31.01.2023

Angular Security with Dr De Ryck

2022 01. 03 -
03. 11
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.01.2023

Design with System: Scalable Design Systems with Storybook and Angular

13:00 - 17:30 CET = 8.30 to 12.30 ET
2023 07. 03 -
10. 03
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.01.2023

Angular Architecture Workshop

8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET

English

2023 27. 03 -
29. 03
09:00 - 16:30 (CET)
Group DiscountEarly Bird until 28.02.2023

Modern Spring-Backends for Angular

2023 27. 03 -
28. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

API Security Workshop with Dr. De Ryck

2023 27. 03 -
29. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

Workshop: Fullstack Angular with NestJS

2023 28. 03 -
30. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

Modern .NET-Backends for Angular

Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.

Only One Step Away!

Send us your inquery today - we help you with pleasure!

Jetzt anfragen!