آموزش واکنش - آزمایش

React - testing

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تست برنامه های React با Jest و React Testing Library Testing نرم افزار React Jest Framework کتابخانه React Testing کتابخانه پیش ها: دانستن چارچوب React

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

ما روی آزمایش برنامه وب در React تمرکز خواهیم کرد. من توضیح خواهم داد که چرا ارزش تست کردن را دارد و چه ابزارهایی را برای آزمایش برنامه react باید انتخاب کنیم. ما در مورد بسیاری از جنبه‌های مختلف تست صحبت خواهیم کرد: تست‌های واحد، تست‌های یکپارچه‌سازی، عکس‌های فوری، اجرای تست، توصیف، تست‌های قبل و بعد، تست‌های پرش، حلقه‌ها، تطبیق‌ها، درستی و نادرستی، رندر جزء، رویداد آتش‌سازی، تمسخر، واکشی API ، عمل کنید، صبر کنید و بسیاری دیگر. پس از این آموزش، شما قادر خواهید بود با تست اپلیکیشن های پویا در React، موانع زیادی را بر طرف کنید. ما تست‌های مختلف زیادی برای پوشش تکنیک‌ها و روش‌های مختلف انتخاب عناصر خاص و تعامل با آنها خواهیم نوشت.

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

بعد از اینکه بدانیم Jest چیست و چگونه کار می کند، اولین برنامه خود را با React Testing Library نصب خواهیم کرد. من به شما نشان خواهم داد که آن کتابخانه چگونه کار می کند و چه گزینه هایی با آن داریم. ما اجزای خود را رندر می‌کنیم و رویدادهای مختلفی را راه‌اندازی می‌کنیم.

بخش اصلی این آموزش، آزمایش برنامه واقعی React خواهد بود. ما یک برنامه آماده خواهیم داشت که در React نوشته شده است و شروع به استفاده از تکنیک های مختلف برای آزمایش اجزای خود خواهیم کرد. ما از جدیدترین روندها در React like hooks با useState و useEffect استفاده خواهیم کرد. وقتی آن فصل را تمام کردید، متوجه خواهید شد که چه نوع مشکلاتی ممکن است هنگام نوشتن تست های خود برای React داشته باشید و مهمتر از آن، چگونه آنها را با کتابخانه تست Jest و React حل کنید.


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

معرفی Introduction

  • ابزار تست Testing tools

  • راه اندازی محیط Setting up environment

شوخی Jest

  • دونده تست Test runner

  • کلید واژه ها Keywords

  • تست متغیرها و توابع Testing variables and functions

  • قبل و بعد از آزمایش Before and after tests

  • پرش، فقط و مهلت زمانی Skip, only and timeout

  • حلقه ها در تست ها Loops in tests

  • همسان Matchers

  • راست و دروغ Truthy and Falsy

  • خطاهای تست Testing errors

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

  • مقدمه ای بر کتابخانه تست واکنش Introduction to react testing library

  • تست کامپوننت Component test

  • تست اول با رندر First test with render

  • اطلاعات موجود در مورد عنصر Information available on the element

  • روش های انتخاب عناصر Methods to select elements

  • رویداد آتش سوزی Fire event

  • در حال تغییر حالت Changing state

تست اپلیکیشن واقعی Testing real app

  • در حال نصب برنامه Installing the app

  • آماده سازی تست برای کامپوننت Preparing tests for component

  • عکس فوری Snapshot

  • باید متن نمایش داده شود Should display text

  • بررسی رتبه بندی ها Checking ratings

  • تست رویدادهای ماوس Testing mouse events

  • مسخره Mocking

  • آزمایش عناصر فرم Testing form elements

  • مقادیر ورودی Input values

  • SpyOn و صبر کنید SpyOn and wait

  • واکشی ساختگی Mock fetch

  • آرگومان های تابع ساختگی Mock function arguments

  • تست مولفه والد Testing parent component

  • تابع Act Act function

  • خطاهای تست Testing errors

  • لیست و دکمه تست Testing list and button

  • با کلیک بر روی عناصر Clicking on elements

خلاصه Summary

  • مراحل بعدی Next steps

نمایش نظرات

آموزش واکنش - آزمایش
جزییات دوره
5 hours
36
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
575
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Krystian Czekalski Krystian Czekalski

مهندس ارشد فول استک