从 Cypress 页面对象返回布尔值

Question

我想了解如何从 cypress 页面对象返回布尔值？使用案例：我正在尝试检查页面上是否存在某个元素。如果是，则返回一个布尔值。代码：class DataTable {  constructor() {     return this;  }  has(fieldName) {    // HOW DO I RETURN A BOOLEAN HERE?    return cy.get('.view-and-field-name').contains(fieldName)  }}Mainpage.spec.jsconst dataTable = new DataTable();expect(dataTable.has(field.fieldName)).to.be.true;我希望能对我做错的事情有一些见解。谢谢你的时间。

Answer 1

on expect()Mainpage 已经在内部执行过了cy.get('.view-and-field-name').contains(fieldName)，所以是多余的。

如果dataTable.has(field.fieldName)失败，测试将停止 - 它永远不会传递错误值。

如果你想has(fieldName)传递一个布尔值，你需要切换到jquery里面，例如

has(fieldName) {

  const jquerySelector = `.view-and-field-name:contains(${fieldName})`;

  return Cypress.$(jquerySelector);

}

但使用 Cypress 命令和使用要简单得多

const dataTable = new DataTable();

dataTable.has(field.fieldName);

就我个人而言，我会放弃页面对象，而直接在测试中使用该命令。

Answer 2

我建议下一个自定义命令：

Cypress.Commands.add("validateIfElementExistsInDom", (selector) => {

    cy.get('body')

        .then($body => {

            expect($body.find(selector).length > 0).to.be.true

        })

    

})

您可以在测试中使用它，例如：

cy.validateIfElementExistsInDom(fieldName)

    

以及一般返回布尔函数示例：

Cypress.Commands.add("validateIfElementExistsInDomAsBoolean", (selector) => {

   return cy.get('body')

        .then($body => {

            return cy.wrap($body.find(selector).length > 0) //Cy wrap is needed so the function is chainable

        })

})

//in test code

cy.validateIfElementExistsInDomAsBoolean(fieldName)

    .then(boolean => expect(boolean).to.be.true)

Answer 3

cy.get由于可重试策略，它不是同步函数，因此无法Boolean直接返回。

如有必要，您可以将should的变体与回调一起使用。

对于您的情况，更简单的变体exist是合适的（或者be.visible，可能更适合您的情况）：

class DataTable {

  has(fieldName) {

    return cy.get('.view-and-field-name').contains(fieldName);

  }

}

const dataTable = new DataTable();

dataTable.getField(field.fieldName).should('exist');