آموزش آزمایش برنامه های React با کتابخانه تست React (RTL)

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

معرفی Introduction

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

• مقدمه ای بر RTL Introduction to RTL

معرفی Introduction

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

• مقدمه ای بر RTL Introduction to RTL

جایزه BONUS

• به جامعه بپیوندید! Join the community!

جایزه BONUS

• به جامعه بپیوندید! Join the community!

ایجاد React App Create React App

• ایجاد React App در پشت صحنه Create React App behind the scenes

ایجاد React App Create React App

• مخزن این دوره The repo for this course

• مخزن این دوره The repo for this course

• ایجاد React App در پشت صحنه Create React App behind the scenes

شوخی Jest

• نوشتن اولین آزمون ما Writing our first test

شوخی Jest

• درک جست Understanding Jest

• درک جست Understanding Jest

• نوشتن اولین آزمون ما Writing our first test

کتابخانه تست واکنش React Testing Library

• انتخاب عناصر با getByText Selecting elements with getByText

• انتخاب عناصر با getByRole Selecting elements with getByRole

• queryBy نوع جستجو queryBy search variant

• تعامل کاربر با کاربر رویداد API User interaction with the user event API

کتابخانه تست واکنش React Testing Library

• یک اشتباه کوچک! A little mistake!

• یک اشتباه کوچک! A little mistake!

• رندر کردن کامپوننت با RTL Rendering a component with RTL

• رندر کردن کامپوننت با RTL Rendering a component with RTL

• انتخاب عناصر با getByText Selecting elements with getByText

• انتخاب عناصر با getByRole Selecting elements with getByRole

• queryBy نوع جستجو queryBy search variant

• findBy نوع جستجو (قسمت 1) findBy search variant (Part 1)

• findBy نوع جستجو (قسمت 1) findBy search variant (Part 1)

• findBy نوع جستجو (قسمت 2) findBy search variant (Part 2)

• findBy نوع جستجو (قسمت 2) findBy search variant (Part 2)

• یک اشتباه کوچک در یکی از تست ها! A little mistake in one of the tests!

• یک اشتباه کوچک در یکی از تست ها! A little mistake in one of the tests!

• findBy نوع جستجو (قسمت 3) findBy search variant (Part 3)

• findBy نوع جستجو (قسمت 3) findBy search variant (Part 3)

• پرس و جو از چندین عنصر Querying multiple elements

• پرس و جو از چندین عنصر Querying multiple elements

• تعامل کاربر با تابع fireEvent User interaction with the fireEvent function

• تعامل کاربر با تابع fireEvent User interaction with the fireEvent function

• تعامل کاربر با کاربر رویداد API User interaction with the user event API

• آزمایش یک مؤلفه به صورت مجزا با کاربر رویداد API Testing a component in isolation with the user event API

• آزمایش یک مؤلفه به صورت مجزا با کاربر رویداد API Testing a component in isolation with the user event API

پوشش و رفع اشکال Coverage and debugging

پوشش و رفع اشکال Coverage and debugging

• پوشش Coverage

• پوشش Coverage

• اشکال زدایی Debugging

• اشکال زدایی Debugging

مثال پیچیده تر A more complex example

• ایجاد کامپوننت پوکمون Creating a Pokemon component

• تست کامپوننت پوکمون Testing the Pokemon component

مثال پیچیده تر A more complex example

• ایجاد کامپوننت پوکمون Creating a Pokemon component

• تست کامپوننت پوکمون Testing the Pokemon component

تطبیق های سفارشی بیشتر More custom matchers

تطبیق های سفارشی بیشتر More custom matchers

• کتابخانه Jest DOM از RTL Jest DOM library from RTL

• کتابخانه Jest DOM از RTL Jest DOM library from RTL