JavaScript Kod Testi
JavaScript Kod Testi (JavaScript Code Testing), bir web projesinin doğru ve güvenilir çalışmasını sağlamak için kritik bir adımdır. Kişisel bir web sitesi, blog, e-ticaret platformu veya haber sitesinde çalışırken, yazdığınız kodun hatasız olması, performansının optimize edilmesi ve kullanıcı deneyiminin sorunsuz olması gerekir. Kod testi, sanki bir ev inşa ederken temelin sağlam olduğundan emin olmak gibi; önce temel sağlam olmalı, sonra odalar dekore edilmeli ve mobilyalar yerleştirilmelidir.
Bu eğitimde, okuyucu JavaScript fonksiyonlarını nasıl test edeceğini, hataları nasıl yakalayacağını ve farklı senaryoları simüle ederek kodun güvenilirliğini nasıl artıracağını öğrenecek. Örneğin bir blogda kullanıcı kayıt formu, e-ticaret sitesinde ürün ekleme işlemi veya haber sitesinde yorum doğrulama gibi gerçek dünyadan örnekler üzerinden testler yapılacak. Eğitim boyunca, testleri bağımsız olarak çalıştırabilecek, hataları tespit edebilecek ve kodu daha sürdürülebilir hale getirecek yöntemler gösterilecektir. Bu, bir mektup yazarken her kelimenin yerli yerinde olmasını sağlamak veya bir odayı düzenlerken her eşyanın yerini doğru seçmek gibi, kodun her parçasının işlevini doğru yapmasını sağlamaktır.
Temel Örnek
javascriptfunction validateEmail(email) {
const regex = /^\[^\s@]+@\[^\s@]+.\[^\s@]+\$/; // regex pattern
return regex.test(email); // returns true if valid
}
// Testing the function
console.log(validateEmail("[[email protected]](mailto:[email protected])")); // true
console.log(validateEmail("gecersizemail")); // falseYukarıdaki temel örnekte, validateEmail fonksiyonu bir e-posta adresinin geçerli olup olmadığını kontrol eder. Düzenli ifadeler (regex) kullanılarak girişin doğru formatta olup olmadığı test edilir. test() metodu, eşleşme durumuna göre true veya false döndürür.
Bu küçük ve bağımsız fonksiyon, birim testi (unit testing) için idealdir. Örneğin kişisel bir web sitesinde veya blogda, kullanıcının girdiği e-posta adresinin doğru olduğunu garanti etmek için kullanılabilir. Regex kullanımı, yalnızca "@" ve alan adı kontrolünden daha güvenli ve kesin bir doğrulama sağlar. Bu yaklaşım, bir odayı düzenlerken her eşyanın yerini kontrol etmek gibi kodun güvenilirliğini artırır.
Pratik Örnek
javascript// User registration testing for e-commerce
function registerUser(name, email) {
if (!name || !email) {
}
if (!validateEmail(email)) {
}
// Simulate saving user to database
console.log(`Kullanıcı kaydedildi: ${name}, e-posta: ${email}`);
}
// Test scenarios
try {
registerUser("Ali", "[[email protected]](mailto:[email protected])"); // success
registerUser("", "gecersiz"); // triggers error
} catch (error) {
console.error(error.message); // display error
}Bu pratik örnek, kullanıcı kaydı senaryosunu simüle eder. registerUser fonksiyonu önce isim ve e-posta alanlarının boş olmadığını kontrol eder; boşsa bir hata fırlatır (throw new Error). Sonra validateEmail fonksiyonu ile e-posta formatı doğrulanır. Her iki kontrol de geçilirse, kullanıcı kaydedilmiş gibi bir mesaj konsola yazdırılır.
try…catch bloğu, oluşabilecek hataları yakalayarak uygulamanın beklenmedik şekilde çökmesini engeller. Bu yöntem, bir mektup yazarken her cümlenin mantıklı ve doğru olmasını kontrol etmek veya odaları dekore etmeden önce temelin sağlamlığını test etmek gibi, sistemin güvenli ve kararlı çalışmasını sağlar.
JavaScript Kod Testi için en iyi uygulamalar ve yaygın hatalar:
En iyi uygulamalar:
- Saf fonksiyonlar (Pure Functions) kullanmak, yan etkileri azaltır ve testleri kolaylaştırır.
- Hataları açık şekilde yakalamak ve yönetmek.
- Sınır durumlarını (boundary cases) test etmek, kodun her koşulda çalışmasını sağlar.
-
Tutarlı doğrulamalar yapmak, örneğin regex kullanımı.
Yaygın hatalar: -
Bellek sızıntıları (Memory Leaks) ve gereksiz referanslar.
- Yanlış event handling, birden fazla tetikleme veya eksik tetikleme.
- Hatalı veya yetersiz hata yönetimi.
- Özel durumları göz ardı etmek (boş diziler, özel karakterler).
Debug ipuçları: console.log() ile değerleri kontrol etmek, tarayıcı geliştirici araçları ve Jest veya Mocha gibi birim testi frameworkleri kullanmak. Önce küçük fonksiyonları, ardından entegre senaryoları test etmek önerilir.
📊 Hızlı Referans
| Property/Method | Description | Example |
|---|---|---|
| test() | Regex ile doğrulama | /abc/.test("abc") // true |
| throw new Error() | Özel hata oluşturma | throw new Error("Geçersiz giriş") |
| try…catch | Hataları yönetme | try {…} catch(e) {console.error(e)} |
| console.log() | Konsola çıktı yazma | console.log("Merhaba") |
| validateEmail() | E-posta doğrulama fonksiyonu | validateEmail("[[email protected]](mailto:[email protected])") // true |
Özet ve sonraki adımlar: JavaScript Kod Testi, uygulamanızın güvenilir ve kararlı çalışmasını sağlamak için kritik bir adımdır. Fonksiyon testleri, hata yönetimi ve senaryo simülasyonları ile kodunuzun tahmin edilebilir ve güvenli olmasını sağlayabilirsiniz. Kod testi, HTML DOM manipülasyonu ve backend iletişimi ile doğrudan bağlantılıdır; verilerin doğru şekilde işlendiğini ve gösterildiğini garanti eder. Bir sonraki adım olarak Unit Testing, Integration Testing ve Jest veya Mocha gibi test frameworklerini öğrenmek önerilir. Düzenli test uygulamak, kodunuzu organize ve güvenilir tutmanıza yardımcı olur; tıpkı bir kütüphanedeki kitapların yerli yerinde olması gibi, tüm modüller doğru çalışır.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu konudaki anlayışınızı pratik sorularla test edin.
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek