Skip to main content

Funções | Cypress | Test & QA

  • Funções | Cypress | Test & QA

Exemplo básico​

describe('basic', () => {
  beforeEach(() => {
    cy.visit('/textinput')
  })

  it('visit explanation text input', () => {
    cy.url().then((url) => {
      cy.log(url)
      expect(url).to.contain('/textinput')
    })
  })

  it('title validation', () => {
    cy.title().then((title) => {
      cy.log(title)
      expect(title).to.equal('Text Input')
    })
  })
  it('Input Challenge', () => {
    cy.get('input#newButtonName').type('Hello World')
    cy.get('button#updatingButton').click().should('have.text', 'Hello World')
  })
})

Método .visit()​

  • O método visit() serve para abrir/navegar para uma URL dentro do navegador controlado pelo teste.
cy.visit('https://example.com')

Método .log()​

  • O metodo .log() serve para exibir mensagens no painel de execução do teste, ajudando no debug e no entendimento do fluxo do teste.
cy.log('Alguma mensagem')

Método .get()​

  • O método .get() (ou cy.get()) serve para buscar elementos do DOM para que você possa interagir ou validar algo na página.
cy.get('input#email')
cy.get('[data-cy="email"]')
info

Após obter o elemento, nós temos várias opções como click, type

Métodos validadores​

.contains() | Cypress​

  • Serve para buscar um elemento pelo texto visível.
cy.contains('Entrar').click()

.should() | Cypress​

  • Serve para validar (assert) que algo é verdadeiro.
cy.get('input').should('be.visible')

.and() | Cypress​

  • Usado para encadear mais validações (equivale a outro should).
cy.get('input')
  .should('have.value', 'teste')
  .and('be.enabled')

.find() | Cypress​

  • Busca elementos filhos de um elemento já encontrado.
cy.get('form').find('input')