The last part of the NX feature overview is end-to-end testing of Angular applications with Cypress.

There is no simpler thing to do as Cypress installation in NX mono repository. There's nothing to do. Cypress will be generated for you by default as an additional application.

---
title: End-to-end testing
description: End-to-end testing with NX 
code: https://gitlab.com/fullstackio/books/newline-course-apps/building-angular-applications-with-nx-app/-/tree/main/manuscript/code/03.05-e2e?ref_type=heads
privateVideoUrl: https://stream.mux.com/8P1bYMqNtRZMOyb02AjegZ02jcKhY447CzyBZr02jhc5E00.m3u8
---

The last part of the NX feature overview is end-to-end testing of Angular applications with Cypress.

## Installation...?

There is no simpler thing to do as Cypress installation in NX mono repository. There's nothing to do. Cypress will be generated for you by default as an additional application.

![Apps structure](https://d2uusema5elisf.cloudfront.net/courses/building-angular-applications-with-nx/module_04/lesson_04.05/public/images/03-05-01.png)

## First end-to-end test

galczo5

End-to-end testing

Let's explore how to create end-to-end tests in Nx.

So you don't need to install end-to-end framework additionally.

When you create a new monorepo with Angular app or you add a new Angular app to

the interactive wizard will ask you about your favorite test runner for end-to-

And as you can see, I'm going to choose Cypress.

Once everything is installed, you should have your application here and

e-to-e project to put your end-to-end tests inside.

And as you can see, we have our Cypress config here.

And we have everything necessary to start writing our code.

And we have our first example app, CI/TS.

And again, I will try to test our NxWelcome component.

So let's create a new file, NxWelcome.cy.ts.

Inside of this file, we will create a describe function here.

And then we need to set the title of this test.

And the first case, let's check if it works.

I will put the rest of the code and then we will go through it.

First of all, we need to call visit to go to our web page that is hosted under

Then Cypress get app and xWelcome, which is basically the selector of our

And then we have some assertions like it exists, should be visible, should

You need to execute comment yarn, Nx, e-to-e.

And then the name of the project that contains N to end tests.

So my application is called angular e-to-e monorepo.

And I need to add this e-to-e and just to point the project that contains my

But as you can see, running N2N tests is very simple.

So you can have a modern technology stack.

You can have storybook, you can have Cypress or playwright or whatever you want

You don't need to spend your time figuring out what is not working, why it's

And you can focus on important parts that are features, business needs and the

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Masterclasses

Tutorials

Fullstack React with TypeScript