Panduan Memulai TestSprite MCP Server — Terjemahan Bahasa Indonesia

Sumber asli: https://docs.testsprite.com/mcp/getting-started/introduction

Diterjemahkan oleh komunitas developer Indonesia.

---

Indeks Dokumentasi

Ambil indeks dokumentasi lengkap di: https://docs.testsprite.com/llms.txt

Gunakan file ini untuk menemukan semua halaman yang tersedia sebelum menjelajah lebih lanjut.

---

Pengenalan

Mulai menggunakan TestSprite MCP Server.

TestSprite adalah agen pengujian perangkat lunak AI paling mudah untuk pengujian sepenuhnya otonom. AI kami yang tanpa kode (no-code) menyelesaikan siklus pengujian dalam 10–20 menit, sehingga kamu bisa merilis dengan percaya diri tanpa pekerjaan QA manual.

TestSprite MCP Server adalah integrasi Model Context Protocol yang memungkinkan asisten AI di IDE-mu mengatur seluruh alur kerja TestSprite langsung dari editor.

Navigasi Cepat

• Overview — Pelajari apa yang bisa dilakukan TestSprite MCP Server
• Install MCP Server — Pasang TestSprite MCP Server dan jalankan
• Run First MCP Test — Selesaikan pengujian otomatis pertamamu dalam 10 menit
• Testing Workflow — Pahami alur kerja pengujian secara lengkap
• Manage API Keys — Buat dan kelola API key TestSprite-mu
• Join Community — Terhubung dengan pengguna lain

---

Overview: Agen Pengujian Tanpa Kode dan Tanpa Prompt yang Membuat Perangkat Lunakmu Bekerja

Apa Itu TestSprite MCP Server?

TestSprite MCP Server adalah integrasi Model Context Protocol yang menghubungkan asisten AI di IDE-mu (seperti Cursor atau Windsurf) dengan mesin pengujian cerdas TestSprite. Ini memungkinkan alur kerja pengujian yang sepenuhnya otomatis langsung di dalam lingkungan pengembanganmu.

Cara Kerjanya

Setelah memasang TestSprite MCP di IDE-mu, kamu bisa menggunakan perintah bahasa alami yang sederhana untuk membiarkan agen pengujian AI kami menangani seluruh alur kerja pengujian.

Cukup gunakan prompt berikut, seret folder proyekmu ke dalam obrolan, atau deskripsikan kebutuhan pengujianmu. TestSprite MCP Server akan mengurus sisanya.

Help me test this project with TestSprite.

(Bantu saya menguji proyek ini dengan TestSprite.)

Manfaat Utama

Tergantung peranmu, TestSprite MCP Server memberikan keuntungan berbeda:

• Untuk Developer: Rilis lebih cepat tanpa menulis tes, dapatkan umpan balik dalam hitungan menit (bukan jam), dan perbaiki masalah secara otomatis dengan analisis bertenaga AI — semua tanpa meninggalkan IDE-mu.
• Untuk Tim: Capai kualitas yang dapat diprediksi dan rilis lebih cepat dengan cakupan yang luas dan konsisten — termasuk kasus tepi (edge cases) — sekaligus mengurangi upaya QA manual dan overhead pemeliharaan tes.

Apa yang Membedakannya

TestSprite MCP Server mengubah pengalaman pengujian dengan mengotomatiskan apa yang secara tradisional membutuhkan usaha manual. Berikut perbandingannya dengan pendekatan pengujian tradisional:

Fitur	Pengujian Tradisional	TestSprite MCP Server
Pembuatan test case	Menulis test case secara manual	AI menghasilkan test case secara otomatis
Setup	Menyiapkan framework yang kompleks	Hampir tidak perlu setup
Debugging	Men-debug kegagalan secara manual	Menganalisis dan memperbaiki masalah untukmu
Integrasi	Menjalankan tes terpisah dari pengembangan	Terintegrasi ke dalam alur kerja coding-mu
Cakupan	Cakupan terbatas yang melewatkan edge case kritis	Cakupan otomatis yang komprehensif

Kemampuan Pengujian

TestSprite MCP Server mendukung pengujian komprehensif untuk aplikasi frontend dan backend, dari alur UI hingga integrasi API dan validasi keamanan.

Frontend Testing (Business-Flow E2E):

• Navigasi User Journey
• Alur & Validasi Form
• Visual States & Layout
• Komponen Interaktif & UI Stateful
• Alur Autentikasi & Otorisasi
• Penanganan Error (UI)

Teknologi yang Didukung:

Frontend Frameworks:

• React, Vue, Angular, Svelte
• Next.js, Vite
• Vanilla JavaScript/TypeScript

Hasil Nyata:

• 90%+ Kualitas Kode — Capai kualitas kode tingkat profesional
• 10x Lebih Cepat — Dari jam menjadi menit
• Zero Learning Curve — Tidak perlu keahlian testing
• Perbaikan Bug Otomatis — AI menambal masalah secara otomatis

---

Instalasi

Pasang TestSprite MCP Server di IDE-mu dalam waktu kurang dari 2 menit.

Prasyarat

Sebelum memasang TestSprite MCP Server, pastikan kamu memiliki:

• IDE yang Kompatibel — Cursor, Windsurf, Trae, VSCode, Claude Code, atau IDE lain yang mendukung MCP
• Akun TestSprite — Daftar gratis
• Node.js >= 22 — Unduh Node.js (diperlukan untuk menjalankan MCP server)

Cara cek versi Node.js:

node --version

Pastikan outputnya v22.x.x atau lebih tinggi.

Dapatkan API Key

Pertama, kamu membutuhkan API key TestSprite:

1. Masuk ke TestSprite Dashboard
2. Navigasi ke API Keys di bawah Settings
3. Klik "New API Key"
4. Salin API key-mu (kamu akan membutuhkannya untuk instalasi)

Instalasi per IDE

Trae

1. Dapatkan API key-mu.
2. Di Trae, navigasi ke AI Sidebar > AI Management.
3. Pilih MCP > Add > Add from Marketplace.
4. Cari TestSprite dan tambahkan ke daftar MCP-mu.
5. Masukkan API key-mu di Trae dan tekan Confirm.
6. Pilih Builder with MCP dan mulai pengujian.

Cursor

1. Buka Cursor Settings > MCP.
2. Tambahkan konfigurasi MCP baru:

{
  "mcpServers": {
    "testsprite": {
      "command": "npx",
      "args": ["-y", "@testsprite/mcp-server"],
      "env": {
        "TESTSPRITE_API_KEY": "api-key-mu-di-sini"
      }
    }
  }
}

1. Restart Cursor.
2. Verifikasi asisten AI-mu bisa melihat tools TestSprite MCP.

VSCode

1. Instal ekstensi MCP yang kompatibel.
2. Tambahkan konfigurasi server TestSprite ke pengaturan MCP.
3. Masukkan API key-mu saat diminta.
4. Restart VSCode.

Claude Code

1. Tambahkan ke konfigurasi MCP Claude Code:

claude mcp add testsprite npx @testsprite/mcp-server \
  -e TESTSPRITE_API_KEY=api-key-mu-di-sini

1. Verifikasi instalasi dengan menjalankan prompt pengujian.

Verifikasi Instalasi

Indikator Sukses:

• Asisten AI-mu dapat melihat tools TestSprite MCP
• Tidak ada error "command not found"
• Siap untuk mulai menguji proyekmu

Tes Cepat:
Coba prompt berikut:

Help me test this project with TestSprite.

Asisten-mu seharusnya menawarkan untuk menggunakan tools TestSprite MCP.

Uninstalasi

Untuk menghapus TestSprite MCP Server:

1. Hapus konfigurasi dari pengaturan MCP IDE-mu.
2. Restart IDE-mu.

---

Menjalankan Tes MCP Pertama

Langkah 1: Buka Proyek di IDE

Buka proyek web atau aplikasi yang ingin kamu uji di IDE yang sudah terpasang TestSprite MCP.

Langkah 2: Mulai Sesi Testing

Ketik prompt berikut di asisten AI-mu:

Help me test this project with TestSprite.

Atau deskripsikan lebih spesifik:

Gunakan TestSprite untuk membuat integration test untuk halaman login dan checkout di proyek ini.

Langkah 3: Biarkan AI Bekerja

TestSprite MCP Server akan:

1. Mendeteksi teknologi dan framework proyekmu secara otomatis
2. Meng-crawl aplikasimu untuk menemukan semua user flow
3. Men-generate test case yang komprehensif
4. Menjalankan tes dan menganalisis hasilnya
5. Melaporkan hasil dengan saran perbaikan

Langkah 4: Tinjau Hasil

Setelah proses selesai (biasanya 10–20 menit), kamu akan mendapatkan:

• Test suite lengkap yang siap digunakan
• Laporan coverage yang menunjukkan area yang sudah dan belum tercakup
• Bug report jika ada masalah yang ditemukan
• Saran perbaikan bertenaga AI

---

Alur Kerja Inti

Membuat Tes untuk Proyek Baru

Buat test suite lengkap untuk proyek ini menggunakan TestSprite.

TestSprite akan:

• Crawl seluruh aplikasi
• Identifikasi semua user flow penting
• Generate test case E2E otomatis
• Setup CI/CD integration jika diperlukan

Membuat Tes untuk Perubahan Baru

Saya baru menambahkan fitur [nama fitur]. Buat tes untuk perubahan ini.

Memperbarui Tes yang Ada

Ketika UI berubah, TestSprite secara otomatis:

• Mendeteksi selector yang rusak
• Memperbarui selector secara otomatis
• Memastikan tes tetap berjalan tanpa intervensi manual

---

Tips untuk Developer Indonesia

1. Mulai dari proyek kecil — Coba TestSprite di proyek side project sebelum dipakai di production
2. Manfaatkan free tier — Cukup untuk evaluasi apakah TestSprite cocok untuk kebutuhan timmu
3. Integrasikan ke GitHub Actions — TestSprite mendukung CI/CD sehingga bisa otomatis berjalan di setiap pull request
4. Perhatikan locale handling — Untuk aplikasi berbahasa Indonesia, tambahkan test case manual untuk input dengan karakter khusus dan format tanggal lokal (DD/MM/YYYY)

---

Sumber Daya Tambahan

• Dokumentasi resmi (Inggris): https://docs.testsprite.com
• Website: https://testsprite.com
• Community Discord: https://discord.testsprite.com
• GitHub: https://github.com/testsprite

---

Dokumen ini adalah terjemahan tidak resmi dari dokumentasi resmi TestSprite ke dalam Bahasa Indonesia, dibuat untuk membantu developer Indonesia memulai dengan lebih mudah.