TestSprite MCP Server — Snelstartgids

TestSprite MCP is een krachtige AI-gedreven testserver die je direct vanuit je favoriete IDE helpt om frontend- en backendapplicaties automatisch te testen. Met TestSprite kun je eenvoudig testplannen genereren, uitvoeren en fouten automatisch laten oplossen, allemaal binnen je bestaande ontwikkelworkflow.

Installatie

Vereisten

Compatibele IDE (Cursor, VSCode, Claude Code, Trae, Antigravity of andere)
TestSprite-account — gratis aanmelden via https://www.testsprite.com/auth/cognito/sign-up
Node.js versie 22 of hoger

Haal je API-sleutel op

Log in op je TestSprite-dashboard via https://www.testsprite.com/dashboard
Navigeer naar API Keys onder Instellingen
Klik op "Nieuwe API Key"
Kopieer je API-sleutel

IDE-configuratie

Cursor (One-Click)

Haal je API-sleutel op
Klik op de one-click installatielink voor Cursor
Voer je API-sleutel in binnen Cursor
Begin met testen

Cursor (Handmatig)

Open Cursor-instellingen
Navigeer naar Tools & Integratie
Klik op "Voeg aangepaste MCP toe"
Voeg de volgende configuratie toe:

{
  "mcpServers": {
    "TestSprite": {
      "command": "npx",
      "args": ["@testsprite/testsprite-mcp@latest"],
      "env": {
        "API_KEY": "your-api-key"
      }
    }
  }
}

Controleer of er een groen bolletje verschijnt op het TestSprite MCP-servericoon

Belangrijk — Cursor Sandbox-modus: Cursor draait MCP-tools standaard in sandbox-modus, wat TestSprite beperkt. Om dit op te lossen:

Ga naar Cursor → Instellingen → Cursor-instellingen
Ga naar Chat → Auto-Run → Auto-Run-modus
Wijzig naar "Elke keer vragen" of "Alles uitvoeren"

Claude Code

cd /path/to/your/project
claude mcp add TestSprite --env API_KEY=your_api_key -- npx @testsprite/testsprite-mcp@latest

Controleer met:

claude mcp list

Verwachte output: TestSprite: npx @testsprite/testsprite-mcp@latest - ✓ Verbonden

VSCode

Open het Command Palette
Voer MCP: Add Server uit
Kies Command (stdio) als type
Typ npx @testsprite/testsprite-mcp@latest als het commando
Geef het de naam TestSprite
Voeg de volgende env-configuratie toe:

{
  "servers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/testsprite-mcp@latest"],
      "env": {
        "API_KEY": "your-api-key"
      }
    }
  }
}

Andere IDE's

{
  "mcpServers": {
    "TestSprite": {
      "command": "npx",
      "args": ["@testsprite/testsprite-mcp@latest"],
      "env": {
        "API_KEY": "your-api-key"
      }
    }
  }
}

Verificatie

Je AI-assistent kan TestSprite MCP-tools zien
Geen "command not found"-fouten
Probeer: "Help me test dit project met TestSprite."

Je Eerste Test

Stap 1: Bereid je project voor

Start je applicatie:

# Voor frontend-applicaties
npm run dev          # Draait meestal op poort 3000, 5173 of 8080

# Voor backend-applicaties
node index.js        # Draait meestal op poort 8000, 3001 of 4000

Voorbeeld projectstructuur:

my-project/
├── frontend/          # React, Vue, Angular, enz.
│   ├── src/
│   ├── package.json
│   └── ...
├── backend/           # Node.js, Python, enz.
│   ├── app.py
│   ├── requirements.txt
│   └── ...
├── README.md
└── package.json

Stap 2: Het Magische Commando

Open de chatfunctie van je IDE en:

Open een nieuw chatvenster
Typ het magische commando:

Can you test this project with TestSprite?

Sleep eventueel je projectmap naar het chatvenster
Druk op Shift+Enter

Je AI-assistent neemt het over en begeleidt je door het volledige testproces.

Stap 3: Configuratie (Vereist)

Wanneer de testconfiguratiepagina in je browser opent, vul je het volgende in:

Testtype
- Frontend-modus: Test UI en gebruikersflows (knoppen, formulieren, navigatie)
- Backend-modus: Test APIs, services, serverlogica
- Codebase scope: Volledige projectscan
- Code Diff scope: Alleen niet-gecommitete Git-wijzigingen (sneller voor iteraties)
Testaccountgegevens (indien je app login vereist)
- Frontend: Gebruikersnaam: test@example.com / Wachtwoord: jouw-test-wachtwoord
- Backend: Basic / Bearer token / API-key / Geen authenticatie
Applicatie-URL's:

   Frontend: http://localhost:5173
   Backend: http://localhost:4000

Product Requirements Document (PRD): Upload je bestaande PRD (zelfs een concept is voldoende). TestSprite AI genereert hieruit een genormaliseerde PRD.

Stap 4: Geautomatiseerde Workflow

TestSprite verzorgt het volledige testproces automatisch:

Analyseert je projectcode
Genereert een uitgebreid testplan
Voert tests uit in de cloud
Maakt gedetailleerde rapporten
Stelt automatische oplossingen voor bij fouten

Stap 5: Testresultaten Bekijken

Na het testen vind je deze bestanden in je project:

testsprite_tests/
├── tmp/
│   ├── prd_files/                 # Geüploade PRD-bestanden
│   ├── config.json               # Testconfiguratie
│   ├── code_summary.json         # Code-analyse
│   ├── report_prompt.json        # AI-analysegegevens
│   └── test_results.json         # Gedetailleerde testresultaten
├── standard_prd.json             # Genormaliseerde PRD
├── TestSprite_MCP_Test_Report.md # Mens-leesbaar rapport
├── TestSprite_MCP_Test_Report.html # HTML-rapport
├── TC001_Login_Success_with_Valid_Credentials.py
├── TC002_Login_Failure_with_Invalid_Credentials.py
└── ...                           # Extra testbestanden

Het testrapport toont: totale dekking, slagingspercentage, mislukte tests met foutenanalyse en categorieën (Functioneel, UI/UX, Security, Performance).

Voorbeeld testplan:

{
  "testCases": [
    {
      "id": "TC001",
      "title": "User Authentication Login",
      "description": "Test user login with valid credentials",
      "category": "Functional",
      "priority": "High",
      "steps": [
        "Navigate to login page",
        "Enter valid username and password",
        "Click login button",
        "Verify successful login"
      ]
    }
  ]
}

Voorbeeld samenvatting testrapport:

{
  "summary": {
    "totalTests": 18,
    "passed": 12,
    "failed": 6,
    "passRate": "67%",
    "coverage": "85%"
  },
  "failures": [
    {
      "testId": "TC005",
      "title": "Admin Panel Access",
      "error": "Button not found: #admin-delete-btn",
      "recommendation": "Add missing delete button in admin panel"
    }
  ]
}

Stap 6: Automatische Bugfixes

Na het bekijken van de resultaten, vraag:

Please fix the codebase based on TestSprite testing results.

De AI zal:

Faalde tests analyseren
Problematische code identificeren
Gericht fixes toepassen
Tests opnieuw uitvoeren om fixes te verifiëren
Itereren tot alle problemen zijn opgelost

Tips voor Succes

Zorg dat je frontend en backend draaien en bereikbaar zijn voordat je start
Zelfs een minimale PRD (één paragraaf die je app beschrijft) is voldoende
Gebruik Code Diff scope voor snelle validatie van individuele wijzigingen
TestSprite werkt het beste als je app in een stabiele, uitvoerbare staat is

Met deze gids kun je direct aan de slag met geautomatiseerd testen in je IDE met TestSprite MCP. Veel testplezier!

推荐订阅源

DEV Community