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

“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 foi foi traduzido para inglês e pode ser encontrado no DEV Community.


Quer aprender automação de testes com Cypress na prática? Conheça meus cursos na Escola Talking About Testing, ou no Udemy.

Aproveite os cupons de desconto abaixo.

https://www.udemy.com/course/testes-automatizados-com-cypress-basico/?couponCode=CFD6F4BB4D62C6F8C565

https://www.udemy.com/course/testes-automatizados-com-cypress-intermediario/?couponCode=501DB7CCF1C3063F60B5

https://www.udemy.com/course/testes-automatizados-com-cypress-e-percy-basico/?couponCode=9757CA1F481F345910A3

Um comentário em “Como visitar uma página que está em meu computador com Cypress

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s