Skip to main content

Apa yang Harus Kamu Siapkan Sebagai DevOps?

👍 Terima kasih infonya — ini konteks yang sangat jelas, dan sangat umum terjadi dalam peran DevOps seperti kamu.

Jadi sebagai tim DevOps, tanggung jawabmu di sini adalah:

Membuat Jenkins bisa otomatis menjalankan Playwright test yang dibuat oleh tim developer, meskipun kamu sendiri tidak menulis test tersebut.

🛠️ Jadi Apa yang Harus Kamu Siapkan Sebagai DevOps?

Berikut adalah checklist dan flow DevOps-side untuk integrasi Jenkins + Playwright tanpa perlu menyentuh isi test-nya:

✅ 1. Tanya Hal Berikut ke Tim Developer

Pertanyaan Tujuannya
✅ Di mana repo source code-nya? Supaya Jenkins bisa clone
✅ Apakah Playwright sudah di-setup? Lihat apakah package.json sudah ada @playwright/test
✅ Apakah mereka sudah buat Jenkinsfile? Kalau belum, kamu bisa bantu buatkan
✅ Apakah test disimpan di folder tertentu (misal /tests)? Supaya bisa diarahkan dengan benar di config
✅ Apakah ada playwright.config.ts? Pastikan konfigurasi test dan report benar

🧩 2. Kamu Siapkan Jenkins-nya

A. Install Plugin Jenkins:

  • ✅ NodeJS Plugin

  • ✅ HTML Publisher Plugin

B. Siapkan Tools:

Masuk ke Jenkins → Manage Jenkins → Global Tool Configuration:

  • Tambah NodeJS version (misal: NodeJS 18), centang auto install

C. Tambahkan Jenkins Job

Jika developer belum pakai Jenkinsfile, kamu bisa buat Freestyle Job:

Build Steps:

npm ci
npx playwright install --with-deps
npx playwright test

Publish Report:

  • Aktifkan Publish HTML report

  • Directory: playwright-report

  • File: index.html

  • Name: Playwright Report

Jika developer akan pakai Jenkinsfile, kamu bisa bantu buatkan:

pipeline {
  agent any
  tools {
    nodejs 'NodeJS 18'
  }
  environment {
    CI = 'true'
  }
  stages {
    stage('Install dependencies') {
      steps {
        sh 'npm ci'
        sh 'npx playwright install --with-deps'
      }
    }
    stage('Run tests') {
      steps {
        sh 'npx playwright test'
      }
    }
    stage('Publish report') {
      steps {
        publishHTML(target: [
          reportDir: 'playwright-report',
          reportFiles: 'index.html',
          reportName: 'Playwright Report',
          keepAll: true
        ])
      }
    }
  }
}

🎯 3. Saat Meeting: Bawa Ini

✅ Hal yang Bisa Kamu Sampaikan ke Dev Team:

"Jenkins bisa diatur untuk clone repo kalian, install Playwright, jalanin test, dan publish HTML report. Saya butuh dari kalian:

  • repo Git-nya,

  • package.json yang sudah berisi Playwright,

  • lokasi folder test,

  • dan kalau bisa, Jenkinsfile (kalau belum, saya bantu)."

📦 Jika Repo Belum Siap: Kamu Bisa Buatkan Sample Repo Dummy

Untuk testing awal Jenkins, kamu bisa:

  1. Inisialisasi project kosong

  2. Tambahkan @playwright/test

  3. Buat 1 test dummy

  4. Pastikan pipeline-nya jalan

Kalau kamu mau, saya bisa bantu siapkan zip atau struktur folder dummy buat kamu test di Jenkins internal.

Ingin saya bantu buatkan repo dummy Playwright yang bisa kamu uji dulu di Jenkins?

Back to top