recherche
Maisoninterface Webjs tutorielPromesses dans les tests unitaires JavaScript: le guide définitif

Promises in JavaScript Unit Tests: the Definitive Guide

JavaScript promet Simplify Asynchrone Coding, mais les tester peut être délicat. Ce guide clarifie comment gérer efficacement les promesses dans les tests unitaires, en évitant les pièges courants et en améliorant la lisibilité du code. Un exemple de projet illustrant ces techniques est disponible sur le site Web de l'auteur (lien non fourni dans le texte d'origine).

Prise des clés:

  • La manipulation des promesses dans les tests unitaires peut être complexe, conduisant à des faux positifs s'ils ne sont pas gérés soigneusement.
  • Le support de promesse intégré de Mocha échoue automatiquement les tests sur les promesses rejetées, simplifiant le processus.
  • chai-as-promised Active les affirmations de promesses directes, améliorant la clarté du test.
  • Renvoyez toujours une promesse de votre fonction de test pour s'assurer que Mocha le reconnaît et le gère correctement.

Getting Tharking (Mocha & Chai):

Installez Mocha et Chai:

npm install mocha chai

Une approche naïve pour tester les promesses entraîne souvent des tests verbeux et moins lisibles:

var expect = require('chai').expect;

it('should do something with promises', function(done) {
  var blah = 'foo';
  var result = systemUnderTest();
  result.then(function(data) {
    expect(data).to.equal(blah);
    done();
  }, function(error) {
    assert.fail(error);
    done();
  });
});

le calcul done() et la gestion des erreurs ajoutent une complexité inutile. Sans gestion des erreurs appropriée, une promesse rejetée pourrait conduire à un faux positif.

Mocha et promesses:

Le support de promesse intégré de Mocha simplifie ceci:

it('should fail the test', function() {
  return Promise.reject('this promise will always be rejected');
});

Une promesse rejetée échoue automatiquement au test. Notre exemple initial peut être amélioré:

var expect = require('chai').expect;

it('should do something with promises', function() {
  var blah = 'foo';
  var result = systemUnderTest();
  return result.then(function(data) {
    expect(data).to.equal(blah);
  });
});

Le renvoi de la promesse élimine le besoin de done() et la gestion des erreurs explicites.

Amélioration des tests avec chai-as-promised:

installer chai-as-promised:

npm install chai-as-promised

Cette bibliothèque permet des affirmations plus concises:

var chai = require('chai');
var expect = chai.expect;
var chaiAsPromised = require('chai-as-promised');
chai.use(chaiAsPromised);

it('should do something with promises', function() {
  var blah = 'foo';
  var result = systemUnderTest();
  return expect(result).to.eventually.equal(blah);
});

Le mot-clé eventually gère la nature asynchrone de la promesse. N'oubliez pas de toujours retourner la promesse. Diverses affirmations chai fonctionnent avec eventually.

Modèles utiles:

  • Comparaison des objets: utiliser eventually.deep.equal ou eventually.become pour les comparaisons d'objets profonds.
  • Propriétés d'objets spécifiques: La chaîne promet d'accéder et de s'affirmer sur des propriétés spécifiques. Les fonctions de flèche ES6 peuvent améliorer la lisibilité.
  • Promesses multiples: Utiliser Promise.all pour gérer plusieurs promesses simultanément (mais être conscient des odeurs de code potentielles de plusieurs affirmations dans un seul test).
  • Comparaison de plusieurs promesses: Utiliser Promise.all pour résoudre les promesses, puis comparer les résultats.
  • Échecs affirmant: Utiliser to.be.rejected et to.be.rejectedWith pour les affirmations de rejet.
  • Test Crochets: promet de travailler de manière transparente dans les crochets de Mocha before, after, beforeEach et afterEach.

Promises et simulations / talons (avec sinon.js):

installer sinon.js:

npm install mocha chai

Utilisez sinon.stub().returns(Promise.resolve/reject(...)) pour créer des talons de retour de promesses. Considérez sinon-as-promised pour un coup de promesse simplifié.

Conclusions:

avec Mocha, Chai et chai-as-promised, les promesses de test deviennent beaucoup plus propres et plus lisibles. Retournez toujours les promesses de vos fonctions de test. Le projet d'échantillon fourni (lien non disponible) propose des exemples pratiques.

Questions fréquemment posées (FAQ): (Les FAQ d'origine sont omises en raison de la longueur et de la redondance. Ils couvrent largement les informations déjà présentes dans l'article.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Python et Javascript: comprendre les forces de chacunPython et Javascript: comprendre les forces de chacunMay 06, 2025 am 12:15 AM

Python et JavaScript ont chacun leurs propres avantages, et le choix dépend des besoins du projet et des préférences personnelles. 1. Python est facile à apprendre, avec une syntaxe concise, adaptée à la science des données et au développement back-end, mais a une vitesse d'exécution lente. 2. JavaScript est partout dans le développement frontal et possède de fortes capacités de programmation asynchrones. Node.js le rend adapté au développement complet, mais la syntaxe peut être complexe et sujet aux erreurs.

Core de JavaScript: est-il construit sur C ou C?Core de JavaScript: est-il construit sur C ou C?May 05, 2025 am 12:07 AM

Javascriptisnotbuiltoncorc; il est en interprétéLanguageThatrunSoninesoftenwritteninc .1) javascriptwasdesignedasalightweight, interprété de LanguageForwebbrowsers.2) EnginesevolvedFromSimpleInterpreterstoJitCompilers, typicalinc, impropringperformance.

Applications JavaScript: de front-end à back-endApplications JavaScript: de front-end à back-endMay 04, 2025 am 12:12 AM

JavaScript peut être utilisé pour le développement frontal et back-end. L'endouage frontal améliore l'expérience utilisateur via les opérations DOM, et le back-end gère les tâches du serveur via Node.js. 1. Exemple frontal: modifiez le contenu du texte de la page Web. 2. Exemple backend: Créez un serveur Node.js.

Python vs JavaScript: Quelle langue devez-vous apprendre?Python vs JavaScript: Quelle langue devez-vous apprendre?May 03, 2025 am 12:10 AM

Le choix de Python ou JavaScript doit être basé sur le développement de carrière, la courbe d'apprentissage et l'écosystème: 1) le développement de carrière: Python convient à la science des données et au développement de back-end, tandis que JavaScript convient au développement frontal et complet. 2) Courbe d'apprentissage: la syntaxe Python est concise et adaptée aux débutants; La syntaxe JavaScript est flexible. 3) Ecosystème: Python possède de riches bibliothèques informatiques scientifiques, et JavaScript a un puissant cadre frontal.

Frameworks javascript: alimenter le développement Web moderneFrameworks javascript: alimenter le développement Web moderneMay 02, 2025 am 12:04 AM

La puissance du cadre JavaScript réside dans la simplification du développement, l'amélioration de l'expérience utilisateur et les performances des applications. Lorsque vous choisissez un cadre, considérez: 1. Taille et complexité du projet, 2. Expérience d'équipe, 3. Écosystème et soutien communautaire.

La relation entre JavaScript, C et BrowsersLa relation entre JavaScript, C et BrowsersMay 01, 2025 am 12:06 AM

INTRODUCTION Je sais que vous pouvez le trouver étrange, que doit faire exactement JavaScript, C et Browser? Ils semblent sans rapport, mais en fait, ils jouent un rôle très important dans le développement Web moderne. Aujourd'hui, nous discuterons du lien étroit entre ces trois. Grâce à cet article, vous apprendrez comment JavaScript fonctionne dans le navigateur, le rôle de C dans le moteur du navigateur et comment ils fonctionnent ensemble pour stimuler le rendu et l'interaction des pages Web. Nous connaissons tous la relation entre JavaScript et Browser. JavaScript est la langue principale du développement frontal. Il fonctionne directement dans le navigateur, rendant les pages Web vives et intéressantes. Vous êtes-vous déjà demandé pourquoi javascr

Node.js diffuse avec dactylographieNode.js diffuse avec dactylographieApr 30, 2025 am 08:22 AM

Node.js excelle dans des E / S efficaces, en grande partie grâce aux flux. Streams traite les données progressivement, en évitant la surcharge de mémoire - idéal pour les fichiers volumineux, les tâches réseau et les applications en temps réel. Combiner les flux avec la sécurité de type dactylographié crée un powe

Python vs JavaScript: considérations de performance et d'efficacitéPython vs JavaScript: considérations de performance et d'efficacitéApr 30, 2025 am 12:08 AM

Les différences de performance et d'efficacité entre Python et JavaScript se reflètent principalement dans: 1) comme un langage interprété, Python fonctionne lentement mais a une efficacité de développement élevée et convient au développement rapide des prototypes; 2) JavaScript est limité au thread unique dans le navigateur, mais les E / S multi-threading et asynchrones peuvent être utilisées pour améliorer les performances dans Node.js, et les deux ont des avantages dans les projets réels.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel