Question

我在support/header.js 头文件下创建了一个新文件，以便重用用于检查标题，我还将其导入到e2e.js中。 (Wǒ zài support/header.js 头文件 xià chuàngjiàn le yīgè xīn wénjiàn, yǐbiàn zhòngyòng yòngyú jiǎnchá biāotí, wǒ hái jiāng qí dǎorù dào e2e.js zhōng.)

header.js 头文件

Cypress.Commands.add( checkHeader ,() => {

    //* FAVICON
    it( Check Favicon 1 , () => {
        cy.get( head link[type="image/png"] ) 
          .should( have.attr ,  href ) 
          .and( eq ,  /favicon-32x32.png?v=26696447bf4055aecabfb5be2539b037 );
    });
});

我正在导入它到一个测试 e2e/test-header.cy.js。

describe( Header , () => {

    //* VISIT THE WEBPAGE
    it( Visit the website , () => {
        cy.visit(Cypress.env( baseUrl ));
        
    });

    it( Check Header , () => {
        cy.checkHeader();
    });
});

当我在进行测试时什么也没有发生。

将此翻译成中文：

如何解决这一问题?

Answer 1

你不能把一个it()放在一个命令里。命令是it()的基础构件，而不是反过来。

通过这个结构，你试图构建嵌套的it()，这也是不可能的。

it( Check Header , () => {

   //cy.checkHeader();
   it( Check Favicon 1 , () => {
     cy.get(...

})

仅删除该内部的<代码>it(),并将完美开展工作。

Cypress.Commands.add( checkHeader ,() => {
   cy.log( Check Favicon 1 )
   cy.get( head link...
});

it( Check Header , () => {
  cy.checkHeader();
})

友情链接