Cypress vs Playwright
Cypress und Playwright sind die beiden führenden modernen JavaScript-Frameworks für End-to-End-Tests. Dieser Leitfaden vergleicht sie direkt anhand von Architektur, Browserabdeckung, Sprachen, paralleler Ausführung und Debugging, mit Codebeispielen und einer Entscheidung, die Sie innerhalb von fünf Minuten umsetzen können.
- Browser und Geräte
- 6100+
- Cloud-Parallelität
- 100×
- Verfügbarkeits-SLA
- 99.99%
Von diesen Unternehmen vertraut
Welches sollten Sie wählen?
Wählen Sie Cypress, wenn…
Sie sich die ausgereifteste Entwicklererfahrung wünschen: einen Test-Runner im Browser, Time-Travel-Debugging, automatische Wiederholungen und erstklassige Komponententests, und Ihre Zielbrowser Chrome, Edge und Firefox sind.
Wählen Sie Playwright, wenn…
Sie WebKit-Abdeckung (Safari-Engine) benötigen, mehr als eine Sprache (TypeScript, Python, Java, C#), Multi-Tab- oder Multi-Origin-Flows oder kostenlose integrierte parallele Ausführung ohne kostenpflichtiges Dashboard.
Sie eine bestehende Cypress-Suite haben, die Sie schätzen, und Playwright für neue browserübergreifende oder Multi-Tab-Szenarien nutzen möchten. TestingBot führt beide auf demselben Raster aus, parallel, in einem Dashboard.
Was sind Cypress und Playwright?
Zwei moderne JavaScript-Testframeworks mit unterschiedlichen Architekturen. Das gleiche Ziel: einen Browser dazu bringen, End-to-End-Tests zu automatisieren.
Cypress
Veröffentlicht 2017 · Cypress.io · MIT
Cypress ist ein JavaScript-End-to-End-Testframework, das Ihre Tests innerhalb des Browsers ausführt, in derselben Ausführungsschleife wie Ihre Anwendung. Diese Architektur verschafft ihm direkten Zugriff auf das DOM, automatische Wiederholungen und Time-Travel-Snapshots von Haus aus.
Cypress ist bekannt für seine Entwicklererfahrung: einen integrierten Test-Runner, Echtzeit-Reloads, einen visuellen Debugger und starke Komponententests. Das Modell innerhalb des Browsers beschränkt es zudem auf JavaScript und TypeScript, eine feste Auswahl an Chromium-basierten Browsern plus Firefox sowie Single-Tab-Flows.
- Nur JavaScript und TypeScript
- Automatische Wiederholungen, Time-Travel-Debugging, Komponententests
- Chrome, Edge, Firefox, Electron · kein WebKit/Safari
Playwright
Veröffentlicht 2020 · Microsoft · Apache 2.0
Playwright ist ein von Microsoft entwickeltes End-to-End-Testframework, das Chromium, Firefox und WebKit über eine einzige API steuert. Es steuert den Browser außerhalb des Prozesses über das DevTools-Protokoll (und eigene Brücken für Firefox und WebKit).
Playwright wurde für Skalierung entwickelt: Bindings in fünf Sprachen, native Multi-Tab- und Multi-Origin-Unterstützung über browser contexts, integrierte parallele Worker, Netzwerküberwachung und einen umfangreichen Trace Viewer, alles inklusive.
- TypeScript, JavaScript, Python, Java, C#
- Automatisches Warten, browser contexts, Trace Viewer, kostenlose Parallelität
- Chromium, Firefox, WebKit · kein IE / älteres Safari
Cypress vs Playwright: ein direkter Vergleich
Über alle Dimensionen hinweg, die für die Auswahl, Migration oder Ausführung beider in CI relevant sind.
| Dimension |
Cypress
|
Playwright
|
|---|---|---|
| First release | 2017 | 2020 |
| Maintained by | Cypress.io | Microsoft |
| Languages | JavaScript / TypeScript only | TS, JS, Python, Java, C# |
| Architecture | Runs inside the browser | Drives browser out-of-process |
| Browsers | Chrome, Edge, Firefox, Electron | Chromium, Firefox, WebKit |
| WebKit / Safari engine | Experimental | Supported |
| Auto-waiting | Built-in retries | Built-in auto-wait |
| Multiple tabs / windows | Not supported | Native (browser contexts) |
| Cross-origin | cy.origin() (constrained) | Native |
| Network interception | First-class (cy.intercept) | First-class (route) |
| Test runner | Built in | Built in (@playwright/test) |
| Component testing | First-class | Experimental |
| Parallel execution | Cypress Cloud (paid) or a grid | Built-in workers (free) |
| Debugging | Time-travel runner | Trace Viewer + UI mode |
| Mobile testing | Viewport emulation only | Viewport emulation only |
| Ecosystem maturity | Since 2017 | Since 2020, growing fast |
| Free for open source on TestingBot | ✓ | ✓ |
Die Funktionsangaben beziehen sich auf Cypress 13.x und Playwright 1.x mit Stand 2026. Beide Frameworks laufen in der TestingBot-Cloud, Cypress über die testingbot-cypress-cli und Playwright über die wsEndpoint-Verbindung.
Anmelden, das Ergebnis bestätigen
Ein Anmeldevorgang mit integrierten Wiederholungen (Cypress) und automatischem Warten (Playwright). Beide laufen auf demselben TestingBot-Raster.
Cypress + TypeScript
login.cy.ts
// run via: testingbot-cypress run describe('login', () => { it('redirects to the dashboard', () => { cy.visit('https://app.example.com/login'); // auto-retries until actionable cy.get('#username').type('jane@example.com'); cy.get('#password').type('••••••••'); cy.contains('button', 'Sign in').click(); cy.url().should('include', '/dashboard'); cy.contains('h1', /welcome, jane/i).should('be.visible'); }); });
Playwright + TypeScript
login.spec.ts
// playwright.config.ts → set TestingBot wsEndpoint import { test, expect } from '@playwright/test'; test('login redirects to dashboard', async ({ page }) => { await page.goto('https://app.example.com/login'); // auto-wait, no explicit wait needed await page.getByLabel('Username').fill('jane@example.com'); await page.getByLabel('Password').fill('••••••••'); await page.getByRole('button', { name: 'Sign in' }).click(); await expect(page).toHaveURL(/\/dashboard/); });
Die Cypress-Spec läuft über die testingbot-cypress-cli; der Playwright-Test verbindet sich mit dem wsEndpoint. Beide erscheinen im selben TestingBot-Dashboard.
Wann sollte man welche Option wählen?
Wählen Sie Cypress, wenn
- Sie sich die beste Entwicklererfahrung der Klasse wünschen: einen Runner im Browser, Time-Travel-Snapshots und lesbare Fehler.
- Sie Komponententests neben End-to-End-Tests durchführen und ein Werkzeug für beides möchten.
- Ihre Zielbrowser Chrome, Edge und Firefox sind, ohne Anforderung an WebKit oder die Safari-Engine.
- Ihr Team vollständig auf JavaScript oder TypeScript setzt und eine sanfte Lernkurve schätzt.
- Ihre Flows innerhalb eines einzigen Tabs und meist eines einzigen Origins bleiben (cy.origin hilft, in Grenzen).
Wählen Sie Playwright, wenn
- Sie WebKit-Abdeckung benötigen, um Safari anzunähern, was Cypress nicht steuern kann.
- Ihr Team neben JavaScript auch Python, Java oder C# schreibt und ein Framework für alle möchte.
- Ihre Tests mehrere Tabs, Fenster oder Origins öffnen, was Playwright nativ über browser contexts bewältigt.
- Sie kostenlose, integrierte parallele Ausführung ohne kostenpflichtiges Dashboard-Abonnement möchten.
- Sie die schnellsten CI-Durchläufe und Trace-basiertes Debugging mit dem Playwright Trace Viewer möchten.
Hören Sie auf zu wählen, führen Sie beide auf demselben Raster aus
Führen Sie Cypress über die testingbot-cypress-cli aus und verbinden Sie Playwright über dessen wsEndpoint. Ihre Tests teilen sich dieselben 6100+ Browser und Geräte, dasselbe Dashboard, dieselben parallelen Slots und denselben EU-Datenspeicherort, ohne erforderliches Cypress-Cloud-Abonnement.
- Cypress-Parallelisierung ohne Cypress-Cloud-Plan
- Vergleich der Testhistorie beider Frameworks nebeneinander
- Kostenlos für Open Source, beide Frameworks
Häufig gestellte Fragen
Die Fragen, die sich Teams stellen, bevor sie sich für eines dieser Frameworks entscheiden oder zwischen ihnen wechseln.
Ist Playwright besser als Cypress?
Keines ist universell besser; sie passen zu unterschiedlichen Teams. Playwright ist flexibler: Es steuert Chromium, Firefox und WebKit, unterstützt fünf Sprachen, bewältigt mehrere Tabs und Origins nativ und parallelisiert kostenlos. Cypress wird für seine Entwicklererfahrung geschätzt: einen Runner im Browser, Time-Travel-Debugging und erstklassige Komponententests. Wählen Sie Playwright für Breite und Skalierung; wählen Sie Cypress für Ergonomie innerhalb seiner Grenzen.
Sollte ich von Cypress zu Playwright migrieren?
Nur wenn Sie an die Grenzen von Cypress stoßen. Wenn Sie WebKit-Abdeckung (Safari), mehr als eine Sprache, Multi-Tab- oder Multi-Origin-Flows oder kostenlose parallele Ausführung benötigen, beseitigt Playwright diese Einschränkungen. Wenn Ihre Cypress-Suite stabil ist, ausschließlich JavaScript verwendet und innerhalb eines einzigen Tabs bleibt, lohnt sich die Migration selten. Viele Teams behalten ihre Cypress-Suite und fügen Playwright für neue browserübergreifende Arbeit hinzu.
Unterstützt Cypress oder Playwright mehr Browser?
Playwright unterstützt mehr Rendering-Engines. Es steuert Chromium (Chrome, Edge), Firefox und WebKit, das Safari annähert. Cypress läuft auf Chromium-basierten Browsern (Chrome, Edge, Electron) und Firefox, mit experimenteller WebKit-Unterstützung. Keines steuert die echte Safari-Binärdatei oder Internet Explorer; dafür benötigen Sie Selenium. TestingBot führt beide Frameworks über sein Browser-Raster aus.
Was ist schneller, Cypress oder Playwright?
Playwright ist für vollständige Suiten meist schneller, hauptsächlich weil es kostenlos und von Haus aus über Worker parallelisiert und den Browser außerhalb des Prozesses steuert. Cypress führt jede Spec in einer einzigen Browser-Instanz aus und benötigt Cypress Cloud oder ein Cloud-Raster zur Parallelisierung. Bei einer einzelnen Spec ist der Unterschied gering; über eine große Suite hinweg ist die Parallelisierung der entscheidende Faktor. Wenn man eines auf dem TestingBot-Raster ausführt, parallelisiert es ohnehin über die Browser hinweg.
Können Cypress oder Playwright mobile Apps testen?
Keines testet native mobile Apps. Beide bieten eine Emulation des mobilen Viewports in Chromium, können aber keine nativen iOS- oder Android-Apps steuern. Für echte mobile Tests benötigen Sie Appium, XCUITest, Espresso oder Maestro. TestingBot führt all diese auf echten iOS- und Android-Geräten aus.
Benötige ich Cypress Cloud, oder kann ich kostenlos parallelisieren?
Playwright parallelisiert kostenlos mit seinem integrierten Worker-Pool. Die eigene Parallelisierung und Aufzeichnung von Cypress läuft über Cypress Cloud, ein kostenpflichtiges Abonnement. TestingBot ist eine Alternative für Cypress: Die testingbot-cypress-cli führt Ihre Specs parallel auf Chrome, Edge und Firefox im Cloud-Raster aus, mit Live-Logs und Video und ohne Cypress-Cloud-Plan. Sie legen die Anzahl der parallelen Ausführungen in testingbot.json fest.
Kann ich Cypress und Playwright auf TestingBot ausführen?
Ja, beide laufen in derselben TestingBot-Cloud. Cypress läuft über das npm-Paket testingbot-cypress-cli, konfiguriert mit einer testingbot.json-Datei und gestartet mit testingbot-cypress run. Playwright verbindet sich über seinen wsEndpoint mit wss://cloud.testingbot.com/playwright. Tests aus beiden werden im selben Dashboard angezeigt, teilen sich parallele Slots und profitieren von derselben EU-Datenresidenz, Videoaufzeichnung und denselben CI/CD-Integrationen. Beide sind für Open-Source-Projekte kostenlos.
Sie möchten tiefer eintauchen? Dann besuchen Sie die entsprechenden Seiten zu Cypress und Playwright.
Related comparisons
Kostenlose Anmeldung
Führen Sie Cypress, Playwright oder beides in der TestingBot-Cloud aus. Kein Cypress-Cloud-Abonnement erforderlich.
Kostenlose Testversion