<\/code> einfügen, wird Qunit den Reset für uns abwickeln. Schlie?lich fügen wir eine Tests.js -Datei hinzu, die die Datei mit den Tests darstellt. Mein Rat ist, Dateien zu verwenden, um Tests bei der Arbeit mit echten Projekten zu speichern. In der Live -Demo, die ich für dieses Tutorial erstellt habe, habe ich JSBin verwendet und das Hochladen von Dateien sicherlich nicht zugelassen. In der Demo werden Sie also sehen, dass ich den Testcode eingebaut habe. Nachdem Sie verstehen, was es bedeutet, jeden Abschnitt zu markieren, ?ffnen Sie die Seite index.html in Ihrem Browser, um zu sehen, was passiert. Wenn alles gut geht, sollten Sie eine Live -Demo -Schnittstelle wie unten gezeigt sehen, die auch als Beispiel für JSBIN: Qunit bereitgestellt wird. In diesem Stadium ist der einzige Teil dieser Schnittstelle, das für uns relevant ist, der Teil, der die Zeit zeigt, die Qunit Verarbeitungstests verbringt, die Anzahl der definierten Behauptungen und die Anzahl der bestandenen und fehlgeschlagenen Tests. Die obige Demonstration zeigt, dass wir keine Tests definieren. Lassen Sie uns dieses Problem l?sen. <\/p>\n

Erstellen Sie Tests mit Qunit <\/strong> <\/p>\n

Qunit bietet zwei M?glichkeiten, neue Tests zu erstellen: QUnit.test()<\/code> und QUnit.asyncTest()<\/code>. Der erste wird verwendet, um den Code zu testen, der synchron ausgeführt wird, w?hrend der zweite zum Testen asynchroner Code verwendet wird. In diesem Abschnitt werde ich beschreiben, wie Tests für Synchroncode erstellt werden. Die Signatur der Methode ist wie folgt: QUnit.test()<\/code>\n<\/p>\n

QUnit.test(name, testFunction)<\/pre> Der erste Parameter 
 ist eine Zeichenfolge, die uns hilft, die erstellten Tests zu identifizieren. Der zweite Parameter name<\/code> ist eine Funktion, die die Behauptungen enth?lt, die das Framework ausführt. Das Framework übergibt einen Parameter an diese Funktion, mit dem alle Assertionsmethoden von Qunit enthüllt werden. Konvertieren Sie diese Beschreibung in Code, wir k?nnen die Datei tests.js mit dem folgenden Code aktualisieren: testFunction<\/code>\n<\/p>\n
QUnit.test('我的第一個測試', function(assert) {\n   \/\/ 斷言在這里...\n});<\/pre> Dieser Code erstellt einen neuen Test, der durch die Zeichenfolge \"Mein erster Test\" und eine Funktion mit einem leeren K?rper identifiziert wurde. Das Hinzufügen von Tests ohne Behauptungen ist nicht nützlich. Um dieses Problem zu l?sen, müssen wir die in Qunit verfügbaren Behauptungsmethoden lernen. 
\n<\/p> 
 Qunits Assertion -Methode  <\/strong>\n<\/p> Behauptungen stehen im Mittelpunkt der Softwaretests. Sie erlauben uns zu überprüfen, ob unser Code wie erwartet funktioniert. In Qunit haben wir viele M?glichkeiten, diese Erwartungen zu überprüfen. Sie k?nnen in Tests durch Parameter von Funktionen zugegriffen werden, die an die 
 -Methode übergeben wurden (in unserem vorherigen Beispiel QUnit.test()<\/code>). Die folgende Liste fasst die verfügbaren Methoden sowie deren Funktionen und Unterschriften zusammen: assert<\/code>
\n
 deepEqual(value, expected[, message])<\/code>: Ein rekursiver strenger Vergleich, der für alle JavaScript -Typen funktioniert. Wenn value<\/code> und expected<\/code> in Bezug auf Eigenschaften und Werte gleich sind und denselben Prototyp haben, wird die Behauptung übergeben;\n<\/li> 
: Der Parameter equal(value, expected[, message])<\/code> gleich value<\/code> unter Verwendung von Vergleichsüberprüfung (==). expected<\/code>\n<\/li> 
: Wie notDeepEqual(value, expected[, message])<\/code>, testet jedoch die Ungleichheit;\ndeepEqual()<\/code> <\/li>: Wie 
, testet jedoch die Ungleichheit;\nnotEqual(value, expected[, message])<\/code> equal()<\/code>: Strikter Vergleich der Eigenschaften und Werte eines Objekts. Wenn alle Attribute und Werte gleich sind, geht die Behauptung aus\n<\/li> 
: Verwenden Sie strenge Vergleich (===), um den Parameter propEqual(value, expected[, message])<\/code> gleich dem <\/li> zu liefern\n
 strictEqual(value, expected[, message])<\/code>: Wie value<\/code>, testet jedoch die Ungleichheit;\nexpected<\/code> <\/li>: Wie 
, testet jedoch die Ungleichheit;\nnotPropEqual(value, expected[, message])<\/code> propEqual()<\/code>: Wenn der erste Parameter ein wahrer Wert ist, geht die Behauptung aus\n<\/li> 
: Testen Sie, ob der Rückruf eine Ausnahme ausgel?st hat, und vergleichen Sie optional die geworfenen Fehler\nnotStrictEqual(value, expected[, message])<\/code>\nstrictEqual()<\/code> Die von diesen Methoden akzeptierten Parameter sind wie folgt: <\/li>\n
\nok(value[, message])<\/code> <\/li>: Der Wert, der durch eine Funktion, Methode oder den in einer Variablen gespeicherten Wert zurückgegeben wird, der überprüft werden muss;\n
 throws(function[, expected][, message])<\/code>: Der zu testende Wert. Für die <\/li> -Methode kann dies <\/ul> sein;\n
 <\/p>: Eine optionale Zeichenfolge, die die Behauptung beschreibt;\n
 
: Die zu ausgeführte Funktion sollte einen Fehler zurückgeben\nvalue<\/code>\n<\/li> Jetzt, da Sie die verfügbaren Methoden und Parameter verstanden haben, ist es Zeit, einen Code zu überprüfen. Anstatt mehrere Tests für eine einzelne Funktion zu schreiben, versuche ich, ein realistischeres Beispiel zu reproduzieren. Wie auch immer, die Tests, die ich zeigen werde, sollten Sie nicht als vollst?ndige Testsuite angesehen werden, aber sie sollten Ihnen eine bestimmte Vorstellung davon geben, wo Sie anfangen sollen. Um die genannten Tests zu schreiben, müssen wir einen Code zum Testen definieren. In diesem Fall werde ich ein Objektliteral wie folgt definieren: 
\n\n\n  \n