آموزش تست ری‌اکت: تست واحد ری‌اکت و تست E2E

دانلود React Testing: Unit Testing React and E2E Testing

مرورگر شما از این ویدیو پشتیبانی نمی کند.

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره:

آموزش جامع تست React با Jest و Cypress

آیا برای تست واحد (Unit Testing) با Jest و تست E2E با Cypress در React آماده‌اید؟ مهارت‌ها و مفاهیم تست React را با این دوره جامع بیاموزید.

چرا باید در این دوره شرکت کنید؟

برای هر نوع تست Reactی آماده شوید.
در انواع سناریوهای تست React بدرخشید.
مهارت‌های تست React و دانش مفاهیم مهم تست را تقویت کنید.
مهارت‌ها، مفاهیم و تکنیک‌های تست را بیاموزید.
با اطمینان کامل پروژه‌های React را تست کنید.

پیش‌نیاز: دانش پایه React

این دوره یک آمادگی عالی برای هر نوع تست React است که ممکن است با آن مواجه شوید. تست کد با کیفیت نیازمند دانش زیادی است، اما بهترین راه برای آماده شدن، تمرین زیاد است! در این دوره، شما همه چیزهایی را که از پروژه‌های واقعی React در مورد تست به دست می‌آید، خواهید آموخت. هیچ تمرینی در اینجا وجود ندارد که کسی نپرسد. در هر ویدیو، چیز مفیدی یاد خواهید گرفت که هر روز آن را خواهید نوشت. ما به بررسی عمیق مهارت‌ها، مفاهیم و تکنیک‌ها می‌پردازیم که برای حل هر مسئله مورد نیاز است.

پس از اتمام این دوره، شما در تست React در سطح بالایی مهارت کسب خواهید کرد و همچنین مفاهیم، مهارت‌ها و تکنیک‌ها، مانند تست با Vitest و Cypress و استفاده از مواردی مانند Mocking و Spying را که برای برتری در هر نوع تست ضروری هستند، خواهید آموخت. شما در تست هر پروژه Reactی که خواهید داشت، احساس اطمینان خواهید کرد. علاوه بر این، شما مهارت‌های برنامه نویسی React و مبانی React خود را به طور کلی تقویت خواهید کرد.

مباحث اصلی دوره:

مفاهیم تست واحد (Unit Testing)
مفاهیم E2E
تست Context و Hooks
Mocking و Spying وابستگی‌ها
تست Components
تست Redux
تست واحد کامل پروژه بر روی یک پروژه واقعی
تست Cypress بر روی یک پروژه واقعی

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

مقدمه Introduction

چرا تست؟ Why testing?
کد منبع زیر ویدیو Source code under the video
راه اندازی پروژه Setting up project
از چه ویرایشگری استفاده کنیم؟ What editor to use?

تست واحد Unit Testing

این بخش درباره چیست؟ What is this section about?
تست واحد چیست؟ What is unit testing?
راه اندازی Vitest Setting up Vitest
ابزارها و کمک کننده های تست Testing utilities and helpers
تست یک کامپوننت ساده Testing a simple component
تست ورودی ها و خروجی ها Testing inputs and outputs
توابع Mock و Spy Mock and Spy functions
تست هوک useState Testing useState hook
تست useEffect با فراخوانی های API Testing useEffect with API calls
تست یک هوک سفارشی ساده Testing a simple custom hook
تست یک هوک سفارشی پیچیده Testing a complex custom hook
پروژه واقعی React - تست React context Real React project - testing React context
پروژه واقعی React - تست کامپوننت هدر Real React project - testing header component
پروژه واقعی React - تست کامپوننت فوتر Real React project - testing footer component
پروژه واقعی React - اضافه کردن رندر سفارشی Real React project - adding custom render
پروژه واقعی React - تست کامپوننت todo Real React project - testing todo component
پروژه واقعی React - تست کامپوننت اصلی Real React project - testing main component
تست setTimeout در React Testing setTimeout in React