Please enable JavaScript.
Coggle requires JavaScript to display documents.
Cypress - Coggle Diagram
Cypress
Ambiente
Terminal (Cmder)
Navegar até
Criar pasta do Projeto
$npm init -y
Node.js
Fazer Download
Instalar
Editor
VS Code
Cypress
Abrir
$npm run cypress:open
ir até o arquivo 'node_modules/package.json
Dentro de "scripts"->Adicionar Atributo
"cypress:open": "cypress open"
$npm install cypress
Documentação
https://www.cypress.io/
Arquivo Nome:"blabla.spec.js"
Estrutura Script
///<reference types="cypress" />
Agrupador de cenários de teste
describe('Nome da Suite', () => { })
Incluir dentro da Arrow function
o cenário de teste
it('Nome do Teste', () => { })
Locators
Ir em cypress/support/index.js
Cypress.SelectorPlayground.defaults({selectorPriority: ['id', 'class', 'attributes', 'data-cy', 'data-test', 'data-testid','tag', 'nth-child']})
Plugin
Xpath
Instalação
$ npm install cypress-xpath
Ir para support/index.js
require('cypress-xpath')
Fixtures
cypress/fixtures
Estruturar um arquivo .json
Adicionar ao script de teste cy.fixture('nomeDoJson').as('nomeQualquer').then(function() { ...})
Command
support/commands.js
Cypress.Commands.add('nomeDoComando', (ParamComando) => {...})