赛<header>普拉斯测试中存在测试标签和数据属性

Question

我正在使用Cypress测试我的站点。

我有以下HTML结构：

<header data-cy="my-header" />

我想测试header元素是否存在data-cy="my-header属性，以及它是否包含<header>标记。

我有以下内容：

cy.get('[data-cy=my-header]'
.get('header')
.should('be.visible');

这种方法正确吗？

Answer 1

您可以这样做：

var links = ['Home', 'About', 'Contact']
cy.get('.MuiTab-root').each(($ele, index) => {
expect($ele.text().trim()).to.equal(links[index])
})