Empfohlene Plugins und Anwendungsbeispiele für Vue-Unit-Tests

Unit-Tests sollten:

• Kann schnell laufen
• Leicht zu verstehen
• Testen Sie nur eine einzelne Arbeitseinheit
  

rahmen

Da Empfehlungen für Unit-Tests im Allgemeinen Framework-unabhängig sind, handelt es sich im Folgenden nur um einige grundlegende Richtlinien, die Sie bei der Bewertung von Unit-Test-Tools für Ihre Anwendung beachten sollten.

Erstklassiges Fehlerreporting

Die Bereitstellung nützlicher Fehlermeldungen bei fehlgeschlagenen Tests ist für ein Unit-Test-Framework von entscheidender Bedeutung. Dies ist die Aufgabe einer Assertion-Bibliothek. Eine Behauptung mit qualitativ hochwertigen Fehlermeldungen kann den zum Debuggen des Problems erforderlichen Zeitaufwand minimieren. Eine Assertionsbibliothek sollte Ihnen nicht nur mitteilen, welcher Test fehlgeschlagen ist, sondern auch weiteren Kontext und die Gründe für das Fehlschlagen des Tests liefern, z. B. das erwartete Ergebnis im Vergleich zum tatsächlich erzielten Ergebnis.

Einige Unit-Test-Frameworks wie Jest enthalten Assertion-Bibliotheken. Bei anderen, beispielsweise Mocha, müssen Sie eine separate Assertion-Bibliothek (normalerweise Chai) installieren.

Aktive Community und Team

Da die wichtigsten Unit-Test-Frameworks Open Source sind, ist eine aktive Community für Teams von entscheidender Bedeutung, die ihre Tests langfristig pflegen und sicherstellen möchten, dass das Projekt selbst aktiv bleibt. Der zusätzliche Bonus besteht darin, dass Ihnen eine aktive Community zusätzliche Unterstützung bietet, wenn Sie auf Probleme stoßen. Obwohl es im Ökosystem viele Tools gibt, listen wir hier einige der im Vue-Ökosystem häufig verwendeten Unit-Test-Tools auf.

Scherz

Jest ist ein JavaScript-Testframework, das auf Einfachheit ausgerichtet ist. Eine einzigartige Funktion ist die Möglichkeit, Snapshots zu Testzwecken zu generieren, was eine weitere Möglichkeit zur Überprüfung von Anwendungseinheiten bietet.

Mokka

Ist ein JavaScript-Testframework, das auf Flexibilität ausgerichtet ist. Aufgrund seiner Flexibilität können Sie verschiedene Bibliotheken auswählen, um andere gängige Funktionen zu erfüllen, z. B. Zuhören (z. B. Sinon) und Behauptungen (z. B. Chai). Ein weiteres einzigartiges Merkmal von Mocha ist, dass Tests nicht nur in Node.js, sondern auch im Browser ausgeführt werden können.

Empfohlene Plugins

Vue-Testbibliothek (@testing-library/vue)

Die Vue Testing Library ist eine Reihe von Tools, die sich auf das Testen von Komponenten konzentrieren, ohne auf Implementierungsdetails angewiesen zu sein. Bei der Entwicklung wurde auf Zugänglichkeit geachtet, sodass auch das Refactoring ein Kinderspiel ist.

Der Leitgedanke dabei ist: Je mehr Tests die Nutzung der Software nachahmen, desto mehr Vertrauen schaffen sie.

Vue Test Utilities

Vue Test Utils ist die offizielle Low-Level-Komponententestbibliothek, die Benutzern Zugriff auf Vue-spezifische APIs bietet. Wenn Sie neu beim Testen von Vue-Anwendungen sind, empfehlen wir die Verwendung der Vue Testing Library, die eine Abstraktion von Vue Test Utils darstellt. Diese Bibliothek verfügt über eine sehr detaillierte API-Dokumentation Vue Test Utils

Beispiel

<Vorlage>
  <div>
    <input v-model="Benutzername">
    <div
      v-if="Fehler"
      Klasse="Fehler"
    >
      {{ Fehler }}
    </div>
  </div>
</Vorlage>

<Skript>
Standard exportieren {
  Name: 'Hallo',
  Daten () {
    zurückkehren {
      Benutzername: ''
    }
  },

  berechnet: {
    Fehler () {
      gib diesen.Benutzernamen.trim().Länge < 7 zurück
        ? „Bitte geben Sie einen längeren Benutzernamen ein“
        : ''
    }
  }
}
</Skript>

Oben finden Sie die Details der empfohlenen Plug-Ins und Verwendungsbeispiele für Vue-Unit-Tests. Weitere Informationen zu Vue-Unit-Tests finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!