Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Sass ile Theming: Map'ler, CSS Custom Property Üretmek, Dark Mode ve Angular Material M3 Teması
Tema değerlerini Sass map'inde tutup doğrula ve light-dark() ile custom property'ye çevir; runtime'da tema değiştirmek yalnız color-scheme'ı ya da html'deki bir class'ı değiştirmek demek, Sass değişkeni runtime'da değişmez. Bookstore'a eksik token'da build'i kıran bir mixin, üç durumlu tema butonu ve marka renginden üretilmiş bir Angular Material M3 teması ekliyor, iki temada sekiz durumu ölçüyor ve tema başına ayrı bundle'ın neden değmediğini gösteriyoruz.
Component Harness'ları: CDK Harness Kullanmak, Kendi Harness'ını Yazmak ve Testleri Markup'tan Bağımsızlaştırmak
Component harness, test ile DOM arasına bir API koyar: markup değişince testler değil yalnız harness değişir. Bookstore'da Angular Material'ın select ve dialog harness'larını, documentRootLoader'ı ve animasyon ayarını, RatingInput için HarnessPredicate'li kendi harness'ımızı ve harness ile Testing Library'yi ne zaman seçeceğimizi gerçek koşularla gösteriyoruz.