Penyiapan Playwright di SvelteKit
Instal dan konfigurasikan Playwright untuk proyek SvelteKit dengan integrasi resmi.
Penyiapan Playwright di SvelteKit adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Apa itu Playwright
Playwright adalah kerangka pengujian ujung ke ujung modern yang mendukung Chromium, Firefox, dan WebKit.
Instalasi
Pemandu create-svelte milik SvelteKit dapat menambahkan Playwright; jika tidak, instal secara manual.
npm init playwright@latestKonfigurasi
Pemandu tersebut membuat playwright.config.js dengan pengaturan peramban, direktori pengujian, dan kait webServer untuk meluncurkan aplikasi Anda.
Pengaturan webServer
Playwright dapat memulai otomatis npm run build && npm run preview sebelum pengujian.
webServer: { command: "npm run build && npm run preview", port: 4173 }Struktur Folder
Pengujian berada di tests/ atau e2e/. Satu berkas untuk setiap fitur merupakan pola yang umum.
Menjalankan Pengujian
Gunakan skrip npm untuk menjalankan pengujian.
npm run test:e2eMode UI
Mode UI Playwright menyediakan penelusuran kesalahan dengan perjalanan waktu.
npx playwright test --uiMembuat Pengujian
Perintah codegen merekam interaksi dan menuliskan pengujian untuk Anda.
npx playwright codegen http://localhost:5173Lintas Peramban
Pengujian berjalan di beberapa peramban secara paralel untuk cakupan yang luas.
Penampil Jejak
Pengujian yang gagal menghasilkan jejak yang dapat Anda lihat dengan playwright show-trace untuk penelusuran kesalahan yang cepat.
Integrasi CI
Playwright berjalan di GitHub Actions, GitLab CI, dan layanan lainnya, dengan image kontainer resmi.
Pemeriksaan Singkat
Apa yang dilakukan webServer Playwright?
Ringkasan
Siapkan Playwright dengan pemandu. Konfigurasikan webServer agar memulai aplikasi Anda secara otomatis, lalu jalankan pengujian dengan npm run test:e2e.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Penyiapan Playwright di SvelteKit” gratis?
Ya — teks lengkap “Penyiapan Playwright di SvelteKit” 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 “Penyiapan Playwright di SvelteKit”?
Instal dan konfigurasikan Playwright untuk proyek SvelteKit dengan integrasi resmi. 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 1 dari 4.
Berapa lama pelajaran “Penyiapan Playwright di SvelteKit” 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