Playwright: Framework Modern untuk End-to-End Testing Aplikasi Web

Dalam dunia pengembangan aplikasi web modern, testing otomatis bukan lagi pilihan, melainkan kebutuhan. Aplikasi semakin kompleks, release semakin cepat, dan ekspektasi user semakin tinggi. Di sinilah Playwright hadir sebagai salah satu framework End-to-End (E2E) testing paling powerful dan modern saat ini.

Apa Itu Playwright?

Playwright adalah framework open-source dari Microsoft yang digunakan untuk melakukan automated testing pada aplikasi web. Playwright memungkinkan developer dan QA engineer untuk mensimulasikan interaksi pengguna nyata di browser, seperti:

• Klik tombol
• Mengisi form
• Navigasi halaman
• Menguji API dan autentikasi
• Mengambil screenshot & video

Playwright mendukung Chromium, Firefox, dan WebKit dengan satu API yang konsisten.

Dengan Playwright, Anda bisa menguji Chrome, Firefox, dan Safari (via WebKit) tanpa perlu framework berbeda.

---

Kenapa Memilih Playwright?

1. Cross-Browser Testing yang Nyata

Playwright menggunakan browser engine asli, bukan emulator. Ini membuat hasil testing lebih akurat dibandingkan tool lain.

Browser	Dukungan
Chrome / Edge	✅
Firefox	✅
Safari (WebKit)	✅

2. Fast & Reliable

Playwright dirancang untuk mengurangi flaky test, berkat:

• Auto-waiting (tidak perlu sleep)
• Smart retry
• Context isolation

---

3. Multi Bahasa

Playwright mendukung berbagai bahasa pemrograman:

• JavaScript / TypeScript ⭐ (paling populer)
• Python
• Java
• C#

---

4. Testing Modern (SPA Friendly)

Sangat cocok untuk aplikasi modern seperti:

• React
• Next.js
• Vue
• Angular
• Svelte

Playwright mampu menangani:

• SPA routing
• Lazy loading
• Shadow DOM
• iFrame
• WebSocket

---

Contoh Test Sederhana Playwright

Instalasi

npm init playwright@latest

Contoh Test

import { test, expect } from '@playwright/test';

test('Homepage memiliki judul yang benar', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(page).toHaveTitle(/Example/);
});

Menjalankan Test

npx playwright test

---

Fitur Unggulan Playwright

🔍 Auto Waiting

Playwright otomatis menunggu elemen siap sebelum interaksi.

🎥 Record Video & Screenshot

Sangat membantu untuk debugging CI/CD.

🌐 API Testing

Playwright bisa menguji REST API tanpa tool tambahan.

const response = await request.get('/api/users');
expect(response.status()).toBe(200);

🧪 Parallel Testing

Test bisa dijalankan paralel untuk mempercepat pipeline CI.

---

Playwright vs Cypress vs Selenium

Fitur	Playwright	Cypress	Selenium
Multi-browser	✅	❌	✅
Headless	✅	✅	✅
Auto wait	✅	⚠️	❌
Setup mudah	✅	✅	❌
Speed	⚡⚡⚡	⚡⚡	⚡

Kesimpulan:

Playwright menawarkan keseimbangan terbaik antara kecepatan, stabilitas, dan fleksibilitas.

---

Cocok Digunakan Kapan?

Playwright sangat cocok jika Anda:

• Membangun aplikasi web modern
• Butuh E2E testing yang stabil
• Menggunakan CI/CD
• Ingin cross-browser testing dengan setup minimal

---

Integrasi dengan CI/CD

Playwright sangat mudah diintegrasikan dengan:

• GitHub Actions
• GitLab CI
• Bitbucket Pipelines
• Jenkins

Contoh GitHub Actions:

- name: Run Playwright Tests
  run: npx playwright test

---

Referensi Belajar

---

Kesimpulan

Playwright adalah solusi modern untuk automated testing web. Dengan performa cepat, dukungan multi-browser, serta API yang developer-friendly, Playwright menjadi pilihan ideal bagi tim engineering masa kini.

Jika Anda ingin meningkatkan kualitas aplikasi tanpa memperlambat development, Playwright adalah investasi yang sangat layak.