Qu'est-ce qu'un bon moyen de test de bout en bout (e2e) en Vue.js

De cause que je peux utiliser sélénium autonome<!-Avec xpath pour tester une application. Mais tester le SPA peut parfois être difficile.

Mais, par exemple,angularjs l'équipe fournit rapporteur pour ce but.

la raison derrière protractor comme je peux le voir est que protractor attend jusqu'à angularjs sera chargé et peu plus de fonctionnalités:

Protractor fournit quelques nouvelles stratégies et fonctions de localisation qui sont très utiles pour automatiser l'application AngularJS. Exemple inclure des choses comme: waitForAngular, Par.de liaison, Par.répéteur, Par.textarea, By.mannequin, WebElement.tous, WebElement.évaluer, etc.

Donc la question est: S'agit-il d'un outil ou d'une pratique exemplaire pour les tests e2e en Vuejs?

UPD: n'hésitez pas à poster des liens vers des tutoriels, des exemples et tout ce qui est cool sur e2e-testing en vue.js. Grâce.

24
demandé sur Sergei Panfilov 2016-04-18 06:24:39

3 réponses

L'outil que vous pensez est Nightwatch. Avec cela, vous pouvez faire des tests E2E avec Vue.js.

encore mieux, il est empaqueté par défaut quand vous utilisez vue-cli, prêt à fonctionner.

la ligne de commande pour créer un projet avec Nightwatch activé par défaut est vue init webpack myProjectName.

Ici petitstutoriels à ce sujet.

EDIT: Dernièrement j'ai utilisé Webdriver.io beaucoup, et je dois dire Je le préfère à la garde de nuit (meilleure documentation, communauté réactive avec un gitter vivant, questions qui sont traitées en temps opportun, etc.)

18
répondu Alex 2017-03-17 19:39:36

je vous recommande d'utiliser https://devexpress.github.io/testcafe.

Avantages:

  • installation facile
  • harnais d'essai complet
  • javascript ES2016 with (async/wait)
  • système de sélection flexible
  • assertions intelligentes avec Politique de rejugement
  • rapports

Voir le tutoriel ici

13
répondu mlosev 2017-02-07 09:40:41

je recommande Cyprès.

  • seul MNP dépendance
  • enregistrement vidéo à droite de la boîte
  • GUI qui montre chaque étape du test.

Nos docs sont grands: https://on.cypress.io/intro

Pour Vue spécifiquement voir ce tutoriel: https://vuejsdevelopers.com/2018/01/29/vue-js-e2e-test-hacker-news/ et si vous voulez faire des tests unitaires des composants de Vue https://github.com/bahmutov/cypress-vue-unit-test

Heureux de test.

3
répondu gleb bahmutov 2018-01-31 20:12:56