Back to All Events

E2E testing with Cypress

  • Holiday Inn Gent Expo Maaltekouter 3 9051 Gent Belgium (map)

Description

We all want to consistently ship quality software. One of the best ways to accomplish this is by end-to-end (E2E) testing our application to simulates the real user actions. However, E2E testing is notoriously time-consuming, expensive, slow, and often flaky. Unfortunately, these issues lead to developers doing very little to no E2E testing, and taking solace in a plethora of unit-tests that cannot fully test the intended experience of users.

We can do better.

In this hands-on session, we’ll dive deep into using Cypress, an open-source tool that enables us to easily and beautifully write flake-free, reliable, deterministic E2E tests for our web applications.

Schedule

07:30 - 08:30

  • Continental breakfast buffet with the trainers

08:30 - 10:30:

  • Introduction & Overview

  • Cypress basics

  • Adding tests and configurations

  • Cypress Selector Playground

  • Reseting/cleanup between tests

10:30 - 11:00

  • Break with coffees, teas, juices, fresh yoghurt and fruits

11:00 - 12:30

  • Using data fixtures to mock data

  • Accessing application code and data

  • Writing custom Cypress commands

  • Debugging in Cypress

12:30 - 14:00

  • Lunch with fresh soup, salads, selections of cold and warm fish and meat dishes, dessert

14:00 - 15:30

  • Component testing

  • Setting up E2E tests on CI

  • Customizing your own reporters

15:30 - 16:00

  • Break with coffees, teas, juices, energizers and snacks

16:00 - 17:30

  • Generating code-coverage reports

  • Setting up the Cypress Dashboard

  • Cypress Configurations

Key takeaways

  • Understand Cypress API mechanics

  • Deeper understanding of the Cypress architecture and how to leverage it to write more efficient tests

  • Utilize the Cypress ecosystem to enhance your workflow

  • Add E2E to pre-existing and new projects regardless of tech stack

Trainers

Dominic Elm & Isaac Mann

ng-be-2019-workshop-3-e2e-testing-cypress.png