Feat: smoketest datapresisi by pandigresik · Pull Request #1064 · OpenSID/OpenKab

pandigresik · 2026-06-17T05:09:53Z

PR: Smoke Test Lengkap untuk Modul Data Presisi dan Data Pokok

Issue: #1062

Deskripsi Singkat

Menambahkan smoke test komprehensif menggunakan Pest untuk memastikan fungsionalitas inti seluruh modul Data Presisi dan Data Pokok berjalan dengan benar. PR ini mencakup pengujian halaman statistik (Pangan, Sandang, Papan, Seni Budaya, Pendidikan, Kesehatan, Jaminan Sosial, Aktivitas Keagamaan, Ketenagakerjaan, Adat), data presisi per kategori, data pokok (Agama, Infrastruktur, Jaminan Sosial, Papan, Pariwisata, Sandang), serta Laporan Pengisian dan Laporan Pengisian Per Desa.

Perubahan yang Dilakukan

1. Penambahan `data-testid` pada Blade Views (~38 file)

Menambahkan atribut data-testid pada elemen-elemen UI untuk memudahkan seleksi dalam browser testing:

Kategori	Elemen	`data-testid`
Filter	Select tahun	`filter-tahun`
Filter	Select status presisi	`filter-status-kelengkapan`
Filter	Select kategori wisata	`filter-kategori-wisata`
Tombol	Print/Cetak	`btn-cetak` / `bt-cetak`
Tombol	Export Excel	`btn-export-excel` / `bt-excel`
Tombol	Toggle Grafik	`btn-toggle-grafik`
Tombol	Toggle Pie/Chart	`btn-toggle-pie`
Tabel	DataTable	`datatable-{nama}` (mis. `datatable-pangan`, `datatable-adat`, `datatable-statistik`)
Chart	Canvas Bar	`chart-bar` / `chart-transportasi`
Chart	Canvas Donut/Pie	`chart-donut` / `chart-sanitasi`
Chart	Pie khusus	`chart-pie-agama`, `chart-pie-adat`, `chart-pie-bantuan`, `chart-pie-mental`, `chart-pie-penanganan`
Sidebar	Daftar statistik	`daftar-statistik`
Filter	Filter status laporan	`filter-status`

2. Perubahan Nama `testId` Konsisten (6 file yang sudah ada)

M standardisasi penamaan testId pada komponen yang sudah ada:

SmokePendudukTest.php: [data-testid="bt-toggle-filter"] → @bt-toggle-filter (Blade component selector)
SmokeKesehatanTest.php: bt-cetak → btn-cetak, bt-excel → btn-export-excel
SmokeKetenagakerjaanTest.php: bt-cetak → btn-cetak, bt-excel → btn-export-excel
SmokePendidikanTest.php: bt-cetak → btn-cetak, bt-excel → btn-export-excel
SmokePenerimaBantuanTest.php: [data-testid="..."] → @... (Blade component selector)
Selector DataTable diubah dari #pendidikan tbody tr ke [data-testid="datatable-pendidikan"] tbody tr

3. Penambahan Canvas Chart pada Halaman Presisi (5 file)

Beberapa halaman Data Presisi sebelumnya hanya memiliki 1 chart (bar). Ditambahkan canvas untuk chart kedua (donut/pie):

data_presisi/kesehatan/index.blade.php: Ditambah <div id="pie"><canvas id="donutChart">
data_presisi/ketenagakerjaan/index.blade.php: Ditambah <div id="pie"><canvas id="donutChart">
data_presisi/pendidikan/index.blade.php: Ditambah <div id="pie"><canvas id="donutChart">
data_presisi/seni_budaya/index.blade.php: Ditambah <div id="pie"><canvas id="donutChart">

4. Perbaikan Label Header pada Jaminan Sosial

data_pokok/jaminan_sosial/index.blade.php:
- "Jenis Bantuan" → "Statistik Jenis Bantuan"
- "Jenis Gangguan Mental" → "Statistik Jenis Gangguan Mental"
- "Jenis Gangguan Mental" (kedua, yang salah) → "Statistik Jenis Penanganan"

5. Penambahan Fungsi `randColorRGB()` pada Layout

resources/views/layouts/index.blade.php: Menambah fungsi JavaScript randColorRGB() untuk generate warna random RGB, kemungkinan untuk kebutuhan chart/grafik.

6. File Test Baru (26 file smoke test)

File Test	Halaman yang Diuji	Jumlah Test
`SmokeDataPresisiStatistikPanganTest.php`	`/data-presisi/statistik/pangan`	13
`SmokeDataPresisiStatistikSandangTest.php`	`/data-presisi/statistik/sandang`	13
`SmokeDataPresisiStatistikPapanTest.php`	`/data-presisi/statistik/papan`	13
`SmokeDataPresisiStatistikSeniBudayaTest.php`	`/data-presisi/statistik/senibudaya`	13
`SmokeDataPresisiStatistikPendidikanTest.php`	`/data-presisi/statistik/pendidikan`	13
`SmokeDataPresisiStatistikKesehatanTest.php`	`/data-presisi/statistik/kesehatan`	13
`SmokeDataPresisiStatistikJaminanSosialTest.php`	`/data-presisi/statistik/jaminan-sosial`	13
`SmokeDataPresisiStatistikAktivitasKeagamaanTest.php`	`/data-presisi/statistik/aktivitas-keagamaan`	13
`SmokeDataPresisiStatistikKetenagakerjaanTest.php`	`/data-presisi/statistik/ketenagakerjaan`	13
`SmokeDataPresisiStatistikAdatTest.php`	`/data-presisi/statistik/adat`	13
`SmokeDataPresisiPanganTest.php`	`/data-presisi/pangan`	10
`SmokeDataPresisiAdatTest.php`	`/data-presisi/adat`	10
`SmokeDataPresisiSeniBudayaTest.php`	`/data-presisi/seni-budaya`	10
`SmokeDataPresisiKesehatanTest.php`	`/data-presisi/kesehatan`	7
`SmokeDataPresisiPendidikanTest.php`	`/data-presisi/pendidikan`	7
`SmokeDataPresisiKetenagakerjaanTest.php`	`/data-presisi/ketenagakerjaan`	7
`SmokeDataPresisiLaporanPengisianTest.php`	`/data-presisi/laporan`	6
`SmokeDataPresisiLaporanPengisianPerDesaTest.php`	`/data-presisi/laporan/perdesa`	5
`SmokeDataPokokAgamaTest.php`	`/data-pokok/agama`	9
`SmokeDataPokokInfrastrukturTest.php`	`/data-pokok/infrastruktur`	10
`SmokeDataPokokJaminanSosialTest.php`	`/data-pokok/jaminan-sosial`	12
`SmokeDataPokokPapanTest.php`	`/satu-data/dtks/papan`	7
`SmokeDataPokokPariwisataTest.php`	`/data-pokok/pariwisata`	11
`SmokeDataPokokSandangTest.php`	`/data-pokok/sandang`	7

7. Fixture Files Baru (30 file)

Data mock untuk MSW (Mock Service Worker) interceptor:

Fixtures Data Presisi RTM:

pangan.json, sandang.json, papan.json, adat.json, agama.json
seni-budaya.json, kesehatan-presisi.json, pendidikan-presisi.json
ketenagakerjaan-presisi.json, jaminan-sosial.json

Fixtures Kategori Statistik:

kategori-statistik-pangan.json, kategori-statistik-sandang.json, kategori-statistik-papan.json
kategori-statistik-seni-budaya.json, kategori-statistik-pendidikan.json
kategori-statistik-kesehatan.json, kategori-statistik-jaminan-sosial.json
kategori-statistik-agama.json, kategori-statistik-ketenagakerjaan.json, kategori-statistik-adat.json

Fixtures Statistik:

statistik-pangan.json, statistik-sandang.json, statistik-papan.json
statistik-seni-budaya.json, statistik-pendidikan.json
statistik-kesehatan.json, statistik-jaminan-sosial.json
statistik-agama.json, statistik-ketenagakerjaan.json, statistik-adat.json

Fixtures Lainnya:

infrastruktur.json, pariwisata.json, laporan.json, laporan-perdesa.json

8. Pembaruan MSW Setup (`MswSetup.php`)

Menambahkan 14 endpoint mapping statis dan 2 regex pattern ke interceptor MSW:

Endpoint Statis:

/api/v1/pariwisata → pariwisata.json
/api/v1/infrastruktur → infrastruktur.json
/api/v1/data-presisi/pangan/rtm → pangan.json
/api/v1/data-presisi/sandang/rtm → sandang.json
/api/v1/data-presisi/papan/rtm → papan.json
/api/v1/data-presisi/seni-budaya/rtm → seni-budaya.json
/api/v1/data-presisi/adat/rtm → adat.json
/api/v1/data-presisi/agama/rtm → agama.json
/api/v1/data-presisi/kesehatan/rtm → kesehatan-presisi.json
/api/v1/data-presisi/pendidikan/rtm → pendidikan-presisi.json
/api/v1/data-presisi/ketenagakerjaan/rtm → ketenagakerjaan-presisi.json
/api/v1/data-presisi/jaminan-sosial/rtm → jaminan-sosial.json
/api/v1/data-presisi/laporan → laporan.json
/api/v1/data-presisi/laporan-perdesa → laporan-perdesa.json

Regex Pattern:

#/api/v1/data-presisi/([\w-]+)/kategori-statistik# → kategori-statistik-*.json
#/api/v1/data-presisi/([\w-]+)/statistik# → statistik-*.json

9. Perubahan Fixture yang Sudah Ada

bantuan.json: status diubah dari string "Aktif" ke integer 1
kesehatan.json: nik diubah dari "5271010101010001" ke "0000000000000001"
ketenagakerjaan.json: nik diubah dari "5271010101010001" ke "0000000000000001"
pendidikan.json: nik diubah dari "5271010101010001" ke "0000000000000001"
penduduk-data.json: nik dan no_kk diubah ke format "0000000000000001"

Alasan Perubahan

Kebutuhan Smoke Test Issue Buatkan Smoke test untuk menu data presisi #1062: Issue meminta smoke test komprehensif untuk seluruh modul Data Presisi dan terkait untuk memastikan fungsionalitas inti berjalan.
Tidak Ada data-testid: Sebelumnya, elemen-elemen UI belum memiliki atribut data-testid yang konsisten, sehingga sulit diakses secara reliable oleh browser test.
Chart Tidak Lengkap: Beberapa halaman Data Presisi hanya memiliki 1 chart (bar) padahal seharusnya memiliki 2 chart (bar + donut/pie) untuk visualisasi data yang lebih lengkap.
Label Salah: Header "Jenis Gangguan Mental" muncul dua kali di halaman Jaminan Sosial, yang kedua seharusnya "Jenis Penanganan".
Standarisasi Nama TestId: Nama testId yang tidak konsisten (bt-cetak vs btn-cetak, bt-excel vs btn-export-excel) perlu distandardisasi.

Dampak Perubahan

Tidak ada perubahan behavior aplikasi - Semua perubahan pada view bersifat penambahan atribut data-testid yang tidak mempengaruhi rendering atau fungsi.
Penambahan chart canvas pada halaman kesehatan, ketenagakerjaan, pendidikan, dan seni budaya presisi akan menampilkan chart donut/pie yang sebelumnya tidak ada.
Perbaikan label pada jaminan sosial memperbaiki UX dengan judul yang benar.
Test coverage meningkat signifikan dengan ~250+ test cases baru.

Cara Menjalankan Test

# Jalankan semua smoke test baru
php artisan pest --filter="SmokeDataPresisi"
php artisan pest --filter="SmokeDataPokok"

# Jalankan test spesifik
php artisan pest tests/Browser/SmokeDataPresisiStatistikPanganTest.php

Testing Checklist

Submenu Statistik (Pangan, Sandang, Papan, Seni Budaya, Pendidikan, Kesehatan, Jaminan Sosial, Aktivitas Keagamaan, Ketenagakerjaan, Adat)

Submenu Data Presisi (Pangan, Sandang, Papan, Kesehatan, Pendidikan, Ketenagakerjaan, Adat, Agama, Seni Budaya)

Submenu Jaminan Sosial

Submenu Pariwisata

Submenu Data Infrastruktur

Submenu Laporan Pengisian

Submenu Laporan Pengisian Per Desa

Related Issue

#1062

php artisan test --testsuite=Browser

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-17T05:10:05Z

🔄 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 #1064

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 21 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

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

31062c3

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

e147282

Feat: Smoketest untuk statistik kependudukan

3fe68cb

smoketest datapresisi

7bc43ad

perbaikan test

4fc9934

kembalikan

331d1ef

smoke test data presisi

c37c904

pandigresik requested a review from affandii06 June 17, 2026 05:09

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat: smoketest datapresisi#1064

Feat: smoketest datapresisi#1064
pandigresik wants to merge 51 commits into
rilis-devfrom
feat/smoketest-datapresisi

pandigresik commented Jun 17, 2026

Uh oh!

github-actions Bot commented Jun 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

pandigresik commented Jun 17, 2026

PR: Smoke Test Lengkap untuk Modul Data Presisi dan Data Pokok

Deskripsi Singkat

Perubahan yang Dilakukan

1. Penambahan data-testid pada Blade Views (~38 file)

2. Perubahan Nama testId Konsisten (6 file yang sudah ada)

3. Penambahan Canvas Chart pada Halaman Presisi (5 file)

4. Perbaikan Label Header pada Jaminan Sosial

5. Penambahan Fungsi randColorRGB() pada Layout

6. File Test Baru (26 file smoke test)

7. Fixture Files Baru (30 file)

8. Pembaruan MSW Setup (MswSetup.php)

9. Perubahan Fixture yang Sudah Ada

Alasan Perubahan

Dampak Perubahan

Cara Menjalankan Test

Testing Checklist

Submenu Statistik (Pangan, Sandang, Papan, Seni Budaya, Pendidikan, Kesehatan, Jaminan Sosial, Aktivitas Keagamaan, Ketenagakerjaan, Adat)

Submenu Data Presisi (Pangan, Sandang, Papan, Kesehatan, Pendidikan, Ketenagakerjaan, Adat, Agama, Seni Budaya)

Submenu Jaminan Sosial

Submenu Pariwisata

Submenu Data Infrastruktur

Submenu Laporan Pengisian

Submenu Laporan Pengisian Per Desa

Related Issue

Screenshots

Uh oh!

github-actions Bot commented Jun 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

1. Penambahan `data-testid` pada Blade Views (~38 file)

2. Perubahan Nama `testId` Konsisten (6 file yang sudah ada)

5. Penambahan Fungsi `randColorRGB()` pada Layout

8. Pembaruan MSW Setup (`MswSetup.php`)