QA Shop Dükkânı — UI Otomasyonu Pratiği İçin Test Hedefi

QA Shop dükkânı, arayüz otomasyonu pratiği için tasarlanmış bir test hedefidir: kendi makinende çalışan gerçek bir API'ye bağlanır, her etkileşimli öğesi kararlı bir data-testid taşır ve yaptığın her hareketin hangi API çağrısına dönüştüğünü bir olay günlüğünde gösterir. Selenium, Playwright veya Cypress ile otomatikleştirmek için kurulmuştur.

Gerçek bir API ve veritabanına bağlı dükkân arayüzünde otomasyon pratiği: kararlı data-testid kancaları, sepet ve sipariş akışları, isteği gösteren olay günlüğü.

Sayfa yığın kapalıyken boş bir hata göstermez; ne yapman gerektiğini söyler ve kurulum rehberine yönlendirir. Yazma işlemleri için kendi izole veri alanını açarsın; anahtarsız bağlanırsan demo verisine salt okunur erişirsin.

Bu sayfada neler öğreneceksin

  • Kararlı test id'leri — Her etkileşimli öğe kararlı bir data-testid taşır. Locator'ı CSS sınıfına veya görünen metne bağlamak en sık kırılan alışkanlıktır: metin dil değişince, sınıf tasarım değişince kırılır.
  • Olay günlüğü — Arayüzdeki her hareket hangi API çağrısına dönüştü, tablo hâlinde görünür. Arayüz testi ile API testinin aynı işin iki yarısı olduğu böyle somutlaşır.
  • Sepet ve sipariş akışı — Ürün arama, sepete ekleme, kupon uygulama ve sipariş verme adımlarının tamamı gerçek veritabanına yazar; stok gerçekten düşer.
  • Kendi izole veri alanın — Tek tıklamayla kendi sandbox alanını açarsın, veriyi bozarsın ve tek istekle tohum veriye dönersin. Kimse kimsenin verisini göremez.