如何正确编写Vuetify应用程序的e2e测试？

Question

当前，我正在将Nightwatch.js与Chromedriver结合使用以对我的Vuetify应用执行e2e测试。但是，测试结果是不确定的。

很多时候，我在Timed out while waiting for element <.menuable__content__active> to be present for 5000 milliseconds.之后立即运行waitForElementVisible('.menuable__content__active', 5000)时遇到类似click('.v-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应用进行确定性e2e测试的正确方法是什么？

Answer 1

我设法使用 Cypress 而非Nightwatch.js成功地进行了Vuetify的e2e测试，后者暗中等待使用cy.get()时出现的元素。而且，它在两次测试之间的快照对于调试非常有用。