React Nextjs-Testing Library Jest Full Project Test بالعربي
- Description
- Curriculum
- FAQ
- Reviews
كورس موجه لمطورين الويب عموما ومطورين الرياكت خصوصا
لتعليم اختبار المشاريع عن طريق مكتبه React Testing Library & Jest
نبدا بتعليم معنى الاختبار وانواعه واهميته داخل المشاريع والشركات
ثم نبدا بتعليم اساسيات مكتبه Jest
ومكتبه React Testing Library
وتطبيق امثله عليهم ثم تطبيق الاختبارات على مشروع عملي وهو Todo Tasks List App
ثم ننتقل للتطبيق على مشروع اكبر واكثر تعقيدا واكثر واقعيه
وفيه تعامل مع Api
وهو عباره عن موقع لعرض الافلام من علي الانترنت من قاعده بيانات جاهزه وعرض تفاصيل كل فيلم منفصل
والبحث داخل قاعده بيانات الافلام والتنقل بينها عن طريق صفحات التنقل
كذلك عمل اختبار للموقع بالكامل وشرح كيفيه التعامل مع الاختبارات في اي موقع اخر حقيقي سواء كان حجمه كبير ام صغير
عمل اختبار لل ٍRedux & Redux Toolkit
وشرح الفرق بينهم والتعامل معهم داخل اي مشروع رياكت او نكست
————————————————————
ثم ننتقل لشرح مكتبه ال MSW
لشرح التعامل مع Fetching Data بجميع انواعها
والتعامل معها بطرق مختلفه وبامثله عديده
————————————————————
اذا كنت مبتدى او متوسط المستوي او متقدم المستوي فان هذا الكورس موجه لك لينقل مهاراتك الى مرحله ومستوى اخر
هذا الكورس موجه للمطورين لزياده مهارتهم وخبراتهم
————————————————————
ثم ننتقل في النهايه لشرح اطار عمل ال Next js
والذي هو يعتبر مبني علي React js
سنقوم بشرح بالتفصيل الفرق بينه وبين الرياكت من ناحيه الاختبارات وال testing داخل مكتبه jest
ومكتبه react testing library
وكيفيه التعامل في مشروع نكست او رياكت
وكذلك عمل اختبارات لل Routing داخل النكست
وعمل اختبارات لمكتبه ال MSW
وعمل اختبارات للRedux ReduxToolkit
-
4
01-Overview Waht Testing (بالعربي) -
5
02-Why Automated Testing (بالعربي)
-
6
03-What Jest ? (بالعربي)
-
7
04-What React Testing Library (بالعربي)
-
8
05-Types Of Automation Test (بالعربي)
-
9
06-First Test Run (بالعربي)
-
10
07-Explan Test Page (بالعربي)
-
11
08-getByTestId-watchMode-filter (بالعربي)
-
12
09-beDisabled-haveAttribute-haveText (بالعربي)
-
13
10-React Testing -TDD(بالعربي)
-
14
11-Fire Event Part 1(بالعربي)
-
15
12-Fire Event Part 2 (بالعربي)
-
16
13-Grouping-Only-Skip(بالعربي)
-
17
14-Using Matchers(بالعربي)
-
18
15-Asynnchronous Test(بالعربي)
-
19
16-Queries Intro (بالعربي)
-
20
17-Queries getBy Part 1 (بالعربي)
-
21
18-Queries getBy Part 2(بالعربي)
-
22
19-Queries getBy Part 3(بالعربي)
-
23
20- Queries getAllBy Part 1 (بالعربي)
-
24
21-React Testing - Queries getAllBy Part 2 (بالعربي)
-
25
22-React Testing - Queries getAllBy Part 2 (بالعربي)
-
26
23-React Testing - Queries queryBy (بالعربي)
-
27
24-React Testing - Queries findBy (بالعربي)
-
28
25-React Testing - UserEvent(بالعربي)
-
29
26-React Testing - Mock Functions (بالعربي)
-
30
01-Todo Task App Testing -Overview
-
31
02-Todo Task App Testing -Test Cases
-
32
03-Todo Task App Testing -Form Render Correctly
-
33
04-Todo Task App Testing -Input Typing Value Change
-
34
05-Todo Task App Testing -Error Message Displayed
-
35
06-Todo Task App Testing -Add Item When Click Button
-
36
07-Todo Task App Testing -Input Clear After Adding
-
37
08-Todo Task App Testing -Item List Test Cases
-
38
09-Todo Task App Testing -Render 0 Tasks When No Data
-
39
10-Todo Task App Testing -Render 3 Tasks When Pass 3 Tasks
-
40
11-Todo Task App Testing -Item Component Test Cases
-
41
12-Todo Task App Testing - Item Component Render 1 Item
-
42
13-Todo Task App Testing -Delete Button
-
43
14-Todo Task App Testing -Done Button
-
44
15-Todo Task App Testing -Edit Button
-
45
16-Todo Task App Testing -Test All App
-
50
01-Fetch Data Intro
-
51
02-Fetch Data-Jest Mock Part 1
-
52
03-Fetch Data-Jest Mock Part 2
-
53
04-Fetch Data-Jest Mock Part 3
-
54
05-Fetching Data - MWS Part 1
-
55
06-Fetching Data - MWS Part 2 setupWorker vs setupServer
-
56
07-Fetching Data - MWS Part 3
-
57
08-Fetching Data - MWS Part 4
-
58
09-Fetching Data - MWS Part 5
-
59
10-Fetching Data - MWS Part 6 - setupWorker
-
60
01-Section Intro
-
61
02-Navbar - Ui Test
-
62
03-Redux & Redux Toolkit Testing Part 1
-
63
04-Redux & Redux Toolkit Testing Part 2
-
64
05-Navbar - Ui Test Part 2
-
65
06-Navbar - Search Test Part 1.
-
66
07-Navbar - Search Test Part 2
-
67
08-Navbar - Search Test Part 3
-
68
09-Navbar - Search Test Part 4
-
69
10-MovieList - First Load Test Part 1
-
70
11-MovieList - First Load Test Part 2
-
71
12-MovieList - No Data Found
-
72
13-CardMovie - UI.
-
73
14-CardMovie - Link Url-Fix Ui Error
-
74
15-MovieDetalis - Part 1
-
75
16-MovieDetalis - Part 2
-
76
17-MovieDetalis - Part 3
-
77
18-MovieDetalis - Part 4
-
78
19-MovieDetalis - Part 5
-
79
20-Pagination Component - Part 1
-
80
21-Pagination Component - Part 2
-
81
22-Pagination Component - Part 3
-
82
23-Pagination Component - Part 4
-
83
24-Pagination Component - Part 5
-
84
25-Summary مهم
