byteNative
Testing & Qualität

Playwright

End-to-End-Tests, die echte Nutzerflows im Browser absichern.

Was ist Playwright?

Playwright steuert echte Browser und spielt komplette Nutzerwege automatisiert durch, über Chromium, Firefox und WebKit hinweg. Auto-Waiting wartet von sich aus auf Elemente und stabile Zustände, was die flackernden Tests früherer Tools weitgehend verschwinden lässt. Trace-Viewer, Screenshots und Videos zeigen dir bei einem Fehler exakt, was im Browser passiert ist. So prüfen wir vor jedem Release, ob die wirklich wichtigen Abläufe von der Anmeldung bis zum Bezahlen tatsächlich funktionieren, bevor sie je einen Besucher erreichen.

Mehr in der Dokumentation

Wofür wir es nutzen

Für die geschäftskritischen Wege eines Projekts schreiben wir End-to-End-Tests in Playwright und hängen sie in die CI, damit jeder Merge sie durchläuft. Schlägt der Checkout oder der Login fehl, erfährst du es aus einem roten Build mit Trace, nicht aus einer Support-Mail. Genau dort, wo ein Bug am meisten kostet, gibt dir das ein hartes Sicherheitsnetz.

ts
import { test, expect } from "@playwright/test";

test("user can sign in", async ({ page }) => {
  await page.goto("/login");
  await page.getByLabel("Email").fill("ada@example.com");
  await page.getByLabel("Password").fill("hunter2");
  await page.getByRole("button", { name: "Sign in" }).click();
  await expect(page.getByRole("heading", { name: "Dashboard" })).toBeVisible();
});
Ein Login-Flow mit role-basierten Locators.

Gut zu wissen

Verlass dich auf das eingebaute Auto-Waiting und role-basierte Locators wie getByRole, statt feste Wartezeiten und brüchige CSS-Selektoren einzubauen. Für eingeloggte Tests speicherst du den Auth-State einmal per storageState und sparst dir den Login in jeder einzelnen Spec.

00Testing & Qualität

Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.

Welche Technologie passt zu dir?

Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.