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

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

شیرجه رفتن - بیایید شروع کنیم! 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!