آموزش آزمایش پیشرفته React با Vitest، React Testing Library و Playwright - آخرین آپدیت

دانلود Advanced Testing for React with Vitest, React Testing Library, and Playwright

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

Master React Testing: From Vitest to Playwright – Build Rock-Solid Apps with Confidence!

آیا در حال ساخت برنامه‌های React مدرن هستید و می‌خواهید اطمینان حاصل کنید که آن‌ها مستحکم، بدون باگ و آماده‌ی تولید هستند؟ جای درستی آمده‌اید! این دوره عملی شما را گام به گام از طریق پیشرفته‌ترین استراتژی‌های تست با استفاده از قدرتمندترین ابزارهای امروزی راهنمایی می‌کند: Vitest، React Testing Library (RTL) و Playwright.

چه یک توسعه‌دهنده‌ی فرانت‌اند باشید، چه مهندس QA و یا یک متخصص فول‌استک، این دوره شما را به مهارت‌های مورد تقاضا مجهز می‌کند که شرکت‌های برتر فناوری فعالانه به دنبال آن‌ها هستند.

آنچه یاد خواهید گرفت:

  • چرا تست اهمیت دارد – و چگونه در زمان و هزینه صرفه‌جویی می‌کند

  • تست واحد، یکپارچه و E2E با استفاده از هرم تست مدرن

  • نحوه راه‌اندازی و استفاده از Vitest برای تست واحد بسیار سریع

  • Mock کردن درخواست‌های شبکه و React Query با استفاده از Vitest

  • نوشتن تست‌های واقعی برای قلاب‌های سفارشی و منطق API

  • توسعه مبتنی بر تست (TDD) با React Testing Library (RTL)

  • پوشش کد: معیارهایی که اهمیت دارند و نحوه بهبود آن‌ها

  • تست end-to-end برنامه‌های React با Playwright

  • معماری تست کارآمد برای پروژه‌های React واقعی

ابزارها و فناوری‌های مورد استفاده:

  • Vitest – یک اجراکننده تست سریع و بومی Vite

  • React Testing Library (RTL) – برای تست UI از دیدگاه کاربر

  • Playwright – برای تست کامل مرورگر (تست‌های E2E)

  • Mocking – یاد بگیرید چگونه منطق شبکه و ناهمگام را با اطمینان تست کنید

  • ابزارهای پوشش کد – بینش کسب کنید و کیفیت تست را افزایش دهید

یادگیری مبتنی بر پروژه

این دوره 100٪ عملی است! شما با یک مخزن برنامه وبلاگ‌نویسی واقعی کار خواهید کرد و تست‌هایی می‌نویسید که منعکس‌کننده کاری هستند که در یک محیط حرفه‌ای انجام خواهید داد:

  • تست واکشی و تغییر پست‌ها

  • پوشش تمام موارد خاص

  • تسلط بر استراتژی‌های Mocking

  • اعمال بهترین شیوه‌ها برای سازماندهی مجموعه‌های تست

این دوره برای چه کسانی است:

  • توسعه‌دهندگان React که می‌خواهند فراتر از مبانی بروند و کد قابل اعتماد و قابل تست بنویسند

  • مهندسانی که برای مصاحبه‌های فنی آماده می‌شوند یا به نقش‌های ارشد منتقل می‌شوند

  • متخصصان QA که به دنبال افزودن تست فرانت‌اند خودکار به مجموعه مهارت‌های خود هستند

  • هر کسی که برنامه‌های تولیدی می‌سازد و می‌خواهد به کد خود اطمینان داشته باشد

تا پایان این دوره، شما:

  • تست‌های واحد، یکپارچه و E2E را مانند یک حرفه‌ای خواهید نوشت

  • تست را از تئوری تا پیاده‌سازی واقعی درک خواهید کرد

  • مجموعه‌های تست مستحکم و قابل نگهداری با استفاده از ابزارهای مدرن ایجاد خواهید کرد

  • اعتماد به نفس لازم برای refactor کردن و مقیاس‌بندی ایمن برنامه‌ها را به دست خواهید آورد

اکنون ثبت نام کنید!

امروز شروع به تسلط بر تست در React کنید و برنامه‌های ضدگلوله بسازید که کاربران (و تیم شما) می‌توانند به آن اعتماد کنند. خود آینده شما – و کارفرمای بعدی شما – از شما تشکر خواهد کرد.

روی اکنون ثبت نام کنید کلیک کنید و مهارت‌های تست React خود را به سطح بعدی ببرید!


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

Lessons-درس‌ها Lessons

  • Course Introduction-معرفی دوره Course Introduction

  • Course Pre Requirements-پیش‌نیازهای دوره Course Pre Requirements

  • Why Testing Matters-چرا تست مهم است Why Testing Matters

  • Different Types of Testing-انواع مختلف تست Different Types of Testing

  • Testing Pyramid-هرم تست Testing Pyramid

  • Introduction to Testing Tools for This Course-معرفی ابزارهای تست برای این دوره Introduction to Testing Tools for This Course

  • Simple Blog Repositories and How to Run Them (Part 1)-مخازن بلاگ ساده و نحوه اجرای آن‌ها (بخش 1) Simple Blog Repositories and How to Run Them (Part 1)

  • Simple Blog Repositories and How to Run Them (Part 2)-مخازن بلاگ ساده و نحوه اجرای آن‌ها (بخش 2) Simple Blog Repositories and How to Run Them (Part 2)

  • Simple Blog Project Tour-مروری بر پروژه بلاگ ساده Simple Blog Project Tour

  • Introduction to Vitest & It's Features-معرفی Vitest و ویژگی‌های آن Introduction to Vitest & It's Features

  • Vitest Installation-نصب Vitest Vitest Installation

  • Writing First Unit Test-نوشتن اولین Unit Test Writing First Unit Test

  • Configuring Vitest and Completing Our Unit Test-پیکربندی Vitest و تکمیل Unit Test ما Configuring Vitest and Completing Our Unit Test

  • Code Coverage Definition and Metrics-تعریف و معیارهای پوشش کد Code Coverage Definition and Metrics

  • Code Coverage vs Test Coverage-پوشش کد در مقابل پوشش تست Code Coverage vs Test Coverage

  • Adding Coverage Report to Vite-افزودن گزارش پوشش به Vite Adding Coverage Report to Vite

  • Digging Deeper in Code Coverage Report-بررسی عمیق‌تر گزارش پوشش کد Digging Deeper in Code Coverage Report

  • Adding Unit Tests for QueryKeys-افزودن Unit Test برای QueryKeys Adding Unit Tests for QueryKeys

  • What is Mocking-Mocking چیست؟ What is Mocking?

  • Writing Unit Test for FetchPosts with the help of Mocking-نوشتن Unit Test برای FetchPosts با کمک Mocking Writing Unit Test for FetchPosts with the help of Mocking

  • Writing Unit Test for usePosts-نوشتن Unit Test برای usePosts Writing Unit Test for usePosts

  • Writing Unit Test for fetchPostById-نوشتن Unit Test برای fetchPostById Writing Unit Test for fetchPostById

  • How CreatePost Mutation works-عملکرد CreatePost Mutation چگونه است؟ How CreatePost Mutation works?

  • Writing Test for useCreatePost (Part 1)-نوشتن تست برای useCreatePost (بخش 1) Writing Test for useCreatePost (Part 1)

  • Writing Test for useCreatePost (Part 2)-نوشتن تست برای useCreatePost (بخش 2) Writing Test for useCreatePost (Part 2)

  • Unit Tests for useEditPost & useDeletePost-Unit Test برای useEditPost و useDeletePost Unit Tests for useEditPost & useDeletePost

  • Test Factories and Their Benefits-Test Factories و مزایای آن‌ها Test Factories and Their Benefits

  • Introduction to FakerJs-معرفی FakerJs Introduction to FakerJs

  • Using FakerJS with Post Factory-استفاده از FakerJS با Post Factory Using FakerJS with Post Factory

  • Unit Testing Module Summary-خلاصه ماژول Unit Testing Unit Testing Module Summary

  • Introduction to Integration Testing-معرفی Integration Testing Introduction to Integration Testing

  • Seting Up Environment for Integration Testing-راه‌اندازی محیط برای Integration Testing Seting Up Environment for Integration Testing

  • Writing the First Integration Test-نوشتن اولین Integration Test Writing the First Integration Test

  • JSDom vs Browser Environment-JSDom در مقابل محیط مرورگر JSDom vs Browser Environment

  • Finishing the Integration Tests for PostComponent-تکمیل Integration Tests برای PostComponent Finishing the Integration Tests for PostComponent

  • Code Coverage Report for PostComponent-گزارش پوشش کد برای PostComponent Code Coverage Report for PostComponent

  • Writing Integration Test for Footer Component-نوشتن Integration Test برای Footer Component Writing Integration Test for Footer Component

  • Writing Integration Test for Contact Page-نوشتن Integration Test برای صفحه Contact Writing Integration Test for Contact Page

  • Writing Integration Test for About Page-نوشتن Integration Test برای صفحه About Writing Integration Test for About Page

  • Writing Integration Test for Blog Page (Part 1)-نوشتن Integration Test برای صفحه Blog (بخش 1) Writing Integration Test for Blog Page (Part 1)

  • Writing Integration Test for Blog Page (Part 2)-نوشتن Integration Test برای صفحه Blog (بخش 2) Writing Integration Test for Blog Page (Part 2)

  • Introduction to Writing Test for the Admin Section-معرفی نوشتن تست برای بخش Admin Introduction to Writing Test for the Admin Section

  • Different User Event Methods and Actions-متدهای و اقدامات مختلف رویداد کاربر Different User Event Methods and Actions

  • Writing Test for the Admin Table (part 1)-نوشتن تست برای جدول Admin (بخش 1) Writing Test for the Admin Table (part 1)

  • Writing Test for the Admin Table (part 2)-نوشتن تست برای جدول Admin (بخش 2) Writing Test for the Admin Table (part 2)

  • Testing Edit Action Item-تست Edit Action Item Testing Edit Action Item

  • Testing Delete Button (case 1)-تست دکمه Delete (حالت 1) Testing Delete Button (case 1)

  • Testing Delete Button (case 2)-تست دکمه Delete (حالت 2) Testing Delete Button (case 2)

  • Getting Coverage Report for Admin's ListPosts Component-دریافت گزارش پوشش برای کامپوننت ListPosts ادمین Getting Coverage Report for Admin's ListPosts Component

  • Introduction to CreatePost Section-معرفی بخش CreatePost Introduction to CreatePost Section

  • Looking at CreateOrEditPost Component-نگاهی به کامپوننت CreateOrEditPost Looking at CreateOrEditPost Component

  • Testing Rendering of Correct Form Elements-تست Rendering عناصر فرم صحیح Testing Rendering of Correct Form Elements

  • Writing Test for Post Creation-نوشتن تست برای ایجاد پست Writing Test for Post Creation

  • Testing createPost Parameters-تست پارامترهای createPost Testing createPost Parameters

  • Analysing Code Coverage for createOrEditPost Component-تجزیه و تحلیل پوشش کد برای کامپوننت createOrEditPost Analysing Code Coverage for createOrEditPost Component

  • Adding Test for the API Failure Case-افزودن تست برای حالت شکست API Adding Test for the API Failure Case

  • Adding Test for Edition of the Post-افزودن تست برای ویرایش پست Adding Test for Edition of the Post

  • Adding Validation Test for Image Selection-افزودن تست اعتبارسنجی برای انتخاب تصویر Adding Validation Test for Image Selection

  • Integration Testing Module Summary-خلاصه ماژول Integration Testing Integration Testing Module Summary

  • Introduction to End 2 End Testing-معرفی End 2 End Testing Introduction to End 2 End Testing

  • Installing Playwright-نصب Playwright Installing Playwright

  • Running Playwright Example Tests-اجرای تست‌های مثال Playwright Running Playwright Example Tests

  • Playwright Methods and Helpers for Testing-متدها و Helperهای Playwright برای تست Playwright Methods and Helpers for Testing

  • Writing Our First E2E Test-نوشتن اولین E2E Test Writing Our First E2E Test

  • Testing the Blog's Header-تست Header بلاگ Testing the Blog's Header

  • Testing Click Event and Navigation between Page-تست رویداد کلیک و Navigation بین صفحات Testing Click Event and Navigation between Page

نمایش نظرات

آموزش آزمایش پیشرفته React با Vitest، React Testing Library و Playwright
جزییات دوره
5h 10m
66
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
5
- از 5
ندارد
دارد
دارد
Babak Mehrabi
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Babak Mehrabi Babak Mehrabi

آموزش مفاهیم پیچیده به زبانی ساده

یادگیری نباید چالش‌برانگیز باشد. ما در اینجا هستیم تا به شما کمک کنیم تا سخت‌ترین مطالب را نیز به آسانی درک کنید.

چرا رویکرد ما موثر است؟

  • شکستن مفاهیم پیچیده: ما مسائل دشوار را به اجزای کوچکتر و قابل فهم‌تر تجزیه می‌کنیم.
  • استفاده از مثال‌های کاربردی: با مثال‌های واقعی، درک مطلب را برای شما آسان‌تر می‌کنیم.
  • زبان ساده و روان: از اصطلاحات تخصصی و پیچیده پرهیز می‌کنیم تا همه بتوانند بیاموزند.

با ما، یادگیری لذت‌بخش و مؤثر است. برای شروع، به اینجا مراجعه کنید.