آموزش Zero to Hero در Jest Unit و تست یکپارچه سازی با React

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

معرفی و راه اندازی Introduction & Setup

• مقدمه و مروری بر دوره Introduction and Course Overview

• مربی خود را بشناسید و کمک/پشتیبانی دریافت کنید Know Your Instructor & Get Help/Support

• ویرایشگر کد ویژوال استودیو را نصب کنید Install Visual Studio Code editor

• نصب زمان اجرا NodeJS Installing NodeJS runtime

• چرا ما به تست و SDLC نیاز داریم Why we need Testing and SDLC

• رویکرد تست BDD در مقابل TDD BDD vs TDD Testing Approach

• انواع تست - UT، IT، E2E Types of Testing - UT, IT, E2E

نوشتن اولین مورد تست Writing First Test Case

• ایجاد React App و افزودن قابلیت تست Creating React App and Adding Testing Capability

• ایجاد برخی از عناصر DOM برای آزمایش پایه Creating Some DOM elements for Basic Testing

• نوشتن و اجرای اولین آزمون ما Writting and Running our First Test

• چگونه نقش یک عنصر را بدست آوریم How to get the Role of an Element

• درک تفاوت بین getBy queryBy و findBy Understanding difference between getBy queryBy and findBy

• کد دستی برای getBy queryBy Code Hands-on for getBy queryBy

تست های نوشتن برای جزء فرم بازخورد Writing Tests for Feedback Form Component

• الزامات مورد آزمایش واحد Requirements for Unit Test Cases

• ساختار پروژه را راه اندازی کنید و پسوند react را نصب کنید Setup project structure and install react extension

• مورد آزمایشی برای سناریوی بارگذاری فرم بازخورد Test case for Feedback Form Onload Scenario

• گروه بندی تست های مشابه در یک بلوک Describe Grouping similar Tests in one Describe block

• افزودن تعامل کاربر به تست ما با کمک fireEvent Adding user interaction to our Test with the help of fireEvent

توسعه فرم بازخورد Developing the Feedback Form

• درک جریان و ساختار پروژه React Understanding React Project Flow and Structure

• متغیر حالت و قلاب useState State variable and useState hook

• React Functional Component و JSX React Functional component and JSX

• توسعه فرم بازخورد Developing the Feedback Form

• تست برنامه به صورت دستی و با تست واحد Testing the Application manually and with Unit test

• استفاده از userEvent برای تست تعامل کاربر Using userEvent to test user interaction

تست های نوشتن برای مؤلفه مرور کلی بازخورد Writing Tests for Feedback Overview Component

• آزمون واحد مورد نیاز برای مؤلفه مرور کلی بازخورد Unit test Requirement for Feedback Overview component

• تست بازخورد اجمالی برای هیچ بازخوردی یافت نشد Feedback Overview Test for No Feedback Found

• بازخورد تست بررسی اجمالی برای 2 بازخورد پیدا شد Feedback Overview Test for 2 Feedback Found

در حال توسعه کامپوننت بررسی اجمالی بازخورد Developing Feedback Overview Component

• توسعه کامپوننت بررسی اجمالی بازخورد و ارسال داده ها Developing the Feedback Overview Component and Passing data

• اجرای موارد آزمایشی Executing the test cases

• چگونه موارد آزمایشی خود را بهبود بخشید How to Improve your test cases

تست ادغام نوشتاری Writing Integration Test

• الزامات برای سناریوهای تست یکپارچه سازی Requirements for Integration test scenarios

• اجرای آزمون ادغام سناریو 1 Implementing Integration test Scenario 1

• اجرای آزمون ادغام سناریو 2 Implementing Integration test Scenario 2

توسعه قابلیت Frontend و Backend برای افزودن بازخورد جدید Developing Frontend and Backend functionality of Adding new Feedback

• توسعه قابلیت افزودن بازخورد جدید Developing the functionality of adding new feedback

• مروری بر الزامات تماس‌های Mocking API Requirements overview for Mocking API calls

• نصب کتابخانه MSW Installing MSW library

• ایجاد کنترل کننده MSW برای ایجاد بازخورد Creating MSW handler for create feedback

• راه اندازی سرور ساختگی Setting up the mock server

• تست ادغام را بر اساس تماس API به روز کنید Update the Integration test based on API call

• برای ذخیره بازخورد از طریق روش واکشی، تماس API برقرار کنید Make API call for saving feedback via fetch method

• نحوه اشکال زدایی کیس تست How to Debug the Test case

• به درک عمیق تست یکپارچه سازی و جریان سرور ساختگی بپردازید Deep dive into understanding the Integration test and Mock server flow

• Backend Node API و تست Frontend با Real Backend Backend Node API and testing Frontend with Real backend