Как правильно написать e2e тесты приложений Vuetify?

Question

В настоящее время я использую Nightwatch.js с Chromedriver для выполнения e2e-тестов моего приложения Vuetify.Тем не менее, результаты теста являются неопределенными.

Во многих случаях я получаю такие ошибки, как: 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()') работает.

Как правильновыполнить детерминированное e2e-тестирование приложений Vuetify с большим количеством динамических компонентов?

Answer 1

Мне удалось успешно выполнить e2e-тестирование Vuetify, используя Cypress вместо Nightwatch.js, который неявно ожидает появления элементов при использовании cy.get().Более того, его снимки между тестами действительно полезны для отладки.