Êtes toujours intéressé par les tests unitaires dans WordPress? Bien, parce quamp;rsquoaujourdamp;rsquohui nous allons passer de PHP à JavaScript et donc à lamp;rsquoavant! Pas mal, hein? Dans je vais montrer quelques cadres pour tester le code JavaScript à lamp;rsquounit é, et nous allons voir un exemple étape par étape. Maintenant que êtes (presque) un testeur damp;rsquoUnit é expérimenté? Je vais partager quelques vidéos YouTube que jamp;rsquoaime qui apprendront plus sur ce sujet. Mais avant de plonger dans le monde JavaScript Dans mon dernier post, je tamp;rsquoai donné des devoirs, tu te souviens? Voici ce que je tamp;rsquoai demandé de faire:
Outrepasser la fonction neliovat _ get VAT de sorte que le montant représenté par une chaîne de 15, 20, 1000 ou 3 € (séparateur de milliers optionnel, séparateur décimal, peut avoir un symbole de devise et aucun espace) passe le test. La fonction originale que jamp;rsquoai introduite était: le test qui a échoué était: Alors, comment pouvons nous résoudre ce problème? Lamp;rsquoidée est simple: avez une chaîne de caractères qui contient des caractères
Les résultats damp;rsquoun autre essai sont les suivants: Tu vois? Maintenant que le test est passé, savons nous que notre fonctionnalité répond à nos exigences? Cadre de test JavaScript si voulez tester PHP, la solution la plus évidente est PHP Unit: il namp;rsquoy a pas damp;rsquoalternative
Peut être exécuté sur deux noeuds. JS, créé comme une suite de test simple, extensible et rapide. Il est utilisé pour les tests damp;rsquoUnit é et lamp;rsquointégration et est un excellent candidat pour le développement axé sur le comportement (BDD).
Mocha est un excellent cadre de test JavaScript Jasmine une autre image populaire est Jasmine. Comme indiqué sur leur site Web, il samp;rsquoagit damp;rsquoun cadre de développement basé sur le comportement pour tester le code JavaScript. Jasmine namp;rsquoa pas besoin de Dom, pas de dépendances, syntaxe claire. Il est également bien documenté afin que puissiez rapidement voir comment lamp;rsquoutiliser. Jasmine est un autre cadre de test JavaScript populaire. voulez savoir lequel est le meilleur, il y a beaucoup de blogs qui les comparent (et damp;rsquoautres). Cependant, si voulez mon avis, devriez essayer toutes les façons de rendre plus heureux. Cependant, voudrez peut être aussi voir qunit.
Qunit qunit est le dernier cadre de test JavaScript dont je voudrais parler aujourdamp;rsquohui. Son but est de tester jquery ( le connaissez bien, namp;rsquoest ce pas?) Il est avec nous depuis un moment. Pour autant que je sache, qunit semble avoir perdu une partie de son élan, mais il vaut la peine d’en parler, car qunit est le cadre utilisé dans wordpress pour tester les composants JavaScript. Qunit est un autre cadre de test JavaScript. Il est spécial parce que (A) Il a été conçu pour tester jquery et (b) Il est actuellement utilisé dans le noyau WordPress. Configurer notre premier test qunit suppose que écrivez notre fonction nelio _ get VAT préférée dans un fichier javascript appelé fonctions. Js:
Comme pouvez le voir, il namp;rsquoy a pas de luxe: Camp;rsquoest exactement la fonction que nous voyons en PHP, mais elle est écrite en javascript. Cette fonction se comporte donc (probablement) de la même manière que la fonction correspondante de PHP: elle calculera la TVA de 21% sur un certain montant, quel que soit son format. Cette fonction prend deux nombres C
Les chaînes et les chaînes peuvent Vous connaissez déjà nos fonctions, namp;rsquoest ce pas? Nous voulons que le test que cette fonction a réussi soit écrit dans un fichier appelé tests comme indiqué ci dessous. Js: Jamp;rsquoai légèrement modifié certains tests spécifiques, mais je suis sûr que comprenez ce qui se passe. Pour vérifier que nos fonctions réussissent ces tests, nous devons créer un petit document HTML contenant toutes les exigences: la Bibliothèque qunit, les fonctions JavaScript que nous testons, et le test lui même:
ouvrez ce document dans un navigateur web maintenant, nous obtiendrons ce qui suit: Yeah! Notre test qonit a été couronné de succès. Mec, jamp;rsquoaime le vert? Cela signifie que tous nos tests ont été couronnés de succès! Quelques conseils et astuces pour devenir un meilleur programmeur et testeur comme pouvez le voir, il namp;rsquoy a pas de magie derrière les tests unitaires, bien sûr, il y a beaucoup de choses que nous namp;rsquoavons pas encore discutées (par exemple, comment configurer lamp;rsquoenvironnement avec les données existantes), mais il samp;rsquoagit damp;rsquoutiliser correctement le cadre de test et ses fonctionnalités. En fait, peu importe la langue que testez: il est important de croire que le test est un concept et de le tester aussi efficacement que possible.
Comme damp;rsquohabitude, la partie la plus difficile est de commencer et de suivre lamp;rsquoinitiative. Comme « ai je testé le bon composant? »
Rip (mais, comme je lamp;rsquoai déjà dit, ses idées samp;rsquoappliquent à toutes les langues et à tous les cadres de test). Je encourage vraiment à passer une heure à regarder la vidéo: apprendre à améliorer vos compétences de test damp;rsquoune manière simple et efficace.
À mon avis, la partie la plus intéressante de son exposé est la suivante: un bon test damp;rsquoUnit é comporte trois attributs de base (voir la vidéo) et il est fiable. le test dit que tout va bien, mais que ne lui faites pas confiance, nous recommandons de revérifier votre code pour assurer quamp;rsquoil va bien. Ou, samp;rsquoil dit ce qui ne va pas et que namp;rsquoy croyez pas, pourriez dire,
Ce quamp;rsquoun test fait est appelé correct. Pour ce faire, assurez que les trois aspects suivants sont parfaitement indiqués: unités de travail: ce que nous testons. Ça pourrait être une classe, une fonction, un module Tout ira bien, mais assurez de le marquer clairement. Scénario: quand et comment effectuer le test, quel est le contexte? Certaines fonctions se comportent exactement de la même façon, damp;rsquoautres dépendent du type damp;rsquoattribut et damp;rsquoautres dépendent de lamp;rsquoétat de la base de données. Par exemple, enregistrer un message qui namp;rsquoexiste pas se comporte différemment que damp;rsquoenregistrer un message qui existe déjà, donc camp;rsquoest un scénario: Allons nous enregistrer une nouvelle instance ou écraser une instance existante? Comportement prédictif: Quamp;rsquoest ce qui devrait (ou ne devrait pas) se passer avec les résultats des tests? La partie la plus importante ici est damp;rsquoexpliquer comment les verbes doivent et ne doivent pas être utilisés. Par exemple, le test suivant est très clair: « compte tenu de la fonction WP _ post Save (Unit é de travail), lorsque nous sauvegardons un message existant (scénario), lamp;rsquoID du message doit être le même quamp;rsquoavant (comportement attendu). Damp;rsquoautre part, si le comportement attendu est « Lamp;rsquoID du poste est le même quamp;rsquoavant lamp;rsquoenregistrement », il namp;rsquoest pas clair si nous avons signalé un problème (lamp;rsquoID du poste est le même et ne devrait pas être signalé) ou si nous avons expliqué nos attentes. La deuxième vidéo est très utile pour les débutants. Je me souviens quand jamp;rsquoai commencé à tester mon code, lamp;rsquoune de mes plus grandes difficultés était quamp;rsquoil ne pouvait pas être testé: mon code namp;rsquoétait pas si compliqué, mais je ne savais pas comment le tester!
Camp;rsquoest la lumière que Rebecca mamp;rsquoa montrée! À 4h43, Rebecca a montré une petite application JavaScript et son code source: Ce namp;rsquoest pas très élégant, mais ce namp;rsquoest pas un désordre. Ou alors? Camp;rsquoest le type de code que jamp;rsquoai écrit (je dois admettre que parfois je le fais encore), mais ce code ne peut pas
Introduction aux tests unitaires dans WordPress – javascript avec quanit
