Como visitar uma página que está em meu computador com Cypress

Aprenda como testar uma página HTML que está somente em seu ambiente local

A “pitada de cypress” de hoje é inspirada em uma dúvida do Rafael Barbosa.

Obrigado pela pergunta Rafael!

Com o Cypress, caso você queira testar uma página que está disponível somente em seu computador, ou seja, ela não está disponível via internet, você pode usar o caminho relativo da página no comando cy.visit().

Vejamos um exemplo de uma aplicação que simula o Twitter.

// cypress/integration/sampleTwitterApp.spec.js

describe('Tweets', () => {
  beforeEach(() => cy.visit('../../Tweets/index.html'))

  it('tweet using a custom command', () => {
    cy.get('.tweet')
      .its('length')
      .then(numberOfTweetsBefore => {
        const newTweet = 'Yay, custom commands with Cypress!'

        cy.tweet(newTweet);

        cy.get('.tweet')
          .its('length')
          .should('be.gt', numberOfTweetsBefore);
        cy.get('.tweet')
          .last()
          .should('contain', newTweet);
      });
  });
});

Como você pode notar, em vez de passar uma URL para o comando cy.visit(), estou passando o caminho relativo ‘../../Tweets/index.html’ e meu teste funciona como se eu estivesse visitando uma página na web. 😄

Post curtinho, mas espero que útil.

👋 Até o próximo!

---

O que está achando da série?

Aguardo teu feedback.

---

Este conteúdo foi traduzido para inglês e pode ser encontrado no DEV Community.

---

Ficou curioso(a) e quer aprender mais sobre automação de testes com Cypress? Conheça meus cursos no Udemy.

• Cypress básico
• Cypress intermediário
• Cypress avançado
• Boas práticas em automação de testes com Cypress
• Testes end-to-end com Cypress

---

Bons testes! 🎉