Skip to main content

Penjelasan Lengkap Alur Integrasi Playwright dengan Jenkins

🎯 Betul sekali! Penjelasan kamu sudah sangat tepat — tapi biar makin mantap, saya bantu rangkum ulang step-by-step dan perannya biar makin jelas.

✅ Penjelasan Lengkap Alur Integrasi Playwright dengan Jenkins

⚙️ 1. Playwright Di-install di dalam Repo Project

Biasanya Playwright ditambahkan sebagai dependency di dalam file package.json, seperti ini:

"devDependencies": {
  "@playwright/test": "^1.45.0"
}

Jadi:

  • Kamu push ke Git (repo GitHub, GitLab, Bitbucket, dll).

  • Jenkins akan clone repo-nya, lalu install semua dependency-nya (termasuk Playwright).

👉 Ini sama seperti install library biasa di Node.js (tidak perlu install Playwright global di Jenkins server).

🚀 2. Jenkins Menjalankan Test

Setelah Jenkins clone repo dan install dependencies:

  • Jenkins menjalankan perintah:

    npx playwright test

  • Playwright akan:

    • Membuka browser (headless)

    • Kunjungi halaman web

    • Isi form, klik tombol, dll

    • Verifikasi apakah aplikasi jalan sesuai skenario

💡 Semua perintah ini kamu tulis dalam file .spec.ts atau .spec.js di folder tests/.

📊 3. Playwright Membuat Report Otomatis

Secara default, Playwright menghasilkan report HTML di folder:

playwright-report/index.html

Nah, Jenkins kemudian baca dan tampilkan report ini ke dalam UI-nya dengan plugin HTML Publisher.

🔁 Singkatnya Alur Otomatis:

[Git Repo dengan Playwright Code]
         ↓
[Jenkins clone repo]
         ↓
[npm ci → install Playwright]
         ↓
[npx playwright test → jalankan test]
         ↓
[playwright-report → HTML report]
         ↓
[Jenkins tampilkan report]

🔐 Tips Praktis:

Langkah Tool
Install dependency npm ci (lebih cepat dari npm install)
Jalankan test npx playwright test
Generate report Otomatis, disimpan di playwright-report/
Tampilkan di Jenkins Plugin: HTML Publisher Plugin
CI Mode Set env CI=true untuk hasil yang stabil

Kalau kamu sudah punya repo Git-nya dan Jenkins-nya sudah bisa jalan, kamu tinggal pastikan:

  1. Ada package.json dengan Playwright

  2. Ada script test-nya

  3. Ada Jenkinsfile atau job Jenkins dengan perintah build yang tepat

Kalau kamu mau, kirimkan struktur folder dan isi package.json kamu, saya bantu cek apakah sudah siap untuk diintegrasikan ke Jenkins atau perlu penyesuaian. Mau?

Back to top