赛普拉斯 + Vuetify 复选框未识别

Question

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

根据柏树文档，我为这些复选框提供了一个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>

ps 我认为这个问题类似于这个和这个问题，但即使使用 jQuery 选择器我也无法对这个元素执行检查。

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

谢谢 ：）

Answer 1

我有一个类似的问题，我找到了一个解决方法：

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