Question 1

React Testing Library'de getBy, queryBy ve findBy arasındaki temel fark nedir?

Accepted Answer

getBy, eleman mevcut değilse hata fırlatır (senkron assertions), queryBy eleman mevcut değilse null döndürür (yokluğu kontrol etme), findBy ise asenkron elemanlar için Promise döndürür. Mevcut olması gereken elemanlar için varsayılan olarak getBy, bir elemanın mevcut olmadığını doğrulamak için queryBy ve bir elemanın gecikmeden sonra görünmesini beklemek için findBy kullanın.

Question 2

getByRole'ün getByTestId'ye göre temel avantajı nedir?

Accepted Answer

getByRole, elemanları semantik ARIA rolleri (button, textbox, heading) ile hedefleyerek erişilebilirlik en iyi uygulamalarını teşvik eder ve ekran okuyucular için bileşen erişilebilirliğini artırır. getByTestId, son kullanıcılara değer katmayan yapay data-testid nitelikleri eklemeyi gerektirir. React Testing Library, getByTestId'den önce getByRole, getByLabelText ve getByText'i önceliklendirmeyi önerir.

Question 3

DOM'da mevcut OLMAYAN bir elemanın koşullu render'ını nasıl test edersiniz?

Accepted Answer

Bir elemanın yokluğunu doğrulamak için queryBy kullanın, çünkü hata fırlatmak yerine null döndürür. Örnek: expect(screen.queryByText('Error')).toBeNull() veya expect(screen.queryByText('Error')).not.toBeInTheDocument(). getBy hata fırlatarak testi başarısız kılar, findBy ise elemanın görünmesini bekler (yoksa timeout).

React Testing

React Testing Library'de getBy, queryBy ve findBy arasındaki temel fark nedir?

Cevap

getByRole'ün getByTestId'ye göre temel avantajı nedir?

Cevap

DOM'da mevcut OLMAYAN bir elemanın koşullu render'ını nasıl test edersiniz?

Cevap

React Testing Library neden uygulama detaylarını test etmemeyi önerir?

React Testing Library'de render ve screen arasındaki fark nedir?

Diğer React / Next.js mülakat konuları

JavaScript Temelleri

React Temelleri

React Hooks

Bileşen yaşam döngüsü

React Router

Context ile state yönetimi

Formlar ve Controlled Components

Veri Çekme ve API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Temelleri

React ile TypeScript

Next.js Veri Çekme

Next.js Server Actions

Next.js Routing ve Navigasyon

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware ve Auth

Zustand State Management

React Performans Optimizasyonu

Error Boundaries & Error Handling

Advanced React Patterns

Next.js Gelişmiş Özellikler

Next.js Dağıtım & Üretim

Architecture & Design Patterns

React Server Components

Next.js Uluslararasılaştırma

React Güvenlik & En İyi Uygulamalar

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