Vibetest – MCP-Server verwenden: KI-gestützte Qualitätssicherungstests

Bereit, diese lästigen Website-Bugs mit Vibetest-use MCP zu beseitigen? Dieses Open-Source-Juwel, das von Browser-Use betrieben wird, ermöglicht es Ihnen, KI-Agenten zu entfesseln, um Ihre Website zu durchsuchen, 404er, tote Buttons und UI-Fehler in weniger als einer Minute zu erfassen. Ich habe es auf GitHub gefunden, und es ist ein absoluter Game-Changer für automatisiertes Testen. Mit nur einem einzigen Befehl können Sie mehrere Agenten starten, um Ihre Website zu belasten – lokal oder live. In diesem Tutorial zeige ich Ihnen, wie Sie Vibetest-use MCP einrichten, Tests auf einer lokalen oder Live-Site ausführen und Ihren QA-Prozess (Qualitätssicherung) zum Kinderspiel machen. Lasst uns diese Bugs beseitigen!

💡

Arbeiten Sie mit APIs oder dokumentieren Sie Projekte? Holen Sie sich APIdog, um API-Dokumente mühelos zu entwerfen, zu testen und zu teilen – perfekt für Ihre Vibetest-use MCP-Workflows!

button

Warum Vibetest-use MCP ein QA-Superheld ist

Vibetest-use MCP ist ein von Browser-Use betriebenes Tool, das QA-Tests automatisiert, indem es KI-Agenten einsetzt, um Websites zu durchsuchen und Probleme wie defekte Links, nicht reagierende Buttons oder UI-Fehler zu kennzeichnen. Es basiert auf dem Model Context Protocol (MCP) und lässt sich in Browser-Use integrieren, um Browser (Chrome, Firefox usw.) über Playwright zu steuern und so gründliche Tests zu gewährleisten. Das GitHub-Repo hebt seine Fähigkeit hervor, jede URL zu testen – Live-Sites wie https://example.com oder lokale Setups wie localhost:3000 – mit konfigurierbaren Agentenzahlen (z. B. 3, 5 oder 10) für tiefere Scans. Vom Testen einer Dev-Site bis hin zu einer Produktionsanwendung macht Vibetest-use MCP die Qualitätssicherung zum Kinderspiel.

Einrichten von Vibetest-use MCP

Lassen Sie uns Vibetest-use MCP zum Laufen bringen. Das ist anfängerfreundlich, und ich werde es übersichtlich halten!

1. Klonen Sie das Repository und richten Sie die virtuelle Umgebung ein:

Klonen Sie das Repo und bereiten Sie eine Python-Umgebung vor:

git clone https://github.com/browser-use/vibetest-use.git
cd vibetest-use
uv venv
source .venv/bin/activate  # macOS/Linux
.venv\Scripts\activate     # Windows
uv pip install -e .

Dies installiert Abhängigkeiten und richtet die MCP-Serverumgebung ein.

2. Konfigurieren Sie Ihre Umgebungsvariablen:

Vibetest-use MCP benötigt einen Google API-Schlüssel für einige Funktionen. Exportieren Sie ihn oder fügen Sie ihn zu .env hinzu:

export GOOGLE_API_KEY="your_google_api_key_here"

Alternativ erstellen Sie .env:

GOOGLE_API_KEY=your_google_api_key_here

Holen Sie sich einen Schlüssel von console.cloud.google.com.

3. Führen Sie den MCP-Server aus:

Starten Sie den Server:

.venv/bin/vibetest-mcp

Dies startet den MCP-Server, der bereit ist, Testbefehle anzunehmen.

Ich hatte das in 10 Minuten eingerichtet – schnell und schmerzlos!

Beispiele für Anwendungsfälle für Vibetest-use MCP

Bereit, mit Vibetest-use MCP zu testen? Hier sind drei Möglichkeiten, um Bugs schnell zu finden!

1. Testen einer Live-Website mit mehreren Agenten:

Testen Sie eine Live-Site wie https://example.com mit 6 Agenten:

vibetest my website with 6 agents: https://example.com

Fünf Browser-Code-Agenten durchsuchen gleichzeitig und prüfen auf defekte Links, UI-Bugs oder Barrierefreiheitsprobleme. Erwarten Sie eine Ausgabe wie: „404 bei /page-not-found, nicht reagierender Button bei /submit.“

2. Testen einer lokalen Entwicklungs-Site:

Testen Sie Ihren lokalen Dev-Server (z. B. localhost:3000):

run vibetest on localhost:3000

Dies fängt Probleme frühzeitig ab, wie z. B. einen falsch ausgerichteten Div, den ich auf einer Testseite gefunden habe!

3. Headless-Testing mit benutzerdefinierter Agentenzahl:

Führen Sie für CI/CD Headless mit 10 Agenten aus:

run a headless vibetest on localhost:8080 with 10 agents

Der Headless-Modus läuft ohne sichtbare Browser und protokolliert Ergebnisse (z. B. --output results.json). Perfekt für automatisierte Pipelines.

Diese Tests dauerten jeweils <60 Sekunden – Vibetest-use MCP ist ein Geschwindigkeitsdämon!

Integrieren von Vibetest-use MCP mit Claude Code Desktop

Möchten Sie Vibetest-use MCP-Tests von Claude Code Desktop ausführen? So integrieren Sie es.

1. Fügen Sie den Vibetest MCP-Server zu Claude Desktop hinzu:

Verwenden Sie die Claude CLI:

claude mcp add vibetest /full/path/to/vibetop-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_google_api_key"

Dies registriert den Server bei Claude Desktop und übergibt Ihren Google API-Schlüssel.

2. Verbindung überprüfen:

Öffnen Sie Claude Desktop und geben Sie Folgendes ein:

/mcp

Überprüfen Sie, ob der vibetest-Server als verbunden angezeigt wird.

3. Führen Sie Vibetop-Befehle aus:

Geben Sie in Claude Desktop Folgendes ein:

Vibetest my website with 5 agents: https://example.com
Run vibetop on localhost:3000

Claude leitet Befehle an den MCP-Server weiter und gibt Testergebnisse zurück.

Ich habe eine Site über Claude Desktop getestet, und sie hat sofort einen Formularfehler markiert – super slick!

Verwenden von Vibetest-use MCP mit Cursor

Bevorzugen Sie die elegante Oberfläche von Cursor? So richten Sie Vibetest-use MCP für Tests ein.

1. Fügen Sie den MCP-Server über die Cursor-Einstellungen-UI hinzu:

Öffnen Sie Cursor-Einstellungen > MCP (linke Seitenleiste).
Klicken Sie auf Server hinzufügen oder die „+“-Schaltfläche.
Fügen Sie diese Konfiguration hinzu (passen Sie Pfade und Schlüssel an):

{
  "mcpServers": {
    "vibetest": {
      "command": "/full/path/to/vibetop-use/.venv/bin/vibetest-mcp",
      "env": {
        "GOOGLE_API_KEY": "your_google_api_key"
      }
    }
  }
}

Speichern Sie und starten Sie Cursor bei Bedarf neu.

2. Verwenden Sie Vibetest-Befehle in Cursor:

Probieren Sie in der Chat- oder Befehlsoberfläche von Cursor Folgendes aus:

Vibetest my website with 5 agents: https://example.com
Run vibetest on localhost:3000
Run a headless vibetest on localhost:8080 with 10 agents

Cursor kommuniziert mit dem MCP-Server und zeigt Ergebnisse inline an.

Ich habe einen Headless-Test in Cursor ausgeführt, und die JSON-Ausgabe war kristallklar – QA-Himmel!

Anpassen von Vibetest-use MCP für Ihre Bedürfnisse

Möchten Sie Vibetest-use MCP optimieren? So machen Sie es zu Ihrem eigenen.

1. Agentenzahl anpassen:

Verwenden Sie --agents 2 für schnelle Scans oder --agents 10 für gründliche Tests. Mehr Agenten bedeuten eine bessere Abdeckung, aber einen höheren Speicherverbrauch.

2. Auf bestimmte Funktionen abzielen:

Bearbeiten Sie prompts.py, um bestimmte Abläufe zu testen (z. B. den Checkout-Prozess):

prompt = "Vibetest with 3 the checkout flow on {website}. Verify cart updates and payment buttons."

Ausführen:

uv run vibetest --url https://shop.com --prompt "Test checkout flow"

3. Integrieren Sie sich in CI/CD (Ubuntu):

Fügen Sie zu GitHub Actions hinzu:

name: QA with Vibetest-use
on: [push]
jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: |
          curl -LsSf https://astral.sh/uv/install.sh | sh
          uv venv
          source .venv/bin/activate
          uv pip install -e .
          uv pip install playwright
          uv run playwright install chromium
          uv run vibetest --url http://localhost:3000 --agents 5 --output results.json
      env:
        GOOGLE_API_KEY: ${{ secrets.GOOGLE_API_KEY }}

4. Verwenden Sie DeepSeek für Smarts:

Koppeln Sie mit DeepSeek:

uv run vibetest --url https://example.com --llm deepseek-chat

Verbessert das Reasoning für komplexe Tests.

Erkunden der Vibetest-use MCP-Funktionen

Vibetest-use MCP ist vollgepackt mit QA-Goodies. Schauen Sie sich diese an:

Paralleles Testen: Führen Sie 10+ Agenten für <60s Scans aus, wie auf X beworben.

2. Cross-Browser-Testing: Testen Sie Firefox/Safari über playwright.config.ts:

{ browserName: 'firefox' }

3. Deep Research Mode: Verwenden Sie mcp-browser-cli --deep-research für UX-Analysen und speichern Sie Markdown-Berichte.

4. Community: Treten Sie dem Discord oder GitHub (38 Sterne) von Browser-Code bei, um Ideen auszutauschen.

Ich habe einen Firefox-only-Glitch in einem Test erwischt – Vibetest-use MCP ist ein QA-Champion!

Zusammenfassung: Vibetest-use MCP meistern

Sie haben Vibetest-use MCP entfesselt, um QA (Qualitätssicherung) wie ein Profi zu automatisieren! Vom Einrichten über das Testen von Live-Sites, lokalen Servern bis hin zur Integration mit Claude Desktop oder Cursor sind Sie bereit, Ihre Apps fehlerfrei zu halten. Probieren Sie das Experimentieren mit mehr Agenten, DeepSeek oder CI/CD aus und dokumentieren Sie unbedingt Ihre APIs mit APIdog. Teilen Sie Ihre Vibetest-use MCP-Erfolge auf X oder GitHub – ich bin begeistert, Ihr QA-Spiel aufsteigen zu sehen! 🚀

button