Menulis Pengujian Interaksi Halaman
Klik, isi formulir, dan pastikan state DOM menggunakan API Playwright yang andal.
Menulis Pengujian Interaksi Halaman adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Pengujian Dasar
Setiap pengujian mengimpor test dan expect dari Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Navigasi
Gunakan page.goto(url) untuk mengunjungi halaman dan page.click() untuk bernavigasi melalui klik.
Pemilih
Gunakan pemilih berbasis peran, teks, atau test-id agar lebih tahan terhadap perubahan.
await page.getByRole("button", { name: "Save" }).click();Mengisi Formulir
Gunakan fill, type, check, dan selectOption.
await page.getByLabel("Email").fill("user@example.com");Penegasan
Gunakan expect(locator) untuk penegasan yang mencoba ulang seperti toBeVisible dan toHaveText.
Asinkron/Tunggu
Setiap tindakan bersifat asinkron. Selalu gunakan await.
Penungguan Otomatis
Playwright secara otomatis menunggu elemen agar dapat digunakan. Pengujian yang tidak stabil pun menjadi lebih sedikit.
Tangkapan Layar
Ambil tangkapan layar saat terjadi kegagalan atau sebagai bagian dari pengujian kemunduran visual.
await page.screenshot({ path: "result.png" });Mode Tanpa Antarmuka
Pengujian secara bawaan berjalan tanpa antarmuka. Aktifkan mode dengan antarmuka menggunakan --headed untuk mengamatinya.
Pengujian Paralel
Playwright menjalankan pengujian secara paralel untuk setiap pekerja. Gunakan keadaan yang terisolasi (cookie dan penyimpanan).
Gunakan Model Objek Halaman
Untuk rangkaian pengujian besar, enkapsulasikan pemilih dan tindakan khusus halaman ke dalam kelas.
Pemeriksaan Singkat
Jenis lokator mana yang paling tahan terhadap perubahan?
Ringkasan
Tulis pengujian interaksi dengan navigasi ke, click, fill, dan lokator berbasis peran. Gunakan pemeriksaan yang mencoba ulang untuk memverifikasi hasil.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menulis Pengujian Interaksi Halaman” gratis?
Ya — teks lengkap “Menulis Pengujian Interaksi Halaman” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Menulis Pengujian Interaksi Halaman”?
Klik, isi formulir, dan pastikan state DOM menggunakan API Playwright yang andal. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Menulis Pengujian Interaksi Halaman” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Penyiapan Playwright di SvelteKit
- Menulis Pengujian Interaksi Halaman
- Menguji Formulir dan Navigasi
- Integrasi CI