Feat: smoketest profile kependudukan by pandigresik · Pull Request #1059 · OpenSID/OpenKab

pandigresik · 2026-06-12T09:37:39Z

Pull Request: Smoke Test Kependudukan - Penduduk, Pendidikan, Kesehatan, Ketenagakerjaan, Penerima Bantuan, Kelembagaan

Deskripsi

Menambahkan smoke test menggunakan Pest Browser (Playwright) untuk memastikan fungsionalitas inti halaman kependudukan berjalan dengan benar. Test mencakup 6 submenu: Penduduk, Pendidikan, Kesehatan, Ketenagakerjaan, Penerima Bantuan, dan Kelembagaan. Setiap test memverifikasi halaman terbuka, tombol aksi tampil, DataTable render dengan data, dan tidak ada JavaScript error.

Perubahan yang dilakukan:

Smoke Test Files (6 file baru): Membuat test Pest Browser untuk 6 halaman kependudukan dengan total ~40 test cases menggunakan data-testid selector.
MSW Fixture Files (8 file baru): Menambahkan JSON fixture untuk mock API response: penduduk, pendidikan, kesehatan, ketenagakerjaan, bantuan (3 file), dan lembaga.
MSW Route Registration: Update MswSetup.php untuk mendaftarkan 8 route baru ke fixture files.
Blade Template Updates (6 file): Menambahkan atribut data-testid pada tombol filter, cetak, excel, dan elemen DataTable di semua halaman target.
Component Updates (2 file): Menambahkan prop testId pada komponen print-button dan excel-download-button untuk mendukung data-testid.
LoginListener Fix: Skip external API calls ke databaseGabunganUrl saat environment testing untuk mencegah test hang/timeout.
LoginController Refactor: Refactor password validation rule menjadi variabel terpisah untuk readability.

Alasan perubahan:

Kebutuhan Issue Buatkan Smoke test untuk menu profil kependudukan #1057: Issue meminta smoke test untuk memastikan fungsionalitas inti submenu kependudukan berjalan.
Stabilitas CI/CD: Dengan smoke test yang terotomasi, regresi pada halaman kritis dapat terdeteksi lebih awal.
Best Practice Testing: Menggunakan data-testid sebagai selector lebih stabil daripada CSS selector atau text-based selector yang mudah berubah.
Testing Environment Fix: LoginListener melakukan HTTP call eksternal yang menyebabkan test hang. Ditambahkan guard !app()->environment('testing').

Dampak perubahan:

✅ Smoke Test Coverage: 6 halaman kependudukan terotomasi dengan ~40 test cases
✅ MSW Mocking: API response ter-mock dengan fixture JSON, test tidak bergantung pada data production
✅ Stable Selectors: Semua selector menggunakan data-testid yang tidak berubah saat UI diubah
✅ CI/CD Stability: LoginListener tidak melakukan HTTP call eksternal saat testing
✅ No Breaking Changes: Perubahan blade hanya menambah atribut, tidak mengubah fungsi yang ada

Masalah Terkait (Related Issue)

Solusi untuk issue #1057

Daftar Periksa (Checklist)

Submenu Penduduk

Halaman terbuka
Tombol Filter tampil (data-testid="bt-toggle-filter")
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-penduduk")
Minimal 1 baris data tampil
Tombol "Pilih Aksi" tampil (dropdown per baris)

Submenu Pendidikan

Halaman terbuka
Statistik Partisipasi Sekolah tampil (donutChart)
Statistik Ijazah Tertinggi tampil (barChart)
Seluruh chart berhasil dirender
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-pendidikan")
Minimal 1 baris data tampil

Submenu Kesehatan

Halaman terbuka
Statistik Golongan Darah tampil (donutChart)
Statistik Status Gizi Balita tampil (barChart)
Seluruh chart berhasil dirender
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-kesehatan")
Minimal 1 baris data tampil

Submenu Ketenagakerjaan

Halaman terbuka
Statistik Jumlah Penghasilan tampil (barChart)
Statistik Pelatihan tampil (donutChart)
Seluruh chart berhasil dirender
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-ketenagakerjaan")
Minimal 1 baris data tampil

Submenu Penerima Bantuan

Halaman terbuka
Tombol Filter tampil (data-testid="bt-toggle-filter")
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-bantuan")
Minimal 1 baris data tampil

Submenu Kelembagaan

Halaman terbuka
Tombol Filter tampil (data-testid="bt-toggle-filter")
Tombol Cetak tampil (data-testid="bt-cetak")
Tombol Excel tampil (data-testid="bt-excel")
DataTable tampil (data-testid="datatable-lembaga")
Minimal 1 baris data tampil

General Checklist

Saya telah mematuhi aturan penulisan script
Saya telah mengikuti proses review pull request
Smoke test berhasil dijalankan
Tidak ada console error atau warning
Code sudah di-review oleh minimal 1 orang

Teknis Detail

Penjelasan Teknis

Arsitektur Test

Pest PHP (tests/Browser/*.php)
    │
    ▼
pest-plugin-browser (Playwright backend)
    │
    ▼
Playwright Server (WebSocket)
    │
    ▼
Chromium Browser + MSW Service Worker
    │  (intercepts fetch/XHR requests)
    ▼
Laravel HTTP Server (amphp)
    │
    ▼
Aplikasi Laravel

MSW Mocking Strategy

Setiap halaman memiliki fixture JSON yang di-mock oleh MSW:

Penduduk: penduduk-data.json - Data penduduk dengan atribut lengkap (NIK, nama, alamat, dll)
Pendidikan: pendidikan.json - Data pendidikan dengan partisipasi sekolah dan ijazah
Kesehatan: kesehatan.json - Data kesehatan dengan golongan darah dan status gizi
Ketenagakerjaan: ketenagakerjaan.json - Data pekerjaan dan pelatihan
Bantuan: bantuan.json, bantuan-sasaran.json, bantuan-tahun.json - Data program bantuan
Kelembagaan: lembaga.json - Data lembaga desa

data-testid Selector Strategy

Menggunakan data-testid sebagai selector utama karena:

Stable: Tidak berubah saat text/label UI diubah
Explicit: Kontrak antara developer dan tester
Recommended: Best practice dari Playwright documentation

LoginListener Testing Guard

if (!app()->environment('testing')) {
    // Skip external API calls during testing
    // Prevents test hang/timeout
}

File yang berubah

File	Tipe	Deskripsi
`tests/Browser/SmokePendudukTest.php`	BARU	Smoke test halaman penduduk (7 tests)
`tests/Browser/SmokePendidikanTest.php`	BARU	Smoke test halaman pendidikan (8 tests)
`tests/Browser/SmokeKesehatanTest.php`	BARU	Smoke test halaman kesehatan (8 tests)
`tests/Browser/SmokeKetenagakerjaanTest.php`	BARU	Smoke test halaman ketenagakerjaan (8 tests)
`tests/Browser/SmokePenerimaBantuanTest.php`	BARU	Smoke test halaman bantuan (6 tests)
`tests/Browser/SmokeKelembagaanTest.php`	BARU	Smoke test halaman lembaga (6 tests)
`tests/Browser/fixtures/penduduk-data.json`	BARU	Fixture data penduduk
`tests/Browser/fixtures/pendidikan.json`	BARU	Fixture data pendidikan
`tests/Browser/fixtures/kesehatan.json`	BARU	Fixture data kesehatan
`tests/Browser/fixtures/ketenagakerjaan.json`	BARU	Fixture data ketenagakerjaan
`tests/Browser/fixtures/bantuan.json`	BARU	Fixture data bantuan
`tests/Browser/fixtures/bantuan-sasaran.json`	BARU	Fixture data sasaran bantuan
`tests/Browser/fixtures/bantuan-tahun.json`	BARU	Fixture data tahun bantuan
`tests/Browser/fixtures/lembaga.json`	BARU	Fixture data lembaga
`tests/Browser/MswSetup.php`	UPDATE	Tambah 8 route baru ke fixture
`resources/views/penduduk/index.blade.php`	UPDATE	Tambah data-testid pada filter, cetak, excel, datatable
`resources/views/bantuan/index.blade.php`	UPDATE	Tambah data-testid pada filter, cetak, excel, datatable
`resources/views/data_pokok/pendidikan/index.blade.php`	UPDATE	Tambah data-testid pada cetak, excel, datatable
`resources/views/data_pokok/kesehatan/index.blade.php`	UPDATE	Tambah data-testid pada cetak, excel, datatable
`resources/views/data_pokok/ketenagakerjaan/index.blade.php`	UPDATE	Tambah data-testid pada cetak, excel, datatable
`resources/views/lembaga/index.blade.php`	UPDATE	Tambah data-testid pada filter, cetak, excel, datatable
`resources/views/components/print-button.blade.php`	UPDATE	Tambah prop testId untuk data-testid
`resources/views/components/excel-download-button.blade.php`	UPDATE	Tambah prop testId untuk data-testid
`app/Listeners/LoginListener.php`	UPDATE	Skip API call saat testing
`app/Http/Controllers/Auth/LoginController.php`	UPDATE	Refactor password validation
`tests/Pest.php`	UPDATE	Cleanup import

Testing

Manual Testing

# Jalankan semua smoke test kependudukan
php artisan pest --filter="Smoke(Penduduk|Pendidikan|Kesehatan|Ketenagakerjaan|PenerimaBantuan|Kelembagaan)Test"

# Jalankan dengan browser visible (headed mode)
php artisan pest --filter="SmokePendudukTest" --headed

# Jalankan test spesifik
php artisan pest --filter="opens the penduduk page" --headed

Automated Testing

SmokePendudukTest: 7 tests (page, filter, cetak, excel, datatable, action button, no errors)
SmokePendidikanTest: 8 tests (page, donut chart, bar chart, charts render, cetak, excel, datatable, no errors)
SmokeKesehatanTest: 8 tests (page, donut chart, bar chart, charts render, cetak, excel, datatable, no errors)
SmokeKetenagakerjaanTest: 8 tests (page, bar chart, donut chart, charts render, cetak, excel, datatable, no errors)
SmokePenerimaBantuanTest: 6 tests (page, filter, cetak, excel, datatable, no errors)
SmokeKelembagaanTest: 6 tests (page, filter, cetak, excel, datatable, no errors)

Breaking Changes

Tidak ada breaking changes. Perubahan blade hanya menambah atribut data-testid tanpa mengubah fungsi yang ada.

References

Catatan tambahan:

Test menggunakan MSW (Mock Service Worker) untuk mock API response, sehingga tidak bergantung pada data production.
Screenshot hanya disimpan saat SCREENSHOT_ON_SUCCESS=true di .env.testing.
Untuk menjalankan test di CI/CD, pastikan Playwright dependencies sudah terinstall (lihat .github/workflows/test.yml).

Screenshots

- Upgrade composer deps melalui 3 fase (L10→L11→L12→L13) - Bump 12 package ke major version baru (slug, datatables, CSP, image, dll) - Migrasi Intervention Image v2→v3 (Image::make → read, resize → scale) - Migrasi Spatie CSP v2→v3 (Policy → Preset, addDirective → add, config format) - Tambah helper csp_nonce() (dihilangkan di CSP v3) - Tambah CspExclusion middleware untuk route exclusion - Publikasikan ulang config/image.php, config/jsvalidation.php - Update CustomCSPPolicy → CustomCspPreset implement Preset interface - Update CSP test untuk v3 API - Catat temuan post-upgrade di UPGRADE_LARAVEL_13_PLAN.md

…upgrade/laravel-13

github-actions · 2026-06-12T09:37:51Z

🔄 AI PR Review sedang antri di server...

Proses review akan segera dimulai di background — hasil akan muncul sebagai komentar setelah selesai.
Powered by CrewAI · PR #1059

pandigresik added 30 commits June 4, 2026 10:47

perbaiki github action

2f42982

perbaikan csp

08df655

perbaikan test

c99fcd9

perbaikan nama route kembar

06e914b

ubah minimum php menjadi 8.4

e53056b

perbaikan unsafe-eval di CSP

d19f80d

perbaikan test dan struktur baru laravel 13

be443e1

perbaikan test dan struktur baru laravel 13

285df57

Merge branch 'upgrade/laravel-13' of github.com:OpenSID/OpenKab into …

bf3c195

…upgrade/laravel-13

perbaiki test

6177e34

verbose test

7829010

perbaikan test

69a51da

perbaikan test

513b27a

perbaikan install awal

9361783

sesuaikan dengan struktur laravel 13

3d29896

sesuaikan dengan struktur laravel 13

4d93a5d

Merge branch 'upgrade/laravel-13' of github.com:OpenSID/OpenKab into …

a593ee8

…upgrade/laravel-13

kembalikan

02d47a9

sesuaikan standart struktur file dan folder laravel 13

9a0abb5

perbaikan observer

bdc47d6

perbaikan observer

e321f36

Merge branch 'upgrade/laravel-13' of github.com:OpenSID/OpenKab into …

1b8bf1b

…upgrade/laravel-13

sesuaikan

301ebba

Merge remote-tracking branch 'origin/rilis-dev' into upgrade/laravel-13

712f2e8

inisialisasi smoke test

c242bc4

perbaikan test

d9ae00e

buat mock server

5406201

perbaikan menu tidak tampil dan rule csp

09ca479

perbaikan sitemap

9909943

pandigresik added 14 commits June 10, 2026 13:46

Merge branch 'upgrade/laravel-13' into feat/smoketest

10e7b23

update test

0826be5

update test

6b6d8d2

update smoke test

6e92d61

perbaikan test , bandingkan dengan data fixture

5518c13

perbaikan test yang gagal

555effd

simpan dulu

e79a2e0

perbaikan test

1e52f09

update test CI

ce495c4

install depedency playwright

592de5f

exclude testsuite Browser karena sangat berat

d1de79c

kembalikan lagi

da68b95

Merge branch 'feat/smoketest' into feat/smoketest-kependudukan

66f9d90

gunakan testid sebagai selector

166ab49

pandigresik requested a review from affandii06 June 12, 2026 09:37

pandigresik added 2 commits June 15, 2026 05:31

Merge remote-tracking branch 'origin/rilis-dev' into feat/smoketest

31062c3

Merge branch 'feat/smoketest' into feat/smoketest-kependudukan

e147282

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat: smoketest profile kependudukan#1059

Feat: smoketest profile kependudukan#1059
pandigresik wants to merge 46 commits into
rilis-devfrom
feat/smoketest-kependudukan

pandigresik commented Jun 12, 2026

Uh oh!

github-actions Bot commented Jun 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

pandigresik commented Jun 12, 2026

Pull Request: Smoke Test Kependudukan - Penduduk, Pendidikan, Kesehatan, Ketenagakerjaan, Penerima Bantuan, Kelembagaan

Deskripsi

Perubahan yang dilakukan:

Alasan perubahan:

Dampak perubahan:

Masalah Terkait (Related Issue)

Daftar Periksa (Checklist)

Submenu Penduduk

Submenu Pendidikan

Submenu Kesehatan

Submenu Ketenagakerjaan

Submenu Penerima Bantuan

Submenu Kelembagaan

General Checklist

Teknis Detail

Penjelasan Teknis

Arsitektur Test

MSW Mocking Strategy

data-testid Selector Strategy

LoginListener Testing Guard

File yang berubah

Testing

Manual Testing

Automated Testing

Breaking Changes

References

Screenshots

Uh oh!

github-actions Bot commented Jun 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant