render, screen, dan Matcher jest-dom

render(<MyComponent />) memasang komponen ke DOM pengujian virtual, dan expect(...).toBeInTheDocument() mengecek keberadaannya.

👀 Contoh dulu

render(<Header />);
expect(screen.getByText('Halo')).toBeInTheDocument();

Hasilnya: Test pas jika teks 'Halo' ada di dalam dokumen.

💡 screen.getByText mencari elemen berbasis konten teks.

📝 Sekarang giliranmu

Tuliskan pengujian ekspektasi Jest/Testing Library untuk memastikan variabel element benar-benar berada di dalam DOM virtual (toBeInTheDocument).

Preview