آموزش تسلط بر تست React: RTL، Vitest و MSW - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• اطلاعات دوره Course Info

• کانال Discord Discord Channel

• رفع تاری ویدیو Video Blur Fix

• نقد و بررسی دوره Course Review

آموزش React Testing Library React Testing Library Tutorial

• مخزن اصلی دوره!!! مهم !!! Main Course Repo !!! Important !!!

• نصب/راه اندازی مخزن دوره Install/Setup Course Repository

• فایل ها و پوشه ها Files and Folders

• بررسی اولین فایل تست Explore First Test File

• جزئیات اعتبارسنجی تست Test Validation Details

• اطلاعات Vitest Vitest Info

• آزمون ضروریات React Testing Library React Testing Library Essentials Quiz

• <SearchByText> - کامپوننت <SearchByText> - Component

• متدهای SearchByText - مرور کلی SearchByText Methods - Overview

• متدهای SearchByText - فایل تست SearchByText Methods - Test File

• مثال توسعه مبتنی بر تست (TDD) Test Driven Development Example

• آزمون متدهای پرس و جو React Testing Library و اصول TDD React Testing Library Query Methods and TDD Basics Quiz

• <SearchByRole/> کامپوننت <SearchByRole/> Component

• مرور کلی متدهای SearchByRole SearchByRole Methods Overview

• فایل تست SearchByRole SearchByRole Test File

• کامپوننت تعاملات کاربر User Interactions Component

• تعاملات کاربر - فایل تست User Interactions - Test File

• آزمون React Testing Library: جستجو بر اساس نقش و تعاملات کاربر React Testing Library: Search by Role and User Interactions Quiz

• تست فرم - سندباکس Form Testing - Sandbox

• تست ورودی های خالی Test Empty Inputs

• تست تایپ کردن در ورودی ها Test Typing In The Inputs

• بازسازی کد Refactor

• تست فرم - تست های باقیمانده Form Testing - Remaining Tests

• تست فرم در React: بهترین شیوه ها Form Testing in React: Best Practices

• برنامه نظرات - منطق Reviews App - Logic

• برنامه نظرات - تست واحد کامپوننت لیست Reviews App - List Component Unit Tests

• برنامه نظرات - تست واحد کامپوننت فرم Reviews App - Form Component Unit Tests

• برنامه نظرات - تست یکپارچه سازی کامپوننت سندباکس Reviews App - Sandbox Component Integration Tests

• تست منطق در برنامه نظرات: کامپوننت ها و یکپارچه سازی Testing Logic in Reviews App: Components and Integration

React Testing 101: راه اندازی و پیکربندی برنامه React Testing 101: Application Setup and Configuration

• ایجاد و پیکربندی قالب برای تست برنامه های React Create and Configure Template for Testing React Applications

• تست منطق در راه اندازی پروژه با Vitest و React Testing Library Testing Logic in Project Setup with Vitest and React Testing Library

توسعه مبتنی بر تست - برنامه جریان تمرکز Test Driven Development - Focus Flow App

• برنامه جریان تمرکز - مقدمه Focus Flow App - Intro

• برنامه جریان تمرکز - کد منطق اصلی Focus Flow App - Code Core Logic

• برنامه جریان تمرکز - اولین تست کامپوننت فرم Focus Flow App - First Form Component Test

• برنامه جریان تمرکز - تست های باقیمانده کامپوننت فرم Focus Flow App - Remaining Form Component Tests

• برنامه جریان تمرکز - تست های کامپوننت لیست Focus Flow App - List Component Tests

• برنامه جریان تمرکز - تست های کامپوننت کارت Focus Flow App - Card Component Tests

• برنامه جریان تمرکز - Context API Focus Flow App - Context API

• برنامه جریان تمرکز - تست های یکپارچه سازی کامپوننت برنامه Focus Flow App - App Component Integration Tests

• تست تمرینی: تست منطق در برنامه جریان تمرکز Practice Test: Testing Logic in Focus Flow App

Mock Service Worker - شبیه سازی APIها Mock Service Worker - Mocking API's

• MSW - مقدمه MSW - Intro

• MSW - وب سرور JSON و درخواست های HTTP MSW - JSON Web Server and HTTP Requests

• MSW - منطق اصلی MSW - Main Logic

• MSW - فرانت اند MSW - Front End

• MSW - تست واحد فرم، لیست و آیتم MSW - Form, List and Item Unit Tests

• Mock Service Worker - اطلاعات Mock Service Worker - Info

• MSW - شبیه سازی واکشی پست ها MSW - Mock Fetch Posts

• MSW - شبیه سازی درخواست های باقیمانده MSW - Mock Remaining Requests

• MSW - شبیه سازی پاسخ های خطای HTTP MSW - Mock HTTP Error Responses

• تست تمرینی: تست با Mock Service Worker Practice Test: Testing with Mock Service Worker

جستجوی کاربران Github - فرانت اند Search Github Users - Front End

• اطلاعات Info

• نصب Install

• Tailwind CSS و ShadcnUI Tailwind CSS and ShadcnUI

• ساختار Structure

• فرم جستجو Search Form

• GraphQL GraphQL

• Apollo Client Apollo Client

• پرس و جو Query

• کامپوننت های پروفایل کاربر، کارت و Stats Container User Profile, Card and Stats Container Components

• بیشترین ریپوهای فورک شده Most Forked Repos

• محبوب ترین ریپوها Most Popular Repos

• پربازدیدترین زبان ها Most Used Languages

• نمودارها Charts

• کامپوننت بارگذاری Loading Component

جستجوی کاربران Github - تست ها Search Github Users - Tests

• اطلاعات راه اندازی Setup Info

• تست - تابع calculateMostForkedRepos Test - calculateMostForkedRepos Function

• تست - تابع calculateMostStarredRepos Test - calculateMostStarredRepos Function

• تست - تابع calculatePopularLanguages Test - calculatePopularLanguages Function

• تست کامپوننت StatsCard StatsCard Component Test

• تست کامپوننت StatsContainer StatsContainer Component Test

• تست کامپوننت UserCard UserCard Component Test

• تست کامپوننت SearchForm SearchForm Component Test

• تست کامپوننت نمودار ForkedRepos ForkedRepos Chart Component Test

• شبیه سازی پاسخ GraphQL Mock GraphQL Response

• تست کامپوننت های UserProfile و App UserProfile and App Components Test

• مبانی تست در برنامه های React Testing Fundamentals in React Applications

جایزه Bonus

• جایزه Bonus