React Testing Library, React bileşenlerini ve bu bileşenlerin davranışlarını test etmek için, son yıllarda oldukça yaygın şekilde kullanılan test kütüphanelerinden bir tanesi. Aslında React Testing Library, DOM Testing Library isimli çekirdek kütüphane üzerine inşa edilmiş, içerisine eklenen kullanışlı API’lar aracılığıyla React bileşenleriyle çalışmak için özelleştirilmiş bir kütüphane. …

Axios serisindeki bir önceki yazı: Axios İpuçları #4: localForage ile HTTP Yanıtlarını IndexedDB’de Önbelleklemek Axios Mock Adapter, Axios ile yapılan HTTP isteklerini mocklamak için kullanılan, oldukça popüler bir kütüphane. Peki neden böyle bir kütüphaneye ihtiyaç duyuyoruz? Motivasyon Ekseriyetle, birim testler yazarken bir API’a yapılan isteğin döndüğü yanıtla değil, yanıtın ve varsa…

Cypress serisindeki bir önceki yazı: Cypress İpuçları #4: HTTP İstekleri Yapmak Recorder Google Chrome, kullanıcıların, web sayfaları üzerindeki etkileşimlerini kaydetmelerini ve daha sonra bu kayıtlar üzerinden performans ölçümleri yapmalarını sağlayan aracı Recorder’ı geçtiğimiz aylarda DevTools’a eklemişti. …

Cypress serisindeki bir önceki yazı: Cypress İpuçları #3: Custom Command Tanımlamak Motivasyon Cypress ile uçtan uca testler yazarken kimi zaman test senaryoları içerisinde HTTP istekleri yapmamız gerekebiliyor. Yine bir gerçek hayat senaryosu üzerinden gidelim. …

Axios serisindeki bir önceki yazı: Axios İpuçları #3: LRU Cache ile HTTP Yanıtlarını Önbelleklemek Motivasyon Daha önce, Axios istemcisiyle yapılan HTTP isteklerinin yanıtlarını istemci üzerinde önbelleklemeye dair bir yazı yazmıştım. O yazıda bahsettiğim yöntem, LRU cache algoritmasını kullanmakta ve HTTP yanıtlarını session storage’da saklamaktaydı. Gerek session storage’da en fazla 5MB veri…

Cypress serisindeki bir önceki yazı: Cypress İpuçları #2: Iframe ile Çalışmak Bir önceki yazıda, Cypress ile yazılan test senaryonlarında “custom command” kullanılabileceğinden bahsetmiş fakat detayına girememiştim. Bu yazıda çok kısa bir şekilde custom command’a neden ihtiyacımız olabileceğinden ve nasıl tanımlayabileceğimizden bahsedeceğim. Motivasyon Cypress’in get(), url(), contains() gibi yerleşik tüm yardımcı metotları…

Cypress serisindeki bir önceki yazı: Cypress İpuçları #1: Ortam Tanımlamak ve Ortam Değişkenleri Kullanmak Cypress ile uçtan uca test senaryoları yazarken kimi zaman iframe’ler ile çalışmak gerekebiliyor. Modern web uygulamalarında iframe kullanımı pek tercih edilen bir yöntem olmasa da ekseriyetle üçüncü parti servis sağlayıcılarının (oturum yönetimi, reklam gösterimi, analiz takipleri…

Cypress serisindeki bir önceki yazı: Cypress İpuçları #0: Girizgâh Motivasyon Cypress hakkında girizgâhı önceki yazıda yaptığım için bu sefer doğrudan konuya gireceğim. Projelerin ölçeğine ve önemine göre, belirli operasyonları test etmek için yazdığımız uçtan uca test senaryolarını farklı ortamlarda koşturma ihtiyacı duyabiliyoruz. Örnek Somut örnek vermek gerekirse; Cypress web sitesinin üye girişi…

Zaman içerisinde burada yazdığım yazıların birbirleriyle ilintili olduğunu fark edince onları seriler hâline getirmeye karar verdim. Bu sayede JavaScript ES6+ İpuçları, Webpack İpuçları, Axios İpuçları gibi seriler oluşmaya başladı. Fakat başlangıçta bu yazıların seri olacağını planlamadığım için konularına girizgâh yapma imkânım da olmadı. “X Nedir?” gibi tanıma dayalı kitabi yazılar…