Question 1

Vitest nedir?

Accepted Answer

Vitest, özellikle Vite projeleri için tasarlanmış modern bir birim testi framework'üdür. ESM modülleriyle native uyumluluk, yerleşik TypeScript desteği ve Vite ile derin entegrasyonu sayesinde ultra hızlı çalışma sunar. Vitest, Jest ile uyumlu bir API sağlayarak üstün performanstan yararlanırken mevcut projelerin taşınmasını kolaylaştırır.

Question 2

Vue Test Utils'in rolü nedir?

Accepted Answer

Vue Test Utils, test ortamında Vue bileşenlerini mount etmek ve onlarla etkileşim kurmak için yardımcı araçlar sağlayan, Vue.js'in resmi test kütüphanesidir. Bileşenleri render etmek için mount ve shallowMount gibi metotların yanı sıra kullanıcı etkileşimlerini simüle etmek, props'ları doğrulamak, emit edilen olayları yakalamak ve render edilen DOM'u incelemek için API'ler sunar. Bu kütüphane, Vue bileşenlerini izole bir şekilde test etmek için vazgeçilmezdir.

Question 3

mount ve shallowMount arasındaki temel fark nedir?

Accepted Answer

mount, tüm alt bileşenleriyle birlikte bileşenin tamamını özyinelemeli olarak render eder ve tam bir DOM ağacı oluşturur. shallowMount ise tüm alt bileşenleri otomatik olarak boş stub'larla değiştirerek yalnızca en üst düzey bileşeni render eder. İzolasyonun en önemli olduğu katı birim testleri için shallowMount, ebeveyn-çocuk bileşen etkileşimlerinin doğrulanması gereken entegrasyon testleri için mount kullanın.

Vue Testing

Vitest nedir?

Cevap

Vue Test Utils'in rolü nedir?

Cevap

mount ve shallowMount arasındaki temel fark nedir?

Cevap

Bir Vue/Nuxt projesinde Vitest nasıl yapılandırılır?

Hangi wrapper metodu, bir öğeyi CSS seçicisine göre bulmayı sağlar?

Diğer Vue.js / Nuxt.js mülakat konuları

JavaScript Temelleri

Modern JavaScript (ES6+)

Vue Temelleri

Vue Bileşenleri

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue Reaktifliği

Nuxt Temelleri

Nuxt Data Fetching

Nuxt SSR & SSG

Nuxt Sunucu Rotaları

Nuxt Modülleri

Vue Composable'ları

Vue Formları ve Doğrulama

Nuxt Durum Yönetimi

Nuxt Dağıtımı & CI/CD

Vue Performansı

İleri Düzey Vue Desenleri

Vue ile TypeScript

Nuxt Kimlik Doğrulama

Nuxt ile SEO

Nuxt Uluslararasılaştırma

Vue Mimarisi

Nuxt Güvenliği

Vue Ekosistemi

Vue 2→3 & Nuxt 2→3 Geçişi

Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş