Test-System

Wenn du eine KI-gestützte Testautomatisierung aufbauen möchtest, ohne hohe Lizenzgebühren für Enterprise-Plattformen zu zahlen, ist der beste Weg eine **Hybrid-Lösung**. Du nutzt mächtige Open-Source-Frameworks als Basis und ergänzt sie um kostenlose KI-Erweiterungen oder Agenten.

Hier sind die besten kostenlosen Tools und Ansätze für 2026:

---

1. 1. Das "AI + Open Source" Power-Duo

Die stabilste Basis für Web-Tests sind aktuell **Playwright** oder **Cypress**. Sie sind komplett kostenlos (Open Source) und lassen sich durch KI-Plugins "intelligent" machen.

1. A. Playwright mit "ZeroStep" oder "Auto-Playwright"

• **ZeroStep:** Ein Plugin für Playwright, das eine `ai()` Funktion hinzufügt. Statt komplexe CSS-Selektoren zu schreiben, schreibst du einfach: `await ai('Klicke auf den Warenkorb-Button')`.
• **Kosten:** Es gibt ein **Free Tier** (ca. 500 KI-Aufrufe/Monat gratis).
• **Auto-Playwright:** Ein Open-Source-Helper, der ChatGPT (via API) nutzt, um Aktionen auf der Seite auszuführen. Du zahlst nur die minimalen API-Kosten von OpenAI, das Tool selbst ist kostenlos.

  1. B. BugBug

Ein sehr einsteigerfreundliches Tool für Web-Apps. Es bietet einen visuellen Recorder, der deutlich stabiler ist als alte Selenium-Recorder.

• **Kosten:** Der **"Free Forever"-Plan** erlaubt unbegrenzte Tests und lokale Ausführungen. Nur für Cloud-Features oder parallele Tests fallen Gebühren an.

---

1. 2. Visuelle KI (Visual Regression)

Um Layout-Fehler automatisch zu finden, ohne jeden Button einzeln prüfen zu müssen, ist visuelles Testen unschlagbar.

• **Applitools Eyes:** Gilt als der Goldstandard für visuelle KI (erkennt Unterschiede wie ein menschliches Auge).
• **Kosten:** Es gibt eine **kostenlose Version** für Open-Source-Projekte oder kleine Teams mit begrenzten "Checkpoints" pro Monat.
• **Loki / BackstopJS:** Komplett kostenlose Open-Source-Alternativen für visuelle Vergleiche, allerdings ohne die "Deep Learning"-Intelligenz von Applitools (sie reagieren empfindlicher auf minimale Pixel-Abweichungen).

---

1. 3. KI-Agenten für exploratives Testen

Wenn du möchtest, dass eine KI deine Seite *selbstständig* erkundet und Fehler findet:

• **OwlityAI:** Ein neuerer Ansatz, bei dem du oft nur die URL eingibst und die KI versucht, User-Flows zu generieren. Viele dieser Tools haben 2026 kostenlose Testphasen oder Freemium-Modelle.
• **AgentQL:** Eine KI-basierte Abfragesprache für das Web. Sie hilft dir, Elemente anhand ihrer Bedeutung (z. B. "Login Button") statt ihrer technischen ID zu finden. Es gibt oft kostenlose Kontingente für Entwickler.

---

1. Empfohlene Strategie für "Null Budget"

---

1. Mein Tipp für den Start:

Installiere **Playwright** und ergänze es um das **ZeroStep**-Plugin. Damit kannst du innerhalb von 10 Minuten deinen ersten "intelligenten" Test schreiben, der nicht sofort kaputt geht, wenn du eine CSS-Klasse änderst.

• Soll ich dir zeigen, wie ein solcher Test-Code für eine einfache Login-Seite aussehen würde?**

Hier ist ein konkretes Beispiel, wie du mit **Playwright** und dem **ZeroStep-Plugin** (KI-gestützt) einen Test aufbaust.

Der Clou: Du musst keine IDs oder XPath-Sover suchen. Du sagst der KI einfach in natürlicher Sprache, was sie tun soll.

1. 1. Die Vorbereitung (Setup)

Zuerst installierst du Playwright und das Plugin in deinem Projektordner:

```bash npm init playwright@latest npm i zerostep

```

Du benötigst einen (kostenlosen) API-Key von [ZeroStep](https://zerostep.com), den du in deiner Umgebungsvariable hinterlegst: `export ZEROSTEP_TOKEN='dein-key'`

---

1. 2. Der "KI-Test"-Code

Stell dir vor, du willst eine Login-Funktion testen. Anstatt zu programmieren: `page.locator('#login-btn').click()`, schreibst du es so:

 ```javascript
 import { test, expect } from '@playwright/test';
 import { ai } from 'zerostep';

 test('KI-gesteuerter Login Test', async ({ page }) => {
  await page.goto('https://deine-webapp.de/login');

  // Die KI "sieht" die Seite und führt die Befehle aus
  await ai('Trage eine Test-Email in das E-Mail-Feld ein', { page, test });
  await ai('Gib ein sicheres Passwort ein', { page, test });
  await ai('Klicke auf den Login-Button', { page, test });

  // Validierung: Hat es geklappt?
  const isDashboardVisible = await ai('Bin ich jetzt auf dem Dashboard eingeloggt?', { page, test });

  expect(isDashboardVisible).toBe(true);
 });

```

---

1. Warum das besser ist als klassisches Testen:

1. **Resilienz (Self-Healing):** Wenn du deinen Button morgen von "Login" in "Anmelden" umbenennst oder die CSS-Klasse von `.btn-blue` zu `.btn-primary` änderst, **bricht der Test nicht ab**. Die KI versteht den Kontext weiterhin. 2. **Keine Selektor-Hölle:** Du musst nicht im DevTools-Inspektor nach kryptischen IDs suchen. 3. **Wartungsarm:** Du schreibst die Tests so, wie ein Handbuch geschrieben ist.

1. Die kostenlose Strategie für dich:

• **Playwright:** 100% kostenlos (Open Source).
• **ZeroStep:** Hat ein großzügiges "Free Tier" für monatliche Testläufe.
• **Cursor IDE:** Nutze den kostenlosen KI-Editor [Cursor](https://cursor.sh), um dir diese `ai()` Befehle vorschreiben zu lassen. Er erkennt deine Web-Struktur automatisch.

---

• Soll ich dir zeigen, wie du diesen Test nun automatisch jeden Abend in GitHub (via GitHub Actions) kostenlos laufen lässt?**