try Testsprite-MCP
try christmas greeting generator

First MCP Test

Experience the magic of TestSprite MCP Server with your first automated test in under 10 minutes.

By the end of this guide, you'll have run your first automated test suite, seen AI generate comprehensive test plans, watched tests execute in the cloud, received detailed test reports, and applied automatic bug fixes.

Before starting, ensure you have [TestSprite MCP Server installed](../../mcp/getting-started/installation) and **your IDE open**.

Step 1: Prepare Your Project

Start Your Application - Make sure your application is running locally:

# For frontend applications (examples)
npm run dev          # Usually runs on port 3000, 5173, or 8080
 
# For backend applications (examples)
node index.js        # Usually runs on port 8000, 3001, or 4000
my-project/
β”œβ”€β”€ frontend/          # React, Vue, Angular, etc.
β”‚   β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ package.json
β”‚   └── ...
β”œβ”€β”€ backend/           # Node.js, Python, etc.
β”‚   β”œβ”€β”€ app.py
β”‚   β”œβ”€β”€ requirements.txt
β”‚   └── ...
β”œβ”€β”€ README.md
└── package.json

Step 2: The Magic Command

Open your IDE Chat and follow these steps:

  1. Open a new chat window in your IDE
  2. Type the magic command:
Can you test this project with TestSprite?
  1. Drag and drop your project folder into the chat if you'd like to test a specific sub-project
  2. Press ⇧ Enter

That's it! Your AI assistant will now take over and guide you through the entire testing process.

Step 3: Configuration (Required)

config

The Testing Configuration page will open in your browser. Complete the setup here to continue your test.

When the bootstrap tool opens, you must configure:

  1. Testing Type
type * **Frontend**: Select this if you want to test your UI and user flows (e.g. buttons, forms, navigation).
* **Backend**: Select this if you want to test your APIs, services, or server logic.
* **Codebase**: Runs tests against the entire project. Use this if you want a full test sweep or haven’t run MCP before. * **Code Diff**: Runs tests only against your recent changes (uncommitted Git changes). Use this to quickly validate new work without testing everything again.
  1. Test Account Credentials - If your app requires login:
credential
```json Crediential Examples theme={null}
  Username: [email protected]
  Password: your-test-password
```
credential
<div className="full-width-table">
  <div className="table-header">Authentication Type</div>
  <div className="table-header">Description</div>
  <div className="table-cell">**Basic**</div>
  <div className="table-cell">Uses username & password</div>
  <div className="table-cell">**Bearer**</div>
  <div className="table-cell">Secure token-based authentication</div>
  <div className="table-cell">**API-key**</div>
  <div className="table-cell">Uses a unique API key for access</div>
  <div className="table-cell">**None**</div>
  <div className="table-cell">No authentication required</div>
</div>
  1. Application URLs:
portal
Frontend: http://localhost:5173
Backend: http://localhost:4000
  1. Product Requirements Document
prd

Upload existing PRD (required). Even a draft or low-quality PRD is fine. TestSprite AI will generate a normalized PRD based on your upload.

Step 4: The Automated Workflow

Your AI assistant will automatically handle the entire testing process by running through these steps. It takes care of everything from understanding your project to running the actual tests, so you don't have to do any of the work manually.

Learn more about details steps at Testing Workflow.

Step 5: Review Test Results

After testing, you'll find these files in your project:

testsprite_tests/
β”œβ”€β”€ tmp/
β”‚   β”œβ”€β”€ prd_files/                 # Uploaded PRD files
β”‚   β”œβ”€β”€ config.json               # Test configuration
β”‚   β”œβ”€β”€ code_summary.json         # Code analysis
β”‚   β”œβ”€β”€ report_prompt.json        # AI analysis data
β”‚   └── test_results.json         # Detailed test results
β”œβ”€β”€ standard_prd.json             # Normalized PRD
β”œβ”€β”€ TestSprite_MCP_Test_Report.md # Human-readable report
β”œβ”€β”€ TestSprite_MCP_Test_Report.html # HTML report
β”œβ”€β”€ TC001_Login_Success_with_Valid_Credentials.py
β”œβ”€β”€ TC002_Login_Failure_with_Invalid_Credentials.py
└── ...                           # Additional test files

Understanding Test Results - The test report shows overall coverage, pass rate, failed tests with detailed failure analysis, and categories (Functional, UI/UX, Security, Performance).

Step 6: Automatic Bug Fixes

Request Fixes - After reviewing the test results, simply ask:

Please fix the codebase based on TestSprite testing results.

The AI will analyze failing tests, identify problematic code sections, apply targeted fixes automatically, re-run tests to verify fixes, and iterate until issues are resolved.

Example Output

Test Plan Generated:

{
  "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"
      ]
    }
    // ... 17 more test cases
  ]
}

Test Report Summary:

{
  "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"
    }
  ]
}

Tips for Success

Frontend and backend should be accessible on standard ports Include README with setup instructions and descriptive folder names Prepare test user accounts with non-production data Check the generated PRD and test plan for accuracy

Next Steps

Congratulations! You've successfully run your first automated test with TestSprite MCP Server.

Understand the full process See real-world use cases Get help and share experiences Contribute and report issues