cypress - 如何在 Cypress 中查询 HTML 标签值？

Question

<g class="ABC" transform="translate(786.9,53)" score="1.3">

如何查询此示例 HTML 标记的分值？

我正在编写一个测试来查询分数属性(在上面的示例中为1.3)并将其与我的测试中的正确数字进行比较。

我不知道如何获取分数属性值。 cy.get() 没有给我我需要的东西。

谢谢。

Answer 1

Cypress 让您可以直接访问 DOM。如果您想定位 DOM 对象并直接对其进行操作，您将需要使用 then() 函数。

这是一个适合您的情况的示例:

cy.get("g.ABC").then(elem => {
    let score = elem.attr("score");
    cy.log(score);
    // etc...
});

参见this doc page了解更多信息。

---

如果您想直接对值执行摩卡断言，请使用 should() 来利用自动重试:

cy.get("g.ABC").should(elem => {
    let score = elem.attr("score");
    // If this assertion fails, the entire block will retry until it doesn't.
    expect(score).to.equal("1.3");
});

参见this doc page了解更多信息。