javascript - 如何在 Cypress.io 测试中的表 中显示数据？

Question

在 Cypress.io 测试中，在应用过滤器后检查表中显示的“数据”时，它会抛出“CypressError:重试超时:无法读取未定义的属性 'eq'”。有人可以建议如何解决以下测试中的问题吗？下面添加了表格 HTML 图像。

describe('Filter Test', function() {
    it.only('Check if the records are filtered successfully', function() {
        cy.visit('http://www.seleniumeasy.com/test/table-search-filter-demo.html')          
        cy.get('button').contains('Filter').click()
        cy.get('input[placeholder="Username"]').type('jacobs')  
        cy.get('table').should(($tr) => {
        const $tds = $tr.find('td') // find all the tds
        expect($tds.cells.eq(0)).to.contain('jacobs')   
        })

    })      

})

Answer 1

有多种方法可以做到这一点，但 contains()在这种情况下，函数是迄今为止最简单的:

cy.get('table').contains('td', 'jacobs');

这将得到 table元素并断言它包含 td用文本标记 jacobs .

值得注意的是 contains()也可以作为选择器，在典型的 Cypress 方式中，您可以继续链接它，如下所示:

cy.get('table').contains('td', 'jacobs').should('be.visible');

cy.get('table').contains('td', 'jacobs').then(elem => {
    // Do something with this specific element...
});

// etc...