FluentStack

Uji Kompetensi E2E Testing Strategy

Mode tersedia: dark, light, paper
MasukDaftar
Advanced · Level 13: TestingAdvanced90 menitBahasa Indonesia

Uji Kompetensi E2E Testing Strategy

Checkpoint untuk menilai kesiapan memilih, menulis, dan mendiagnosis satu critical user journey Playwright.

StatusMemuat progres
ReadinessMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Yang dicek

  • Memilih user journey yang tepat untuk E2E coverage
  • Menyusun goto, action, locator, dan assertion yang berurutan
  • Membedakan E2E dari unit dan integration coverage
  • Menjelaskan diagnosis awal untuk failure atau flaky test
E2E TestingPlaywrightUser JourneysReliabilityReadiness Checkpoint

Isi lesson

6 blok
  1. 1.
    Checkpoint: browser test harus menjaga journey yang bernilaiBelum selesaiWajib
  2. 2.
    QuizBelum selesaiWajib
  3. 3.
    Coding practiceBelum selesaiWajib
  4. 4.
    Writing practiceBelum selesaiWajib
  5. 5.
    Gunakan docs untuk menjalankan dan men-debug satu journey lokalBelum selesaiWajib
  6. 6.
    RingkasanBelum selesaiWajib

Checkpoint: browser test harus menjaga journey yang bernilai

Wajib

Pada module ini, targetnya bukan membuat suite browser besar. Pilih satu journey yang penting bagi learner, mulai dari route yang jelas, lakukan action lewat locator user-facing, lalu assert milestone yang membuktikan tujuan tercapai. Test yang gagal perlu dibaca sebagai sinyal: bisa terjadi regression, locator rapuh, data test tidak stabil, server belum siap, atau dependency luar berubah. Unit dan integration test tetap menjaga detail serta feature state agar E2E tidak memikul seluruh quality burden.

Bagian ini memengaruhi progres lesson.

Quiz

Wajib

Uji Kompetensi E2E Testing Strategy

Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.

Target lulus

70/100

Skor terbaik

0/100

Status

Belum dikerjakan

Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.

Pertanyaan 1 dari 5

Target lulus: 70

Kapan sebuah flow layak menjadi kandidat E2E test?

Coding practice

WajibDibuka di workspace khusus

Build critical lesson journey checkpoint

Lengkapi checkpoint Playwright untuk journey learner dari halaman belajar menuju track Frontend Engineering. Preview tidak menjalankan browser test.

Tujuan awal: Fokus di tab TSX.

Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.

Tombol selesai aktif setelah semua validasi wajib lolos.

5 cek otomatis5 checklist
Belum selesaiBuka practice

Writing practice

Wajib

Latihan menulis

Tulis E2E test strategy note untuk satu journey aplikasi belajar. Sebutkan user goal, route awal, action utama, locator yang akan dipakai, assertion pada hasil journey, data atau dependency yang perlu stabil, satu hal yang lebih tepat diuji lewat unit atau integration test, serta langkah pertama bila test menjadi flaky. Jelaskan command Playwright yang akan kamu jalankan di local project tanpa mengklaim practice workspace menjalankan browser.

Tulis draft dulu sebelum menandai writing practice selesai.

Draft kosong

0/550 karakter

Checklist panduan

Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.

Blok ini wajib untuk menyelesaikan lesson.

Documentation Bridge

Wajib

Gunakan docs untuk menjalankan dan men-debug satu journey lokal

Buka dokumentasi Playwright sesuai masalah yang benar-benar kamu hadapi. Mulai dari satu test yang dapat dijalankan dan satu failure yang dapat dibaca sebelum menambah browser matrix, CI parallelism, atau fixture kompleks.

Playwright

Installation

Fokus baca

  • Inisialisasi Playwright di project yang sudah ada.
  • Browser binary, folder test, dan command menjalankan test.
  • Membaca report dasar setelah test run.

Abaikan dulu

  • Cross-browser project matrix dan CI setup.
  • Retry, sharding, serta parallelism tuning.
Buka dokumentasi

Playwright

Writing tests and locators

Fokus baca

  • Urutan goto, locator action, dan web-first assertion.
  • Mengapa action serta assertion tidak perlu manual sleep.
  • Test isolation dasar.

Abaikan dulu

  • Fixture custom dan hook suite besar.
  • Code generation sebagai pengganti memahami journey.
Buka dokumentasi

Playwright

Locators and Trace Viewer

Fokus baca

  • Prioritas role, label, text, dan locator user-facing.
  • Mendiagnosis locator rapuh atau ambigu.
  • Kapan membuka trace viewer setelah failure nyata.

Abaikan dulu

  • Visual regression dan locator implementation detail.
  • Advanced browser debugging yang belum dibutuhkan journey pertama.
Buka dokumentasi

Aksi setelah membaca

Di Local React App atau Local Next.js App, setup atau konfirmasi Playwright, jalankan satu E2E test journey, dan catat route, locator, assertion, serta satu failure atau report yang kamu pahami. Jangan tandai selesai hanya karena cek struktur E2E di practice workspace sudah lolos.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib
  • E2E test menjaga critical journey yang tidak cukup dibuktikan dari satu component atau response mock.
  • Playwright test yang kecil memakai route jelas, locator user-facing, action, dan assertion pada milestone.
  • Browser test tidak perlu mengulang seluruh unit atau integration suite.
  • Failure dan flakiness perlu didiagnosis dari locator, data, dependency, serta report sebelum timeout atau retry.
  • Level Testing selesai: gunakan layer test yang tepat untuk behavior, feature flow, dan journey browser.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian wajib checkpoint ini

Lanjutkan blok wajib berikutnya: Checkpoint: browser test harus menjaga journey yang bernilai.

Memuat progresReview module