Question

我正在使用Vuetify JS在我的VueJS应用中创建UI组件。另外，我正在使用CypressJS作为测试框架来测试这些UI组件。我希望测试的功能之一是对这些复选框进行简单的 check 操作。

根据赛普拉斯文档，我为这些复选框提供了 data-cy 属性，例如

<v-checkbox data-cy="app-checkbox>".

但是，在赛普拉斯测试中，当我使用

之类的选择器引用此元素时

cy.get('[data-cy="app-checkbox"]').check({force: true});

柏树的投掷和错误为

CypressError: cy.check() can only be called on :checkbox and :radio. Your subject contains a: <div class="v-input v-input--selection-controls v-input--checkbox v-input--is-label-active v-input--is-dirty" data-cy="app-layer-checkbox">...</div>

p.s。我认为这个问题类似于this和this的问题，但是即使使用jQuery选择器，我也无法对该元素执行检查。

关于如何解决此问题的任何建议肯定会有所帮助。

谢谢：）

Answer 1

我遇到了类似的问题，并且找到了解决方法：

cy.get('input[data-cy=app-checkbox]')
  .parent()
  .click();

未识别出Cypress + Vuetify复选框

1 个答案: