Playwright E2E testi

Rol seçicili Playwright E2E mutlu yol + negatif senaryo.

Kod Prompt Kütüphanesi için temsili kategori görseli

Prompt Metni

Playwright ile şu akış için TypeScript E2E testi yaz:

Akış: {FLOW}
URL: {URL}

Gereksinimler:
- `test` ve `expect` kullan
- Kritik adımlarda `getByRole` tercih et
- Flaky selectörlerden kaçın
- Başarı ve bir negatif senaryo ekle
- Yalnızca test dosyasını ver

Prompt Sonucu

import { test, expect } from '@playwright/test' test.describe('admin login', () => { test('geçerli bilgilerle panele girer', async ({ page }) => { await page.goto('/admin/giris') await page.getByLabel('E-posta').fill('editor@example.com') await page.getByLabel('Şifre').fill('correct-horse') await page.getByRole('button', { name: 'Giriş Yap' }).click() await expect(page).toHaveURL(/\/admin/) await expect(page.getByRole('heading', { name: 'Yönetim Paneli' })).toBeVisible() }) test('yanlış şifrede hata gösterir', async ({ page }) => { await page.goto('/admin/giris') await page.getByLabel('E-posta').fill('editor@example.com') await page.getByLabel('Şifre').fill('wrong-password') await page.getByRole('button', { name: 'Giriş Yap' }).click() await expect(page.getByRole('alert')).toBeVisible() await expect(page).toHaveURL(/\/admin\/giris/) }) })

Kod

Zod ile ortam değişkenleri

Eksik gizli anahtarı açılışta yakalayan Zod ortam şeması.

Kod

Next.js dinamik metadata

Promise params ile başlık, açıklama ve mutlak Open Graph adresi.

Kod

Webhook HMAC doğrulaması

timingSafeEqual kullanan webhook imza kontrolü.

Kod

React iyimser beğeni

Beğeni sayısını sunucu yanıtından önce güncelleyen useOptimistic örneği.