آموزش تست اپلیکیشن‌های ری‌اکت با Jest و React Testing Library - آخرین آپدیت

مقدمه Introduction

• تست اپلیکیشن‌های ری‌اکت Testing React applications

• آنچه در این دوره خواهید آموخت What to expect from this course

1. معرفی دوره 1. Introduction to the Course

• پیش‌نیازهای مورد نیاز What you should know

• مرور کلی اپلیکیشن وبلاگ Overview of the blog app

• چرا React Testing Library؟ Why React Testing Library?

2. آشنایی با تست اپلیکیشن‌های ری‌اکت 2. Introduction to Testing React Applications

• نحوه پیکربندی Vitest و RTL How to configure Vitest and RTL

• چالش: تست‌های ساده واحد و یکپارچگی Challenge: Simple unit and integration tests

• تنظیم Vitest برای گزارش‌های پوشش کد (Code Coverage) Setting up Vitest for code coverage reports

• نوشتن تست‌های واحد ساده Writing simple unit tests

• مقدمه‌ای بر Vitest و React Testing Library Introduction to Vitest and React Testing Library

• پاسخ چالش: تست‌های ساده واحد و یکپارچگی Solution: Simple unit and integration tests

3. نوشتن تست برای اپلیکیشن وبلاگ 3. Writing Tests for the Blog App

• تست تعاملات کاربر و مدیریت خطاها Testing user interactions and error handling

• پاسخ: تست‌های واحد و یکپارچگی بخش CreatePost Solution: Unit and integration tests: CreatePost

• چالش: تست‌های واحد و یکپارچگی بخش CreatePost Challenge: Unit and integration tests: CreatePost

• تست‌های واحد برای کامپوننت‌های مجزا PostCard Unit tests for individual components PostCard

• نوشتن تست برای فرم‌ها و اعتبارسنجی ورودی‌ها Writing tests for forms and input validation

• شبیه‌سازی وابستگی‌های API: دریافت پست‌های وبلاگ Mocking API dependencies: Fetching blog posts

• تست رفتارهای ناهمگام (Async): به‌روزرسانی کامنت‌ها Testing async behavior: Updating comments

• اطمینان از یکپارچگی صحیح با مدیریت وضعیت (State Management) Ensuring correct integration with state management

4. مفاهیم پیشرفته تست 4. Advanced Testing Concepts

• چالش: تست‌های Snapshot و واحد: کامپوننت Login Challenge: Snapshot and unit tests: Login component

• شناسایی تغییرات غیرمنتظره UI با تست‌های Snapshot Catching unexpected UI changes with snapshot tests

• نوشتن تست‌های مقیاس‌پذیر و تضمین پوشش کامل کد Writing scalable tests and ensuring complete coverage

• پاسخ: تست‌های Snapshot و واحد: کامپوننت Login Solution: Snapshot and unit tests: Login component

5. توسعه تست‌محور (TDD) در عمل 5. Test-Driven Development (TDD) in Action

• چالش: پیاده‌سازی TDD برای قابلیت علاقه‌مندی‌ها Challenge: Apply TDD to favorites feature

• بازنویسی کد (Refactoring): تکمیل چرخه TDD Refactoring: Completing the TDD cycle

• تفاوت تست‌های واحد و تست‌های یکپارچگی Unit tests vs. integration tests

• مقدمه‌ای بر TDD Introduction to TDD

• نوشتن تست‌های شکست‌خورده در ابتدا: چرخه قرمز-سبز-بازنویسی Writing failing tests first: The red-green-refactor cycle

جمع‌بندی Conclusion

• مرور کلی دوره Course overview

• گام‌های بعدی Next steps