Início / coding / Perguntas / 79249728
Accepted
MeltingDog
Asked: 2024-12-04 10:32:51 +0800 CST

O Cypress não consegue obter o valor da URL após remover o atributo de destino, apesar da página carregar bem

  • 772

Quero que o Cypress verifique se o link para uma página está correto clicando no link e vendo se o URL contém uma determinada sequência de caracteres.

Para isso, criei a função:

checkLink = (linkEl, expectedPath) => {
    let pathString = linkEl.prop('href') ? linkEl.prop('href') : 'no-href';
    if (expectedPath && (pathString != 'no-href')) {
        cy.task('log', 'Checking link: '  + pathString + ' ' + expectedPath);
        cy.get(linkEl).click();
        cy.url().should('include', expectedPath);
        cy.go('back');
    }
}

Na maioria dos casos isso funcionou bem.

No entanto, não funcionaria se o link tivesse um target="_blank"atributo. Então adicionei .invoke('removeAttr', 'target')e alterei a função para ser a seguinte:

checkLink = (linkEl, expectedPath) => {
    let pathString = linkEl.prop('href') ? linkEl.prop('href') : 'no-href';
    if (expectedPath && (pathString != 'no-href')) {
        cy.task('log', 'Checking link: '  + pathString + ' ' + expectedPath);
        cy.get(linkEl).invoke('removeAttr', 'target').click();
        cy.url().should('include', expectedPath);
        cy.go('back');
    }
}

No entanto, agora ele parece não conseguir obter a URL da página que visita. Por exemplo, recebo o erro:

 AssertionError: Timed out retrying after 4000ms: expected '' to include 'mystring'

Se eu executar o teste como o título, posso ver a página (com a string esperada na URL) carregar bem. Parece que o Cypress não está recebendo cy.url()mais nada por algum motivo.

Alguém sabe o porquê disso?

javascript

1 respostas

  1. Best Answer

    O Cypress não suporta visitar várias páginas em um teste. Para verificar a URL do link após clicar, você deve fazer isso dentro de um cy.origin()comando.

    const checkLink = (linkEl, expectedPath) => {
  if (!expectedPath || !linkEl.attr('href')) return

  cy.wrap(linkEl).invoke('removeAttr', 'target')
  cy.wrap(linkEl).click()

  cy.origin(expectedPath, { args: { expectedPath } }, ({expectedPath}) => {
    cy.url().should('include', expectedPath)
    cy.go('back')
  })
}

cy.get('a#1').then($a => {
  checkLink($a, 'https://example.com/')
})

    Isso registra um teste aprovado:

    insira a descrição da imagem aqui

    Também funciona para target="_blank"links.

    Estes são meus dois links, ambos funcionam

    <a id="1" href="https://example.com">Example</a>
<a id="2" target="_blank" href="https://example.com">Example</a>
    • 2

relate perguntas