;
| Jenis | Tool | Contoh Test | |-------|------|-------------| | | Jest (backend) | Memastikan happiness_score bertambah 1 dan limit rate terpakai. | | UI | React Testing Library | Render GenjotButton , klik, periksa showHappy menjadi true. | | E2E | Cypress | Simulasi pengguna memberi genjotan, cek animasi muncul dan toast tampil. | | Aksesibilitas | axe-core | Pastikan aria-label dan aria-live ada, kontras ≥ 4.5:1. | | Performance | Lighthouse | Animasi tidak menurunkan FID > 100 ms. | ; | Jenis | Tool | Contoh Test
| Elemen | Rincian | |--------|---------| | | Gambar atau ilustrasi vektor yang memiliki state: normal ↔ bahagia . Gunakan Lottie file happy.json (≈ 30 KB). | | Tombol Genjot | Ikon “👍” atau “❤️” berwarna hijau. Hover → skala 1.1, efek “pulse”. | | Animasi Bahagia | | | Aksesibilitas | axe-core | Pastikan aria-label
Social media platforms often present curated and idealized versions of people's lives, which can create unrealistic expectations and promote the idea that happiness is solely achieved through material possessions, physical appearance, or external validation. This can lead to feelings of inadequacy, low self-esteem, and decreased happiness. Gunakan Lottie file happy