如何使用jquery在赛普拉斯测试中获取div'text'值

Question

在Cypress.io测试中使用Jquery，如何从下面的html标记中获取名为“ Wildness”的div“文本”值。我在赛普拉斯测试中尝试过以下方法，但在控制台中抛出未定义的结果。

const $divText = Cypress.$('.ibxudA .WildnessText-kRKTej').text()
         cy.wrap($divText)
           .should("eq", "Wildness")

const $divText = Cypress.$('.ibxudA .WildnessText-kRKTej').text()
         cy.wrap($divText)
           .should("eq", "Wildness")

Answer 1

我可以试试这个：

cy.get(".ibxudA").find('.WildnessText-kRKTej').invoke('text').then((text) => {
    expect(text.trim()).equal('Wildness')
});

要么

 cy.get(".ibxudA").find('.WildnessText-kRKTej').should('have.text',"Wildness")

这可能是一个类似的问题：如何使用cypress检查元素的内部文本是否相等？

Answer 2

一行验证：

句法：

cy.get(<selector>).invoke("text").should("eq", <your string>); 

例子：

cy.get("div.myclass").invoke("text").should("eq", "My Text");

这里，使用以下方法来检索文本。should()用于验证。

cy.get('element').invoke('text')

Answer 3

    it('get text', async () => {
      const text = await new Cypress.Promise<string>((resolve) => {
        cy.get('[data-testid="target"')
          .invoke('text')
          .then((txt) => resolve(txt.toString()))
      })

      cy.log(text)
    })

Answer 4

cy.get("WildnessText-kRKTej").then(function($elem) {
     cy.log($elem.text())
})