ViraStack
  • Academy
  • About
  • Support
HomeSourcesContribute
ViraStack

A DX-first toolkit for frontend developers: starters, agent rules, form hooks, and a guide.

Products

  • ViraStack Start
  • ViraStack AI
  • ViraStack Mask
  • ViraStack Password
  • ViraStack Guide

Explore

  • Academy
  • About
  • Brand
  • Support

© 2026 ViraStack.

Open source · MIT

Academy

Vitest

React Testing Library ve MSW ile component testi.

Başlangıç

  1. 01Giriş6 Docs1 Article1 VideoFrontend test nedir? Hangi araçlar kullanılır?
  2. 02Kurulum8 Docs1 RepoVitest, jsdom ve React Testing Library kurulumu.
  3. 03Temeller4 Docs1 Repoİlk test, render, expect ve matcher'lar.
  4. 04Ürün KartıProject4 Docs1 RepoE-ticaret ürün kartı için adım adım test.

Component Testi

  1. 05Sorgular6 Docs1 Article1 VideogetBy, queryBy, findBy ve sorgu önceliği.
  2. 06Kullanıcı Etkileşimi8 Docs1 Article1 RepouserEvent, arama kutusu ve kupon formu.
  3. 07Asenkron Testler8 Docs1 Article2 ReposfindBy, waitFor ve fake timers.
  4. 08Ürün ListesiProject5 DocsYükleme, arama ve sepete ekleme akışı.

İleri Seviye

  1. 09Mock10 Docs1 Article1 Videovi.fn, vi.mock ve MSW ile API mock'u.
  2. 10Provider ve Hook3 Docs2 ArticlesSepet Provider'ı, renderWithProviders ve renderHook.
  3. 11Hata Ayıklama10 Docs5 Articles2 Reposscreen.debug, sık hatalar ve coverage.
  4. 12Sepet AkışıProject7 Docs1 RepoÜrün listesinden sepete tam akış testi.
Previous trackFormlarNext trackPlaywright