Skip to content
Vitest 3
Main Navigation Leitfaden & APIKonfigurationBrowser-ModusFortgeschritten API
3.2.0
2.1.9
1.6.1
0.34.6

Deutsch

English
简体中文
繁體中文
Español
Français
Русский
Português – Brasil
日本語
한국어
Italiano
Polski
Türkçe
čeština
magyar

Deutsch

English
简体中文
繁體中文
Español
Français
Русский
Português – Brasil
日本語
한국어
Italiano
Polski
Türkçe
čeština
magyar

Aussehen

Sidebar Navigation

Einführung

Warum Browser-Modus

Browser-Modus

Konfiguration

Referenz für Browserkonfiguration

Playwright konfigurieren

WebdriverIO konfigurieren

API

Context API

Interaktions-API

Locators

Assertion API

Befehle

Leitfaden

Mehrere Setups

Vitest konfigurieren

Test-API-Referenz

Erweiterte API

Auf dieser Seite

Warum Browser-Modus ​

Motivation ​

Wir haben die Browser-Modus-Funktion von Vitest entwickelt, um Testabläufe zu verbessern und präzisere sowie zuverlässigere Testergebnisse zu erzielen. Diese experimentelle Erweiterung unserer Test-API ermöglicht es Entwicklern, Tests direkt in einer nativen Browser-Umgebung auszuführen. In diesem Abschnitt beleuchten wir die Motivation hinter dieser Funktion und ihre Vorteile für das Testen.

Unterschiedliche Testmethoden ​

Es gibt verschiedene Ansätze, JavaScript-Code zu testen. Einige Test-Frameworks simulieren Browser-Umgebungen in Node.js, während andere Tests in echten Browsern ausführen. In diesem Kontext ist jsdom ein Beispiel für eine Implementierung von Spezifikationen, die eine Browser-Umgebung simuliert und mit einem Test-Runner wie Jest oder Vitest verwendet wird. Andere Test-Tools wie WebdriverIO oder Cypress ermöglichen es Entwicklern, ihre Anwendungen in einem echten Browser zu testen. Playwright hingegen stellt eine Browser-Engine bereit.

Die Grenzen der Simulation ​

Das Testen von JavaScript-Programmen in simulierten Umgebungen wie jsdom oder happy-dom hat die Testeinrichtung vereinfacht und eine benutzerfreundliche API bereitgestellt. Dadurch eignen sie sich für viele Projekte und erhöhen das Vertrauen in die Testergebnisse. Es ist jedoch entscheidend zu bedenken, dass diese Tools lediglich eine Browser-Umgebung simulieren und keinen tatsächlichen Browser darstellen. Dies kann zu Diskrepanzen zwischen der simulierten und der realen Umgebung führen. Folglich können falsch-positive oder falsch-negative Testergebnisse auftreten.

Um ein Höchstmaß an Vertrauen in unsere Tests zu erreichen, ist es entscheidend, in einer echten Browser-Umgebung zu testen. Aus diesem Grund haben wir die Browser-Modus-Funktion in Vitest entwickelt, die es Entwicklern ermöglicht, Tests nativ in einem Browser auszuführen und somit genauere und zuverlässigere Testergebnisse zu erhalten. Mit Browser-basiertem Testen können Entwickler zuversichtlicher sein, dass ihre Anwendung in einem realen Szenario wie erwartet funktioniert.

Nachteile ​

Bei der Verwendung des Vitest Browser-Modus ist es wichtig, die folgenden Nachteile zu berücksichtigen:

Frühe Entwicklungsphase ​

Die Browser-Modus-Funktion von Vitest befindet sich noch in einer frühen Entwicklungsphase. Daher ist sie möglicherweise noch nicht vollständig optimiert, und es können noch einige Fehler oder Probleme auftreten, die noch nicht behoben sind. Es wird empfohlen, dass Benutzer ihre Vitest-Browser-Nutzung mit einem eigenständigen, im Browser laufenden Test-Runner wie WebdriverIO, Cypress oder Playwright ergänzen.

Längere Initialisierung ​

Der Vitest Browser-Modus erfordert das Starten des Providers und des Browsers während des Initialisierungsprozesses, was einige Zeit in Anspruch nehmen kann. Dies kann zu längeren Initialisierungszeiten im Vergleich zu anderen Testansätzen führen.

Pager
Nächste SeiteBrowser-Modus

Veröffentlicht unter der MIT-Lizenz.

Copyright (c) 2021-Present Vitest Team

https://vitest.dev/guide/browser/why

Veröffentlicht unter der MIT-Lizenz.

Copyright (c) 2021-Present Vitest Team