如何正确编写 Vuetify 应用程序的端到端测试?

How to properly write e2e tests of Vuetify apps?

目前我正在使用 Nightwatch.js 和 Chromedriver 来执行我的 Vuetify 应用程序的端到端测试。但是,测试结果是不确定的。

很多时候我会遇到这样的错误:Timed out while waiting for element <.menuable__content__active> to be present for 5000 milliseconds. when 运行 waitForElementVisible('.menuable__content__active', 5000) right after click('.v-select'),而有时它会通过。

select <v-select> 中的项目必须有更简单的方法,而不是点击它,等待 .menuable__content__active 然后点击 .menuable__content__active .v-list__tile--link。同<v-menu><v-autocomplete><v-date-picker>

其他时间 运行 click('#myid .v-btn') 不起作用,但 execute('document.querySelector("#myid .v-btn").click()') 可以。

对具有大量动态组件的 Vuetify 应用程序进行确定性端到端测试的正确方法是什么?

我使用 Cypress 而不是 Nightwatch.js 成功地对 Vuetify 进行了 e2e 测试,它在使用 [=10= 时隐式等待元素出现].此外,它在测试之间的快照对于调试非常有用。