آموزش React Testing Library and Jest: The Complete Guide

React Testing Library and Jest: The Complete Guide

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: راهنمای کامل و همه‌جانبه برای آزمایش کامل پروژه‌های React خود با استفاده از React Testing Library و Jest. همه چیزهایی که باید در مورد آزمایش React Components با استفاده از React Testing Library و Jest بدانید. تجربه عملی و عملی در افزودن تست‌ها به یک پروژه بزرگ React را دریافت کنید. جنبه‌های پنهان تست را که در هیچ دوره آزمایشی دیگری پوشش داده نشده است را کاوش کنید با ساختن جست‌های تطبیق سفارشی خود در زمان صرفه‌جویی کنید. تمرکز بر یادگیری چرایی بهترین شیوه‌ها - و زمان شکستن آنها پیش نیازها: هیچ تجربه آزمایشی لازم نیست!

تبریک می‌گویم! محبوب‌ترین، کامل‌ترین و به‌روزترین منبع آنلاین را برای یادگیری نحوه آزمایش برنامه‌های React با React Testing Library و Jest پیدا کرده‌اید!

هزاران مهندس دیگر نحوه تست کردن را یاد گرفته‌اند و شما هم می‌توانید. این دوره از یک روش آزمایش شده و آزمایش شده در نبرد استفاده می کند تا مطمئن شود که دقیقاً چگونه آزمایش کار می کند و شغل جدیدی را به عنوان مهندس نرم افزار برای شما ایجاد می کند یا به شما کمک می کند تا برنامه ای را بسازید که همیشه آرزویش را داشته اید.

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

آزمایش برای تأیید اینکه کد شما همانطور که انتظار می رود کار می کند استفاده می شود. این مجموعه ای از مزایای منحصر به فرد را برای هر فرانت اند فراهم می کند:

  1. نویسنده پایگاه‌های کد کوچک‌تر و قابل درک آسان‌تر

  2. کد خود را با اطمینان از اینکه به درستی عمل می کند مستقر کنید

  3. هر بخش از برنامه خود را به طور جداگانه آزمایش کنید - شانس ایجاد وقفه در کاربران خود را محدود کنید

  4. به هر یک از تیم های مهندسی خود اجازه دهید مستقل کار کنند

  5. پایه کد خود را بدون نگرانی در مورد شکستن یک ویژگی موجود تغییر دهید

تست یک موضوع محبوب است، اما اطلاعات نادرست زیادی به صورت آنلاین وجود دارد. این دوره با نظرات مهندسین برتر برای اطمینان از صحت فنی کامل ایجاد شده است.

----------------------

چه چیزی خواهید ساخت؟

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

در اینجا فهرستی جزئی از برخی از موضوعاتی که پوشش خواهید داد:

  • محیط آزمایشی خود را با نوشتن تطبیق‌های Jest سفارشی کنید

  • بیاموزید که چگونه با رفع بسیاری از اشکالات، تست های خود را اشکال زدایی کنید

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

  • با کار بر روی یک پروژه بزرگ React بهترین شیوه ها را درک کنید

  • لیست کاملی از همه عملکردهای بسته بندی شده در کتابخانه تست React را ببینید

  • با استفاده از سیستم نقش ARIA، قدرت انتخاب عنصر خود را تقویت کنید

  • تجربه آزمایش احراز هویت و مسیریابی را دریافت کنید

  • با یادگیری ده ها میانبر تست، تست های کارآمدتری بنویسید

  • در نهایت مرموزترین عملکرد را در React درک کنید - تابع 'act'!

  • روش های متعددی برای مدیریت کتابخانه های شخص ثالث در یک محیط آزمایشی بیاموزید

  • از Jest برای "مسخره کردن" توابع و کتابخانه ها استفاده کنید

من سال‌های اولیه حرفه مهندسی نرم‌افزارم را بدون وقفه در نوشتن تست‌ها گذراندم. هر روز، توسعه تست محور را تمرین می‌کردم تا هزاران خط کد بنویسم در حالی که توسط مهندسان برتر صنعت راهنمایی می‌شدم. اجازه دهید این دانش را با شما به اشتراک بگذارم. تست کردن یکی از موضوعاتی است که من بیشتر به آن علاقه دارم و می خواهم شما هم مانند من هیجان زده شوید. امروز ثبت نام کنید و به من بپیوندید!


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

شیرجه رفتن - بیایید شروع کنیم! Dive In - Let's Get Started!

  • نحوه دریافت کمک How to Get Help

  • به انجمن ما بپیوندید! Join Our Community!

  • شروع به آزمایش ... اکنون! Start Testing... Now!

  • چند سوال انتقادی A Few Critical Questions

بررسی اجمالی گردباد از تست A Whirlwind Overview of Testing

  • راه اندازی پروژه Project Setup

  • یادداشت سریع Quick Note

  • افزودن فرم Adding the Form

  • مدیریت ورودی کاربر Handling User Input

  • ارائه لیست کاربران Rendering the List of Users

  • پروژه کاربران تکمیل شده Completed Users Project

  • اولین آزمون ما Our First Test

  • سیستم پرس و جو عنصر Element Query System

  • درک نقش های ARIA Understanding ARIA Roles

  • درک جست مچرز Understanding Jest Matchers

  • آزمون در عمل پیچیده نشده بود(...) هشدار و شکست تست test was not wrapped in act(...) Warning and Test Failure

  • شبیه سازی رویدادهای کاربر Simulating User Events

  • عملکرد ضبط تماس ها Recording Function Calls

  • معرفی توابع ساختگی Introducing Mock Functions

  • جستجوی عناصر توسط برچسب ها Querying Elements by Labels

  • تست لیست کاربران Testing the UserList

  • دریافت کمک در مورد توابع پرس و جو Getting Help with Query Functions

  • دریچه فرار تابع Query Query Function Escape Hatches

  • یک تابع پرس و جو دیگر بازگشتی Another Query Function Fallback

  • محتویات جدول تست Testing Table Contents

  • اجتناب از BeforeEach Avoiding BeforeEach

  • تست کل برنامه Testing the Whole App

  • لمسی از توسعه آزمایش محور A Touch of Test Driven Development

  • پیاده سازی ویژگی Feature Implementation

درک نقش عناصر Understanding Element Roles

  • معرفی کتاب RTL Introducing RTL Book

  • چند نکته در مورد کتاب RTL A Few Notes on RTL Book

  • فهرست نقش جزئی Partial Role List

  • یافتن عناصر بر اساس نقش Finding Elements by Role

  • یافتن بر اساس نام های قابل دسترس Finding by Accessible Names

  • پیوند دادن ورودی ها به برچسب ها Linking Inputs to Labels

  • اختصاص مستقیم یک نام قابل دسترس Directly Assigning an Accessible Name

  • دفترچه نقش های تکمیل شده Completed Roles Notebook

یافتن عناصر با توابع پرس و جو Finding Elements with Query Functions

  • عمیق تر به توابع پرس و جو Deeper into Query Functions

  • GetBy، QueryBy، FindBy GetBy, QueryBy, FindBy

  • بیشتر در مورد پرس و جوهای منفرد More on Single Queries

  • تغییرات چند عنصری Multiple Element Variations

  • چه زمانی باید از این پرس و جوها استفاده کرد When to use These Queries

  • زمان استفاده از Async Queries When to use Async Queries

  • دفترچه سوالات تکمیل شده Completed Queries Notebook

پسوندهای تابع پرس و جو Query Function Suffixes

  • معیارهای پرس و جو Query Criteria

  • زمان استفاده از هر پسوند When to Use Each Suffix

  • دفترچه ضوابط تکمیل شده Completed Criteria Notebook

مسابقات در جست Matchers in Jest

  • غواصی در Matchers Diving into Matchers

  • معرفی تطبیق های سفارشی Introducing Custom Matchers

  • پیاده سازی یک تطبیق سفارشی Implementing a Custom Matcher

نمای کلی پروژه بزرگ Big Project Overview

  • راه اندازی پروژه مورد نیاز - رد نشوید Required Project Setup - Do Not Skip

  • نمای کلی برنامه و راه اندازی App Overview and Setup

  • فناوری در این پروژه The Tech in This Project

  • مسیر پیش رو The Path Ahead

  • فرآیندی برای اشکال زدایی A Process for Debugging

  • درک جریان داده ها در کامپوننت Understanding Data Flowing Into the Component

  • توسعه یک تست و یک اصلاح Developing a Test and a Fix

  • چرخش بیش از ادعاها Looping Over Assertions

  • پرس و جوهای انعطاف پذیر Flexible Queries

عملکرد مرموز "عمل"! The Mysterious 'Act' Function!

  • یک اشکال دیگر! Another Bug!

  • تجزیه و تحلیل داده ها ... دوباره! Analyzing the Data... Again!

  • اضافه کردن متن روتر Adding Router Context

  • به روز رسانی های غیرمنتظره ایالت Unexpected State Updates

  • قانون شامل کتابخانه تست React است Act Included with React Testing Library

  • استفاده از Act (امیدوارم نه!) با RTL Using Act (Hopefully Not!) with RTL

  • حل اخطار قانون Solving the Act Warning

  • ماژول ماژول Module Mocks

  • Absolute Last Ditch Act Solution Absolute Last Ditch Act Solution

  • بررسی لینک Href Checking the Link Href

  • پیاده سازی ویژگی Implementing the Feature

  • بررسی نماد Checking the Icon

  • بررسی لینک Checking the Link

مدیریت واکشی داده ها در تست ها Handling Data Fetching in Tests

  • رفع آسان، تست سخت Easy Fix, Hard Test

  • گزینه هایی برای آزمایش واکشی داده ها Options for Testing Data Fetching

  • استفاده از Request Handler Using a Request Handler

  • راه اندازی اولیه MSW Initial MSW Setup

  • بازرسی دولت جزء Inspecting the Component State

  • تست درخواست موثر Effective Request Testing

  • مشکلی با گردانندگان جعلی An Issue with Fake Handlers

  • مسیرهای جعلی ساده تر - هدف اینجاست Easier Fake Routes - Here's the Goal

  • ساخت یک عملکرد ایجاد سرور قابل استفاده مجدد Making a Reusable Create Server Function

تست‌هایی پیرامون احراز هویت Tests Around Authentication

  • تست احراز هویت Testing Authentication

  • آشنایی با Auth API Understanding the Auth API

  • حکم اعدام Order of Execution

  • قلاب های تست محدوده Scoping Test Hooks

  • هشدارهای عملی... دوباره! Act Warnings... Again!

  • ادعاها در مورد پیوندهای تأیید اعتبار Assertions Around Auth Links

  • صبر کنید... کار نمی کند!؟ Wait... It Doesn't Work!?

  • محدود کردن اجرای آزمون Limiting Test Execution

  • استفاده از دیباگرها در تست ها Using Debuggers in Tests

  • تست اشکال زدایی در عمل Test Debugging in Action

  • آخرین نکته برای رفع اشکال One Last Debugging Hint

  • این یک مشکل حافظه پنهان است! It Is a Caching Issue!

  • حل مشکل حافظه پنهان Solving the Caching Issue

جایزه! Bonus!

  • جایزه! Bonus!

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش React Testing Library and Jest: The Complete Guide
جزییات دوره
7.5 hours
94
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,788
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Stephen Grider Stephen Grider

معمار مهندسی