DEV Community

masdahdah123-eng
masdahdah123-eng

Posted on

TestSprite MCP Server — Panduan Lengkap Memulai (Bahasa Indonesia)

#testsprite #indonesia #testing #tutorial

TestSprite MCP Server — Panduan Memulai (Bahasa Indonesia)

Terjemahan resmi dokumentasi TestSprite Getting Started ke Bahasa Indonesia
Sumber asli: https://docs.testsprite.com/mcp/getting-started/
Diterjemahkan oleh: gundullo | Mei 2026

Pengantar

Mulai menggunakan TestSprite MCP Server

TestSprite adalah agen pengujian perangkat lunak berbasis AI yang paling mudah digunakan untuk pengujian sepenuhnya otonom. AI tanpa kode kami menyelesaikan siklus pengujian dalam 10–20 menit, sehingga Anda dapat merilis produk dengan percaya diri tanpa pekerjaan QA manual.

TestSprite MCP Server adalah integrasi Model Context Protocol — standar terbuka untuk menghubungkan aplikasi AI ke sistem eksternal — yang memungkinkan asisten AI pada IDE Anda mengatur seluruh alur kerja TestSprite langsung dari editor Anda.

Mulai dari sini:

Halaman Deskripsi
Gambaran Umum Pelajari apa yang dapat dilakukan TestSprite MCP Server
Instalasi Pasang dan jalankan TestSprite MCP Server di IDE Anda
Tes MCP Pertama Selesaikan tes otomatis pertama Anda dalam 10 menit
Kelola API Key Buat dan kelola API key TestSprite Anda

Gambaran Umum

Agen Pengujian Tanpa Kode & Tanpa Prompt yang Memastikan Perangkat Lunak Anda Bekerja

Cara Kerja TestSprite

TestSprite MCP Server bekerja secara otomatis melalui 8 langkah berikut:

  1. Analisis Kode — AI membaca dan memahami struktur proyek Anda
  2. Generate PRD — Dokumen Kebutuhan Produk dibuat secara otomatis
  3. Buat Rencana Pengujian — Skenario pengujian komprehensif dibuat dari kode Anda
  4. Jalankan Pengujian di Cloud — Eksekusi pengujian dilakukan di infrastruktur cloud TestSprite
  5. Monitor Progres — Pantau status pengujian secara real-time
  6. Terima Laporan Detail — Dapatkan laporan lengkap dengan analisis kegagalan
  7. Perbaikan Bug Otomatis — AI mengidentifikasi dan memperbaiki kode yang bermasalah
  8. Verifikasi Perbaikan — Pengujian dijalankan ulang untuk mengkonfirmasi perbaikan

Keunggulan Utama

  • Tanpa Kode: Tidak perlu menulis skrip pengujian satu baris pun
  • Tanpa Prompt Kompleks: Cukup satu perintah: "Bisakah kamu menguji proyek ini dengan TestSprite?"
  • Cepat: Siklus pengujian selesai dalam 10–20 menit
  • Komprehensif: Menguji Frontend (UI/UX), Backend (API), Keamanan, dan Performa
  • Auto-Healing: AI secara otomatis memperbaiki tes yang rusak akibat perubahan kode
  • Integrasi CI/CD: Mendukung GitHub Integration untuk pengujian otomatis setiap pull request

Perbandingan dengan Pengujian Tradisional

Aspek Pengujian Tradisional TestSprite MCP Server
Waktu setup Berjam-jam hingga berhari-hari Kurang dari 2 menit
Menulis tes Manual, butuh keahlian Otomatis oleh AI
Pemeliharaan tes Butuh update manual Auto-maintained oleh AI
Cakupan Terbatas oleh kapasitas tim Komprehensif dan menyeluruh
Biaya Tinggi (QA engineer) Hemat
Skalabilitas Sulit diskalakan Skala otomatis di cloud

Kemampuan Pengujian

Frontend (UI):

  • Alur pengguna end-to-end (login, checkout, navigasi)
  • Validasi form dan penanganan error
  • Responsivitas lintas browser
  • Pengujian aksesibilitas

Backend (API):

  • Endpoint RESTful dan GraphQL
  • Autentikasi dan otorisasi
  • Validasi data dan kasus edge case
  • Pengujian performa dan load

Teknologi yang Didukung

IDE yang Didukung:

  • Cursor
  • Claude Code
  • VS Code (dengan Copilot)
  • Windsurf
  • Trae

Framework Frontend:

  • React, Vue, Angular, Svelte
  • Next.js, Nuxt.js
  • Dan framework berbasis web lainnya

Framework Backend:

  • Node.js, Python (FastAPI, Django, Flask)
  • Dan layanan berbasis HTTP lainnya

Instalasi

Pasang dan jalankan TestSprite MCP Server di IDE Anda dalam kurang dari 2 menit.

Prasyarat

Sebelum memulai instalasi, pastikan Anda memiliki:

  • Node.js versi 22 atau lebih baru — Download di sini
  • Akun TestSprite — Daftar gratis di testsprite.com
  • IDE yang didukung: Cursor, Claude Code, VS Code, Windsurf, atau Trae

Verifikasi versi Node.js Anda:

node --version
# Output yang diharapkan: v22.x.x atau lebih baru
Enter fullscreen mode Exit fullscreen mode

Langkah 1: Dapatkan API Key TestSprite

  1. Login ke TestSprite Web Portal
  2. Buka menu Settings (Pengaturan)
  3. Pilih API Keys (Kunci API)
  4. Klik Create New Key (Buat Kunci Baru)
  5. Salin API key yang dihasilkan — simpan di tempat yang aman

Langkah 2: Instalasi di IDE

Pilih IDE Anda dan ikuti langkah yang sesuai:

Cursor (Direkomendasikan)

Cara Cepat (One-Click):

  1. Buka pengaturan Cursor
  2. Navigasi ke MCP → Add new MCP server
  3. Paste konfigurasi berikut: 
{
  "mcpServers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server@latest"],
      "env": {
        "TESTSPRITE_API_KEY": "your-api-key-here"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode
  1. Ganti your-api-key-here dengan API key Anda
  2. Restart Cursor

Cara Manual:
Buat atau edit file ~/.cursor/mcp.json:

{
  "mcpServers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server@latest"],
      "env": {
        "TESTSPRITE_API_KEY": "your-api-key-here"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Claude Code

Jalankan perintah berikut di terminal:

claude mcp add testsprite -- npx -y @testsprite/mcp-server@latest
Enter fullscreen mode Exit fullscreen mode

Kemudian set API key:

export TESTSPRITE_API_KEY="your-api-key-here"
Enter fullscreen mode Exit fullscreen mode

Atau tambahkan ke file ~/.claude/claude_desktop_config.json:

{
  "mcpServers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server@latest"],
      "env": {
        "TESTSPRITE_API_KEY": "your-api-key-here"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

VS Code (dengan GitHub Copilot)

Edit file .vscode/mcp.json di folder proyek Anda:

{
  "servers": {
    "testsprite": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server@latest"],
      "env": {
        "TESTSPRITE_API_KEY": "your-api-key-here"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Windsurf

Edit file ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server@latest"],
      "env": {
        "TESTSPRITE_API_KEY": "your-api-key-here"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Trae

  1. Buka Settings (Pengaturan) di Trae
  2. Navigasi ke MCP → Add MCP Server
  3. Pilih tipe Standard Input/Output (stdio)
  4. Isi konfigurasi:
    • Name: testsprite
    • Command: npx
    • Args: -y @testsprite/mcp-server@latest
    • Environment Variables: TESTSPRITE_API_KEY=your-api-key-here
  5. Klik Save (Simpan)

Langkah 3: Verifikasi Instalasi

Setelah instalasi, verifikasi bahwa TestSprite MCP Server berjalan dengan benar:

  1. Buka jendela chat di IDE Anda
  2. Ketik: 
Can you list all available TestSprite MCP tools?
Enter fullscreen mode Exit fullscreen mode
  1. IDE Anda seharusnya menampilkan daftar tools TestSprite yang tersedia

Jika berhasil, Anda siap menjalankan tes pertama!

Tes MCP Pertama

Rasakan keajaiban TestSprite MCP Server dengan tes otomatis pertama Anda dalam kurang dari 10 menit.

Di akhir panduan ini, Anda akan telah:

  • Menjalankan suite pengujian otomatis pertama
  • Melihat AI membuat rencana pengujian komprehensif
  • Menyaksikan pengujian berjalan di cloud
  • Menerima laporan pengujian detail
  • Menerapkan perbaikan bug otomatis

Langkah 1: Siapkan Proyek Anda

Jalankan Aplikasi Anda — Pastikan aplikasi Anda berjalan secara lokal:

# Untuk aplikasi frontend (contoh)
npm run dev          # Biasanya berjalan di port 3000, 5173, atau 8080

# Untuk aplikasi backend (contoh)
node index.js        # Biasanya berjalan di port 8000, 3001, atau 4000
Enter fullscreen mode Exit fullscreen mode

Struktur Proyek yang Disarankan:

proyek-saya/
├── frontend/          # React, Vue, Angular, dll.
│   ├── src/
│   ├── package.json
│   └── ...
├── backend/           # Node.js, Python, dll.
│   ├── app.py
│   ├── requirements.txt
│   └── ...
├── README.md
└── package.json
Enter fullscreen mode Exit fullscreen mode

Langkah 2: Perintah Ajaib

Buka chat IDE Anda dan ikuti langkah berikut:

  1. Buka jendela chat baru di IDE Anda
  2. Ketik perintah ajaib: 
Bisakah kamu menguji proyek ini dengan TestSprite?
Enter fullscreen mode Exit fullscreen mode

atau dalam bahasa Inggris:

Can you test this project with TestSprite?
Enter fullscreen mode Exit fullscreen mode
  1. Seret dan lepas folder proyek ke dalam chat jika ingin menguji sub-proyek tertentu
  2. Tekan ⇧ Enter

Hanya itu! Asisten AI Anda akan mengambil alih dan memandu Anda melalui seluruh proses pengujian.

Langkah 3: Konfigurasi (Wajib)

Catatan: Halaman Konfigurasi Pengujian akan terbuka di browser Anda. Lengkapi pengaturan di sini untuk melanjutkan pengujian.

Ketika alat bootstrap terbuka, Anda harus mengkonfigurasi:

1. Tipe Pengujian

Mode:

  • Frontend: Pilih ini jika ingin menguji UI dan alur pengguna (misalnya: tombol, formulir, navigasi)
  • Backend: Pilih ini jika ingin menguji API, layanan, atau logika server

Cakupan:

  • Codebase: Menjalankan pengujian terhadap seluruh proyek. Gunakan ini jika ingin sweep lengkap atau belum pernah menjalankan MCP sebelumnya
  • Code Diff: Menjalankan pengujian hanya terhadap perubahan terbaru (perubahan Git yang belum di-commit). Gunakan ini untuk memvalidasi pekerjaan baru dengan cepat tanpa menguji ulang semuanya

2. Kredensial Akun Pengujian

Jika aplikasi Anda memerlukan login:

Frontend:

Username: test@example.com
Password: your-test-password
Enter fullscreen mode Exit fullscreen mode

Backend — Tipe Autentikasi:

Tipe Autentikasi Deskripsi
Basic Menggunakan username & password
Bearer Autentikasi berbasis token yang aman
API-key Menggunakan API key unik untuk akses
None Tidak diperlukan autentikasi

3. URL Aplikasi 

Frontend: http://localhost:5173
Backend: http://localhost:4000
Enter fullscreen mode Exit fullscreen mode

4. Dokumen Kebutuhan Produk (PRD)

Upload PRD yang ada (wajib). Bahkan draft atau PRD berkualitas rendah pun dapat diterima. AI TestSprite akan membuat PRD yang ternormalisasi berdasarkan upload Anda.

Langkah 4: Alur Kerja Otomatis

Asisten AI Anda akan secara otomatis menangani seluruh proses pengujian dengan menjalankan langkah-langkah berikut. AI menangani segalanya mulai dari memahami proyek Anda hingga menjalankan pengujian aktual, sehingga Anda tidak perlu melakukan pekerjaan apapun secara manual.

Langkah 5: Tinjau Hasil Pengujian

Setelah pengujian, Anda akan menemukan file-file ini di proyek Anda:

testsprite_tests/
├── tmp/
│   ├── prd_files/                 # File PRD yang diupload
│   ├── config.json                # Konfigurasi pengujian
│   ├── code_summary.json          # Analisis kode
│   ├── report_prompt.json         # Data analisis AI
│   └── test_results.json          # Hasil pengujian detail
├── standard_prd.json              # PRD yang ternormalisasi
├── TestSprite_MCP_Test_Report.md  # Laporan yang dapat dibaca manusia
├── TestSprite_MCP_Test_Report.html # Laporan HTML
├── TC001_Login_Success_with_Valid_Credentials.py
├── TC002_Login_Failure_with_Invalid_Credentials.py
└── ...                            # File pengujian tambahan
Enter fullscreen mode Exit fullscreen mode

Memahami Hasil Pengujian — Laporan pengujian menampilkan cakupan keseluruhan, tingkat kelulusan, pengujian yang gagal dengan analisis kegagalan detail, dan kategori (Fungsional, UI/UX, Keamanan, Performa).

Langkah 6: Perbaikan Bug Otomatis

Setelah meninjau hasil pengujian, cukup minta:

Tolong perbaiki kodebase berdasarkan hasil pengujian TestSprite.
Enter fullscreen mode Exit fullscreen mode

atau dalam bahasa Inggris:

Please fix the codebase based on TestSprite testing results.
Enter fullscreen mode Exit fullscreen mode

AI akan menganalisis pengujian yang gagal, mengidentifikasi bagian kode yang bermasalah, menerapkan perbaikan yang ditargetkan secara otomatis, menjalankan ulang pengujian untuk memverifikasi perbaikan, dan mengulang hingga masalah terselesaikan.

Contoh Output

Rencana Pengujian yang Dibuat:

{
  "testCases": [
    {
      "id": "TC001",
      "title": "Login Autentikasi Pengguna",
      "description": "Uji login pengguna dengan kredensial yang valid",
      "category": "Fungsional",
      "priority": "Tinggi",
      "steps": [
        "Navigasi ke halaman login",
        "Masukkan username dan password yang valid",
        "Klik tombol login",
        "Verifikasi login berhasil"
      ]
    }
  ]
}
Enter fullscreen mode Exit fullscreen mode

Ringkasan Laporan Pengujian:

{
  "summary": {
    "totalTests": 18,
    "passed": 12,
    "failed": 6,
    "passRate": "67%",
    "coverage": "85%"
  },
  "failures": [
    {
      "testId": "TC005",
      "title": "Akses Panel Admin",
      "error": "Button not found: #admin-delete-btn",
      "recommendation": "Tambahkan tombol delete yang hilang di panel admin"
    }
  ]
}
Enter fullscreen mode Exit fullscreen mode

Tips untuk Sukses

Pastikan Aplikasi Berjalan

Frontend dan backend harus dapat diakses di port standar sebelum memulai pengujian.

Struktur Proyek yang Jelas

Sertakan README dengan instruksi setup dan nama folder yang deskriptif agar AI dapat memahami proyek Anda dengan lebih baik.

Siapkan Kredensial Pengujian

Siapkan akun pengguna pengujian dengan data non-produksi. Jangan gunakan akun produksi untuk pengujian.

Tinjau File yang Dihasilkan

Periksa PRD dan rencana pengujian yang dihasilkan untuk memastikan keakuratannya sebelum melanjutkan.

Langkah Selanjutnya

Selamat! Anda telah berhasil menjalankan pengujian otomatis pertama Anda dengan TestSprite MCP Server.

Catatan Penerjemah

Terjemahan ini mencakup seluruh dokumentasi Getting Started TestSprite MCP Server dengan detail berikut:

  • Narrative diterjemahkan: Semua prosa penjelasan dalam Bahasa Indonesia
  • Blok kode dipertahankan: Contoh kode, perintah, dan struktur data tetap dalam bahasa Inggris (sesuai standar dokumentasi teknis)
  • Label UI diterjemahkan: Label antarmuka diterjemahkan secara natural ke Bahasa Indonesia
  • Pesan error dijelaskan: Pesan error dijelaskan dalam konteks Bahasa Indonesia
  • Istilah teknis: MCP, API Key, PRD, IDE, CI/CD, dll. dipertahankan dalam bahasa Inggris dengan penjelasan kontekstual

Bahasa target: Bahasa Indonesia

Jumlah kata: ~1.800+ kata konten terjemahan

Cakupan: Introduction + Overview + Installation + First MCP Test

Dokumen asli: TestSprite MCP Server Getting Started Docs

Top comments (0)