Etkileşimli Storybook: Play Functions ile UI Durumunu Test Etme

Statik UI bileşenleri hikayenin sadece yarısını anlatır. Kullanıcı arayüzlerinizi gerçekten doğrulamak için, tıklandığında, yazı yazıldığında ve gezildiğinde nasıl davrandıklarını görmeniz gerekir. Bu metin tabanlı kurs, Storybook Play functions ve Testing Library kullanarak etkileşimli hikayeler yazma sürecinde size rehberlik eder. Kullanıcı davranışlarını taklit etmeyi, durum değişikliklerini doğrulamayı ve bileşenlerinizin Storybook ortamınızda gerçek dünya koşullarında kusursuz çalıştığından emin olmayı öğreneceksiniz. Neler öğreneceksiniz: - Component Story Format ve etkileşim testinin temellerini anlayın. - Tıklamaları, tuş vuruşlarını ve form gönderimlerini simüle etmek için Storybook Play functions'ı yapılandırın. - Hikayelerinizdeki öğeleri bulmak ve doğrulamak için Testing Library sorgularını uygulayın. - Karmaşık UI geçişlerini sergilemek için bileşen durumunu yönetin ve manipüle edin. - Temel erişilebilirlik kontrollerini ve modern etkileşim testi iş akışlarını entegre edin. Anahtar terminoloji ve temel kavramlarla başlayarak, bu kurs sizi adım adım kod örnekleri ve pratik senaryolar aracılığıyla yönlendirir. Bileşen odaklı geliştirme iş akışlarını geliştirmek isteyen, daha önce test deneyimi olmayan frontend geliştiricileri ve UI mühendisleri için tasarlanmıştır. Sağlam, etkileşimli bileşen hikayeleri oluşturmaya bugün başlayın.