[Automations] Mengintegrasikan Giltab dan Jenkins

Pertanyaan bagus dan sangat praktis — kamu sudah sangat dekat dengan integrasi lengkap GitLab ↔ Jenkins + Playwright. Berikut ini penjelasan lengkap dan ringkas:

---

✅ 1. Di GitLab: Cukup Upload Folder Project Playwright

Iya, kamu cukup:

• Upload seluruh isi folder playwright-dummy/ ke repo GitLab.

• Pastikan folder berisi:

  • package.json

  • playwright.config.ts

  • tests/

  • Jenkinsfile

📌 Pastikan juga:

• Branch utama kamu (misal main) sudah push ke GitLab.

• File Jenkinsfile ada di root repo.

Contoh:

.gitlab/
.gitignore
Jenkinsfile
package.json
playwright.config.ts
/tests/example.spec.ts

---

✅ 2. Di Jenkins: Siapkan Pipeline Job

Berikut langkah-langkah setup integrasi Jenkins ↔ GitLab untuk men-trigger Playwright test otomatis.

---

🔧 A. Install Plugin yang Dibutuhkan

1. ✅ GitLab Plugin

2. ✅ NodeJS Plugin

3. ✅ HTML Publisher Plugin

---

🔧 B. Tambah Node.js di Global Tools:

• Masuk ke: Manage Jenkins → Global Tool Configuration

• Tambahkan:

  • NodeJS (misal: “NodeJS 18”)

---

🧪 C. Buat Pipeline Job di Jenkins

1. New Item → Pilih: Pipeline

2. Beri nama: playwright-from-gitlab

3. Pilih:

   • Git untuk source control

   • Masukkan URL GitLab repo

   • Masukkan credentials GitLab (jika private)

   • Branch: */main

4. Pipeline definition:

   • Pilih: Pipeline script from SCM

   • SCM: Git

   • Script path: Jenkinsfile

---

🔁 D. (Opsional tapi direkomendasikan): Setup Webhook GitLab → Jenkins

Agar setiap push ke GitLab otomatis trigger Jenkins, lakukan ini:

Di GitLab Repo:

• Masuk ke Settings → Webhooks

• Isi URL:

  http://<jenkins-host>:8080/project/playwright-from-gitlab
  

• Pilih trigger: Push events

• Klik “Add Webhook”

📌 Untuk ini bisa jalan, Jenkins harus:

• Bisa diakses oleh GitLab (public IP atau reverse proxy)

• Mengaktifkan project-based trigger URL (Enable project-based security)

---

🔁 Alur Otomatis Setelah Semua Tersambung:

Developer push → GitLab → Webhook → Jenkins →
Clone repo → Install dep → Run Playwright test → Report

---

✅ Catatan Tambahan:

Langkah	Detail
npm ci	Install package dari package-lock.json
npx playwright install --with-deps	Download browser + dep
npm test	Menjalankan Playwright test
HTML Publisher	Untuk tampilkan report di Jenkins UI
Jenkinsfile	Harus ada di root repo GitLab

---