<\/code>, Qunit gérera la réinitialisation pour nous. Enfin, nous incluons un fichier tests.js qui représente le fichier contenant les tests. Mon conseil est d'utiliser des fichiers pour stocker des tests lorsque vous travaillez avec de vrais projets. Dans la démo en direct que j'ai créée pour ce tutoriel, j'ai utilisé JSBIN et je n'ai certainement pas permis de télécharger des fichiers. Donc, dans la démo, vous verrez que j'ai incliné le code de test. Maintenant que vous comprenez ce que signifie marquer chaque section, ouvrez la page index.html dans votre navigateur pour voir ce qui se passe. Si tout se passe bien, vous devriez voir une interface de démonstration en direct comme indiqué ci-dessous, qui est également fourni comme JSBIN: Exemple de Qunit. à ce stade, la seule partie de cette interface qui nous est pertinente est la partie qui montre le temps que Qunit passe les tests de traitement, le nombre d'affirmations défini et le nombre de tests passés et échoué. La démonstration ci-dessus montre que nous ne définissons aucun test. Résolvons ce problème. <\/p>\n

Comment créer des tests à l'aide de Qunit <\/strong> <\/p>\n

QUnit fournit deux fa?ons de créer de nouveaux tests: QUnit.test()<\/code> et QUnit.asyncTest()<\/code>. Le premier est utilisé pour tester le code en cours d'exécution de manière synchrone, tandis que le second est utilisé pour tester le code asynchrone. Dans cette section, je vais décrire comment créer des tests de code synchrone. La signature de la méthode QUnit.test()<\/code> est la suivante: <\/p>\n

QUnit.test(name, testFunction)<\/pre>\n
 Le premier paramètre name<\/code> est une cha?ne qui nous aide à identifier les tests créés. Le deuxième paramètre testFunction<\/code> est une fonction qui contient les assertions que le cadre exécutera. Le cadre transmet un paramètre à cette fonction qui expose toutes les méthodes d'affirmation de Qunit. Convertissez cette description en code, nous pouvons mettre à jour le fichier Tests.js avec le code suivant: <\/p>\n
QUnit.test('我的第一個(gè)測(cè)試', function(assert) {\n   \/\/ 斷言在這里...\n});<\/pre>\n
 Ce code crée un nouveau test identifié par la cha?ne \"mon premier test\" et une fonction avec un corps vide. L'ajout de tests sans aucune affirmation n'est pas utile. Pour résoudre ce problème, nous devons apprendre les méthodes d'affirmation disponibles dans Qunit. <\/p>\n
  Méthode d'affirmation de Qunit <\/strong> <\/p>\n
 Les affirmations sont au c?ur des tests logiciels. Ils nous permettent de vérifier que notre code fonctionne comme prévu. Dans Qunit, nous avons de nombreuses fa?ons de vérifier ces attentes. Ils sont accessibles dans des tests par paramètres des fonctions transmises à la méthode QUnit.test()<\/code> (dans notre exemple précédent, assert<\/code>). La liste suivante résume les méthodes disponibles, ainsi que leurs fonctions et signatures: <\/p>
\n
 deepEqual(value, expected[, message])<\/code>: Une comparaison stricte récursive qui fonctionne pour tous les types JavaScript. Si value<\/code> et expected<\/code> sont les mêmes en termes de propriétés et de valeurs, et ont le même prototype, l'affirmation est passée;\n<\/li> 
: Le paramètre equal(value, expected[, message])<\/code> est égal à value<\/code> fourni en utilisant la vérification de comparaison non stricte (==). expected<\/code>\n<\/li> 
: Identique à notDeepEqual(value, expected[, message])<\/code>, mais teste l'inégalité;\ndeepEqual()<\/code> <\/li>: Identique à 
, mais teste l'inégalité;\nnotEqual(value, expected[, message])<\/code> equal()<\/code>: comparaison stricte des propriétés et valeurs d'un objet. Si tous les attributs et les valeurs sont les mêmes, l'affirmation passe; <\/li>\n
 propEqual(value, expected[, message])<\/code>: Utilisez une comparaison stricte (===) pour fournir le paramètre <\/li> égal à la 
;\nstrictEqual(value, expected[, message])<\/code> value<\/code>: Identique à expected<\/code>, mais teste l'inégalité;\n<\/li> 
: Identique à notPropEqual(value, expected[, message])<\/code>, mais teste l'inégalité;\npropEqual()<\/code> <\/li>: Si le premier paramètre est une vraie valeur, l'assertion passe;\n
 notStrictEqual(value, expected[, message])<\/code>: Testez si le rappel lance une exception et comparez éventuellement les erreurs lancées;\nstrictEqual()<\/code>\n<\/li> Les paramètres acceptés par ces méthodes sont les suivants: 
\nok(value[, message])<\/code>\n<\/li> 
: La valeur renvoyée par une fonction, une méthode ou la valeur stockée dans une variable qui doit être vérifiée;\nthrows(function[, expected][, message])<\/code> <\/li>: La valeur à tester. Pour la méthode <\/ul>, cela peut être 
;\n<\/p> 
: une cha?ne facultative décrivant l'affirmation;\n
 value<\/code>: La fonction à exécuter doit renvoyer une erreur;\n<\/li>\n
 Maintenant que vous avez compris les méthodes et les paramètres disponibles, il est temps de consulter un code. Au lieu d'écrire plusieurs tests pour une seule fonction, j'essaie de reproduire un exemple plus réaliste. Quoi qu'il en soit, les tests que je montrerai que vous ne devriez pas être considéré comme une suite de test complète, mais ils devraient vous donner une idée spécifique de savoir par où commencer. Afin d'écrire les tests mentionnés, nous devons définir un code à tester. Dans ce cas, je définirai un objet littéral comme ceci: expected<\/code>
\n\n\n  \n