Question Outils de test unitaires JavaScript pour TDD


J'ai examiné et pris en compte de nombreux tests unitaires et outils de test JavaScript, mais j'ai été incapable de trouver une option appropriée pour rester entièrement conforme à la norme TDD. Alors, y a-t-il un outil de test unitaire JavaScript totalement compatible TDD?


717


origine


Réponses:


Karma ou Rapporteur

Karma est un lanceur de test JavaScript construit avec Node.js et destiné aux tests unitaires.

Le rapporteur est pour les tests de bout en bout et utilise Selenium Web Driver pour conduire des tests.

Les deux ont été faites par l'équipe Angular. Vous pouvez utiliser n'importe quelle bibliothèque d'assertion avec l'une ou l'autre.

Screencast: Karma Premiers pas

en relation:

avantages:

  • Utilise node.js, donc compatible avec Win / OS X / Linux
  • Exécuter des tests à partir du navigateur ou sans tête avec PhantomJS
  • Exécuter sur plusieurs clients à la fois
  • Option pour lancer, capturer et arrêter automatiquement les navigateurs
  • Option pour exécuter le serveur / clients sur l'ordinateur de développement ou séparément
  • Exécuter des tests à partir de la ligne de commande (peut être intégré dans ant / maven)
  • Écrire des tests xUnit ou BDD
  • Prend en charge plusieurs frameworks de test JavaScript
  • Auto-exécuter des tests sur enregistrer
  • Requêtes de proxies inter-domaines
  • Possibilité de personnaliser:
    • Étendez-le pour envelopper d'autres frameworks de test (Jasmine, Mocha, QUnit built-in)
    • Vos propres affirmations / réfutations
    • Reporters
    • Lanceurs de navigateur
  • Plugin pour WebStorm
  • Pris en charge par l'IDE Netbeans

Les inconvénients:

mocha.js

Je ne suis pas du tout qualifié pour commenter les caractéristiques, les forces et les faiblesses de mocha.js, mais il m'a été recommandé par quelqu'un en qui j'ai confiance dans la communauté JS.

Liste des fonctionnalités, tel que rapporté par son site web:

  • support du navigateur
  • soutien asynchrone simple, y compris les promesses
  • rapport de couverture de test
  • support de chaîne de diff
  • javascript # API pour exécuter des tests
  • état de sortie correct pour le support CI, etc.
  • détecte automatiquement et désactive la coloration pour les non-ttys
  • mappe les exceptions non interceptées au cas de test correct
  • support du délai d'attente du test async
  • délais d'expiration spécifiques au test
  • support de notification de growl
  • rapports tests durées
  • souligne les tests lents
  • support de l'observateur de fichiers
  • détection de fuite variable globale
  • exécuter éventuellement des tests correspondant à une expression rationnelle
  • auto-exit pour empêcher "accrochage" avec une boucle active
  • générez facilement des suites et des cas de test
  • Support du fichier mocha.opts
  • titres de suites cliquables pour filtrer l'exécution des tests
  • prise en charge du débogueur de noeud
  • détecte plusieurs appels à done ()
  • utiliser n'importe quelle bibliothèque d'assertion que vous voulez
  • reporting extensible, livré avec plus de 9 reporters
  • test DSL extensible ou "interfaces"
  • avant, après, avant chacun, après chaque crochet
  • support de transpiler arbitraire (café-script etc)
  • Bundle TextMate

yolpo

yolpo

Cela n'existe plus, redirige vers sequential.js au lieu

Yolpo est un outil pour visualiser l'exécution de javascript. Les développeurs d'API Javascript sont encouragés à écrire leurs cas d'utilisation pour montrer et dire leur API. De tels cas d'utilisation constituent la base des tests de régression.

AVA

AVA logo

Coureur d'essai futuriste avec support intégré pour ES2015. Même si JavaScript est monothread, IO dans Node.js peut se produire en parallèle en raison de sa nature asynchrone. AVA en profite et exécute vos tests simultanément, ce qui est particulièrement bénéfique pour les tests lourds IO. De plus, les fichiers de test sont exécutés en parallèle en tant que processus distincts, ce qui vous offre des performances encore meilleures et un environnement isolé pour chaque fichier de test.

  • Minimal et rapide
  • Syntaxe de test simple
  • Exécute des tests simultanément
  • Applique l'écriture de tests atomiques
  • Pas de globals implicites
  • Environnement isolé pour chaque fichier de test
  • Ecrivez vos tests en ES2015
  • Promettre le soutien
  • Prise en charge de la fonction générateur
  • Support de fonction asynchrone
  • Support observable
  • Affirmations améliorées
  • TAP optionnel o utput
  • Nettoyer les traces de pile

Buster.js

Un testeur de code JavaScript construit avec Node.js. Très modulaire et flexible. Il possède sa propre bibliothèque d'assertion, mais vous pouvez ajouter la vôtre si vous le souhaitez. le bibliothèque assertions est découplé, donc vous pouvez également l'utiliser avec d'autres testeurs. À la place d'utiliser assert(!...) ou expect(...).not..., il utilise refute(...) ce qui est une belle torsion imho.

Une boîte à outils de test JavaScript pour navigateur. Il effectue des tests de navigateur avec l'automatisation du navigateur (pensez à JsTestDriver), des tests de page HTML statique de style qunit, des tests dans des navigateurs sans tête (phantomjs, jsdom, ...), et plus encore. Jeter un coup d'œil à l'aperçu!

Une boîte à outils de test Node.js. Vous obtenez la même bibliothèque de cas de test, la même bibliothèque d'assertions, etc. C'est également idéal pour le navigateur hybride et le code Node.js. Écrivez votre cas de test avec Buster.JS et exécutez-le à la fois dans Node.js et dans un vrai navigateur.

Screencast: Buster.js Mise en route (2:45)

avantages:

  • Utilise node.js, donc compatible avec Win / OS X / Linux
  • Exécuter des tests à partir du navigateur ou sans tête avec PhantomJS (bientôt)
  • Exécuter sur plusieurs clients à la fois
  • Prend en charge les tests NodeJS
  • Pas besoin d'exécuter le serveur / clients sur l'ordinateur de développement (pas besoin d'IE)
  • Exécuter des tests à partir de la ligne de commande (peut être intégré dans ant / maven)
  • Écrire des tests xUnit ou BDD
  • Prend en charge plusieurs frameworks de test JavaScript
  • Reporter les tests au lieu de les commenter
  • SinonJS intégré
  • Auto-exécuter des tests sur enregistrer
  • Requêtes de proxies inter-domaines
  • Possibilité de personnaliser:
    • Étendez-le pour envelopper d'autres frameworks de test (JsTestDriver intégré)
    • Vos propres affirmations / réfutations
    • Reporters (XML xunit, points traditionnels, spécification, tap, teamcity et plus intégré)
    • Personnaliser / remplacer le code HTML utilisé pour exécuter les tests du navigateur
  • Intégration de TextMate et Emacs

Les inconvénients:

  • Stil en bêta peut donc être bogué
  • Pas de plugin pour Eclipse / IntelliJ (pas encore)
  • Ne regroupe pas les résultats par os / browser / version comme TestSwarm *. Cependant, il imprime le nom et la version du navigateur dans les résultats du test.
  • Aucun historique des résultats de tests précédents comme TestSwarm *
  • Ne fonctionne pas complètement sur Windows en mai 2014

* TestSwarm est également un serveur d'intégration continue, alors que vous avez besoin d'un serveur CI distinct pour Buster.js. Cependant, il génère des rapports XML xUnit, il devrait donc être facile à intégrer avec Hudson, Bambou ou d'autres serveurs CI.

TestSwarm

https://github.com/jquery/testswarm

TestSwarm n'est officiellement plus en développement actif comme indiqué sur leur page web GitHub. Ils recommandent Karma, browserstack-runner ou Intern.

Jasmin

Jasmine

Ceci est un test-côté client qui pourrait intéresser les développeurs familiers avec Ruby ou Ruby on Rails. La syntaxe est basée sur RSpec c'est utilisé pour tester dans les projets Rails.

Jasmine est un framework de développement orienté comportement pour tester votre code JavaScript. Cela ne dépend d'aucun autre framework JavaScript. Il ne nécessite pas de DOM.

Si vous avez de l'expérience avec ce test coureur, s'il vous plaît contribuer avec plus d'informations :)

Projet de maison: http://jasmine.github.io/

QUnit

QUnit met l'accent sur le test de JavaScript dans le navigateur tout en offrant le plus de confort possible au développeur. Blurb sur le site:

QUnit est une suite de tests unitaires JavaScript puissante et facile à utiliser. Il est utilisé par les projets jQuery, jQuery UI et jQuery Mobile et est capable de tester n'importe quel code JavaScript générique

QUnit partage un peu d'histoire avec TestSwarm (ci-dessus):

QUnit a été développé à l'origine par John Resig dans le cadre de jQuery. En 2008, il a obtenu sa propre documentation sur la maison, le nom et l'API, ce qui a permis à d'autres utilisateurs de l'utiliser pour leurs tests unitaires. A l'époque, cela dépendait toujours de jQuery. Une réécriture en 2009 a corrigé cela, maintenant QUnit fonctionne complètement autonome.   Les méthodes d'assertion de QUnit sont conformes à la spécification CommonJS Unit Testing, qui a été dans une certaine mesure influencée par QUnit.

Projet de maison: http://qunitjs.com/

Sinon

Un autre excellent outil est sinon.js par Christian Johansen, l'auteur de Développement JavaScript piloté par les tests. Meilleur décrit par lui-même:

Espions d'essai autonomes, moignons et faux-semblants   pour JavaScript. Aucune dépendance fonctionne   avec n'importe quel cadre de test unitaire.

Interne

le Site Web du stagiaire fournit une comparaison directe des caractéristiques avec les autres cadres de test de cette liste. Il offre plus de fonctionnalités que n'importe quel autre système de test basé sur JavaScript.


1468



Jeter un coup d'œil à le cadre de test unitaire Dojo Object Harness (DOH) qui est à peu près indépendante du framework pour les tests unitaires JavaScript et n'a pas de dépendances Dojo. Il y a une très bonne description à Test d'unité d'applications Web 2.0 à l'aide du harnais d'objectif Dojo.

Si vous voulez automatiser le test de l'interface utilisateur (un point sensible de nombreux développeurs) - consultez doh.robot  (mise à jour temporaire: autre lien http://dojotoolkit.org/reference-guide/util/dohrobot.html ) et dijit.robotx  (temporaire vers le bas). Ce dernier est conçu pour un test d'acceptation. Mettre à jour:

Les articles référencés expliquent comment les utiliser, comment émuler un utilisateur interagissant avec votre interface utilisateur à l'aide de la souris et / ou du clavier et comment enregistrer une session de test, afin de pouvoir la "lire" plus tard automatiquement.


63



Chutzpah - Un coureur de test JavaScript

J'ai créé un projet open source appelé Chutzpah qui est un testeur pour les tests unitaires JavaScript. Chutzpah vous permet d'exécuter des tests unitaires JavaScript à partir de la ligne de commande et à partir de Visual Studio. Il prend également en charge l'exécution dans le serveur d'intégration continue TeamCity.


34



La section JavaScript de l'entrée Wikipédia, Liste des cadres d'essai unitaires, fournit une liste des choix disponibles. Il indique s'ils fonctionnent côté client, côté serveur ou les deux.


26



BusterJS

Il y a aussi BusterJS de Christian Johansen, l'auteur de Test Driven Javascript Development et du framework Sinon. Du site:

Buster.JS est un nouveau framework de test JavaScript. Il effectue des tests de navigateur en automatisant les tests dans les navigateurs actuels (pensez à JsTestDriver), ainsi que les tests Node.js.


14



google-js-test:

Cadre de test JavaScript publié par Google: https://github.com/google/gjstest

  • Démarrage du test extrêmement rapide et temps d'exécution, sans avoir à exécuter un   navigateur.
  • Sortie propre et lisible dans le cas des tests réussis et échoués.
  • UNE coureur de test basé sur un navigateur cela peut simplement être rafraîchi   chaque fois que JS est changé.
  • Style et sémantique qui ressemblent Google Test pour C ++.
  • Un cadre de moquerie intégré qui nécessite un code minimal d'utilisation standard (par ex.    $tearDown ou $verifyAll) avec style et sémantique basé sur le Google   Cocking C ++.

Il n'y a actuellement aucun binaire pour Windows


10



Nous utilisons maintenant Qunit avec Pavlov et JSTestDriver tous ensemble. Cette approche fonctionne bien pour nous.

QUnit 

Pavlov, la source

jsTestDriver, la source


8



Vous avez "fonctionne sur le navigateur réel" comme un pro, mais dans mon expérience, c'est un inconvénient, car il est lent. Mais ce qui le rend précieux est le manque d'émulation JS suffisante des alternatives non-navigateur. Il se pourrait que si votre JS est suffisamment complexe pour que seul un test dans le navigateur suffise, il y a quelques options à considérer:

HtmlUnit: "Il supporte assez bien JavaScript (qui s'améliore constamment) et est capable de fonctionner même avec des librairies AJAX assez complexes, simulant Firefox ou Internet Explorer en fonction de la configuration que vous voulez utiliser." Si son émulation est assez bonne pour votre utilisation, elle sera beaucoup plus rapide que de piloter un navigateur.

Mais peut-être HtmlUnit a-t-il un bon support JS mais vous n'aimez pas Java? Alors peut-être:

Célérité: API Watir s'exécutant sur JRuby et sauvegardée par HtmlUnit.

ou similaire

Schnell: un autre wrapper JRuby de HtmlUnit.

Bien sûr, si HtmlUnit n'est pas assez bon et vous devez conduire un navigateur, alors vous pourriez envisager Watir pour conduire votre JS.


6



YUI a un cadre de test ainsi que. Cette vidéo de Yahoo! Le théâtre est une bonne introduction, bien qu'il y ait beaucoup de bases sur TDD à l'avant.

Ce framework est générique et peut être exécuté sur n'importe quelle bibliothèque JavaScript ou JS.


6