Latihan 1 dari materi Testing Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Tulis test pertamamu untuk komponen Svelte. Editor ini berisi Counter.svelte (sudah jadi: <p>Count: {count}</p> mulai dari 0, dan tombol +1) dan, mulai baris // Counter.test.js, file test-nya. Begitu dijalankan, pratinjau menampilkan laporan test seperti Vitest.
Di dalam describe("Counter", ...), tulis dua test:
it("mulai dari 0", ...): render(Counter), lalu expect(screen.getByText("Count: 0")).toBeInTheDocument().it("naik jadi 2 setelah diklik dua kali", async () => ...): render, ambil tombolnya dengan screen.getByRole("button", { name: "+1" }), klik dua kali dengan await fireEvent.click(tombol), lalu periksa ada teks Count: 2.Setelah semua test lulus, editor menjalankannya lagi pada salinan Counter.svelte yang sengaja dirusak sedikit (0 jadi 1, += jadi -=). Test yang bagus gagal pada setiap salinan rusak itu ("killed"). Jangan ubah Counter.svelte.
Yang dicek:
PASS, dengan minimal 2 test lulus.Mutation score: 100%: setiap salinan rusak ketahuan oleh test-mu.render(Counter, getByRole( atau getByText(, klik (fireEvent.click atau user.click), dan expect(.
