Was ist ein richtiger Weg, der end-to-end (e2e) Tests in Vue.js
Ursache, die ich verwenden kann Selen-standalone mit xpath testen einer app. Aber testen SPA könnte eine Herausforderung sein irgendwann.
Aber zum Beispiel angularjs ist team bietet Winkelmesser für diesen Zweck.
Den Grund hinter Winkelmesser, wie ich sehen kann ist, dass die Winkelmesser wartet bis angularjs wird geladen und einige weitere features:
Winkelmesser bietet einige neue locator-Strategien und Funktionen, die
sind sehr hilfreich, um zu automatisieren, die AngularJS-Anwendung. Beispiele
gehören Dinge wie: waitForAngular, Durch.Bindung, Durch.repeater,
Durch.textarea Durch.Modell WebElement.alle, WebElement.bewerten, etc.
Die Frage ist also,: Gibt es irgendein tool oder best practice für e2e-Tests in Vuejs?
UPD: fühlen Sie sich frei, um links zu tutorials, Beispiel und alles was cool ist über den e2e-Tests im vue.js. Danke.
- Werfen Sie einen Blick auf die Beispiele von Evan, die Sie, der Schöpfer von Vue. github.com/vuejs/vue-cli gibt Es auch links zu ein paar Beispiel-Anwendungen, das testen wie github.com/vuejs-templates/webpack
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dem Werkzeug, das Sie denken, ist Nightwatch.
Mit diesem können Sie tun, E2E-testing mit Vue.js.
Sogar besser, diese gebündelt wird standardmäßig verwendet, wenn Sie mit
vue-cli, bereit zu laufen.Der Befehlszeile erstellen Sie ein Projekt mit Nightwatch standardmäßig aktiviert ist
vue init webpack myProjectName.Hier sind kleine tutorials darüber.
EDIT: in letzter Zeit habe ich genutzt Webdriver.io eine Menge, und ich muss sagen, ich bevorzuge es zu Nightwatch (bessere Dokumentation, reaktive community mit einem live-gitter, Probleme, die behandelt werden in einer rechtzeitigen Mode, etc.)
Empfehle ich die Nutzung https://devexpress.github.io/testcafe.
Vorteile:
Finden Sie die einfache Anleitung hier
Empfehle ich Cypress.
Unsere docs sind toll: https://on.cypress.io/intro
Für Vue insbesondere siehe diese Anleitung: https://vuejsdevelopers.com/2018/01/29/vue-js-e2e-test-hacker-news/ und wenn Sie wollen, zu tun unit-Tests von Vue Komponenten https://github.com/bahmutov/cypress-vue-unit-test
Gerne testen.