A simple application to estuding tests end-to-end in Angular with Cypress

Overview

Conhecimento sobre testes End to End (ponta a ponta)

Sobre o Cypress:

Testes feitos do sistema para ver como um usuário se comportaria, esses testes é feito
com o intuito de verificar se uma função que puxa uma rota da api está funcionando ou
qualquer ação feita pelo teste está funcionando como devido.
Cypress permite escrever todos os tipos de testes:

  • Ponta a Ponta
  • Testes de integração
  • Testes unitários

Documentação:

Install Cypress:

  • ng add @cypress/schematic;
  • Selecione Mocha para os testes unitários;

Vai ser criado uma pasta chamada Cypress que dentro dela terá outra pasta escrita integration onde você vai conseguir criar seus testes, um arquivo criado automaticamente junto com a instalação, que é chamado spec.ts

Codigo de exemplo:

describe('Modal Test', () => {
  it('Visits the initial project page', () => {
    cy.visit('/')
    cy.title()
    cy.contains('TestsE2E')
  })
})
You might also like...

A cypress plugin for projects using @azure/msal-browser

A cypress plugin for projects using @azure/msal-browser

A cypress plugin for projects using @azure/msal-browser

Aug 11, 2022

A repository of a Cypress testing demo

adeoweb-cypress-demo This is a repository of a Cypress testing demo. Based on adeoweb.biz website case study. What is this talk We will 👀 live-code a

Mar 24, 2022

Run cucumber/gherkin-syntaxed specs with Cypress

cypress-cucumber-preprocessor This preprocessor aims to provide a developer experience and behavior similar to that of Cucumber, to Cypress. Installat

Dec 7, 2022

Enable hover capabilities for Cypress. 🛸

cypress-hover 🛸 Enable hover capabilities for Cypress 🛸 with zero dependencies! 💯 Installation npm install cypress-hover Usage In your cypress/sup

Sep 1, 2022

Easy conditional if-else logic for your Cypress testsDo not use

Easy conditional if-else logic for your Cypress testsDo not use

cypress-if Easy conditional if-else logic for your Cypress tests Tested with cy.get, cy.contains, cy.find, .then, .within commands in Cypress v9 and v

Dec 14, 2022

Cypress Boilerplate with Cucumber (BDD)

Cypress Boilerplate with POM and Cucumber Download & Configuration npm init -- package.json npm install cypress cypress-cucumber-preprocessor -- pac

Nov 4, 2022

A template for your Next.js projects including Typescript, Eslint, Prettier, Jest, Cypress and Docker.

A template for your Next.js projects including Typescript, Eslint, Prettier, Jest, Cypress and Docker.

Next.js Template Quickly start a new Next.js project A template for your Next.js projects including Typescript, Eslint, Prettier, Jest, Cypress and Do

Oct 7, 2022

Firebase Storage with Angular 14 example: Upload File, Retrieve, Display, Download Url & Delete using @angular/fire AngularFireStorage

Firebase Storage with Angular 14 example: Upload File, Retrieve, Display, Download Url & Delete using @angular/fire AngularFireStorage

Angular 14 File Upload to Firebase Storage example I will show you how to make Angular 14 Firebase Storage: File Upload/Display/Delete Application usi

Sep 7, 2022

Angular JWT refresh token with Interceptor, handle token expiration in Angular 14 - Refresh token before expiration example

Angular JWT refresh token with Interceptor, handle token expiration in Angular 14 - Refresh token before expiration example

Angular 14 JWT Refresh Token example with Http Interceptor Implementing Angular 14 Refresh Token before Expiration with Http Interceptor and JWT. You

Nov 30, 2022
Owner
Kauã Werle
Developer Full stack. Work in Digitaldoc in Frontend using Angular and Nuxt. Backend using C#
Kauã Werle
Access the internals of React components from Cypress end-to-end tests

cypress-react-app-actions Access the internals of React components from Cypress end-to-end tests Read Access React Components From Cypress E2E Tests a

Gleb Bahmutov 5 May 12, 2022
SAP Community Code Challenge: This repository contains an empty OpenUI5 application and end-to-end tests written with wdi5. Take part in the challenge and develop an app that passes the tests.

SAP Community Code Challenge - UI5 The change log describes notable changes in this package. Description This repository is the starting point for the

SAP Samples 8 Oct 24, 2022
Cypress commands are asynchronous. It's a common pattern to use a then callback to get the value of a cypress command

cypress-thenify Rationale Cypress commands are asynchronous. It's a common pattern to use a then callback to get the value of a cypress command. Howev

Mikhail Bolotov 15 Oct 2, 2022
Export Cypress Tests from Google Chrome DevTools' Recorder

@cypress/chrome-recorder This repo provides tools to export Cypress Tests from Google Chrome DevTools' Recordings Installation $ npm install -g @cypre

Cypress.io 162 Dec 20, 2022
🚀Starter project with Angular 13, Ngx-admin, NestJS, Nx Workspace, Jest, Cypress, ESLint & Prettier 🚀

Angular 13 + Ngx-admin + NestJs + NX Starter project with Angular 13, Ngx-admin, NestJs, Nx Workspace, Jest, Cypress, ESLint & Prettier Features ✅ Ang

Wilfried 49 Jan 4, 2023
Deadcode elimination via running end-to-end tests.

About Deadcode elimination via running end-to-end tests. Sample project: DCE for threejs Install npm i -D ycw/e2edce Usage First, create a configurati

null 5 Jun 19, 2022
A project that tests out various Angular 8 features.

AngularNgIfDirective This project was generated with Angular CLI version 8.3.19. Development server Run ng serve for a dev server. Navigate to http://

null 1 Oct 5, 2022
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati

null 9 Oct 5, 2022
Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Robson Agapito Correa 14 Nov 28, 2022