لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش کلاس Master Testing Angular (Angular 15)
Angular Testing Masterclass (Angular 15)
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
راهنمای کامل تست Angular 15 و تست End to End (E2E)، شامل بهترین روشهای تست و کد CI در مخزن Github با فایلهای ZIP قابل دانلود در هر بخش. تست Angular Asynchronous با fakeAsync و Async یکپارچه سازی مداوم با Travis CI پیش نیازها: نیازی به دانش قبلی در مورد تست نیست دانش قبلی Angular مهم است
این دوره به طور خلاصه
این دوره ویدیویی، همراه با یک مخزن در حال اجرا Github یک راهنمای کامل گام به گام برای تست Angular به طور کلی است. ما قصد داریم یک نمونه برنامه کوچک را انتخاب کنیم که قبلاً تکمیل شده است، اما هنوز هیچ آزمایشی ندارد.
سپس بهترین روش برای آزمایش هر بخش از برنامه را مورد بحث قرار میدهیم، و آزمایشها را گام به گام مینویسیم و هر تصمیمی را در طول مسیر توضیح میدهیم.
میخواهیم با نوشتن تستهای واحد برای بخشهای مختلف برنامه شروع کنیم، و سپس در مرحله بعد، نحوه انجام تستهای End to End (E2E) را یاد خواهیم گرفت.
این دوره بیشتر از صحبت در مورد نحوه تست کردن، همچنین زمان و چرایی تست کردن و همچنین انواع بهترین روشهای تست را پوشش میدهد.
نمای کلی دوره
از صفر شروع میکنیم، با معرفی سریع مفاهیم و ابزارهای اصلی چارچوب تست Jasmine، مفاهیم آزمایش رفتار محور را معرفی میکنیم.
سپس میخواهیم برخی از بهترین روشهای آزمایش را معرفی کنیم، و در مورد مسخرهها و جاسوسان یاس صحبت خواهیم کرد. سپس برخی از ابزارهای Angular Testing مانند Angular TestBed را معرفی خواهیم کرد که از آن برای آزمایش چند سرویس ساده Angular استفاده خواهیم کرد.
سپس به آزمایش یک سرویس Angular پیچیدهتر میپردازیم و در مورد تمسخر درخواست Angular HTTP صحبت میکنیم، پس از آن به آزمایش اجزای Angular خواهیم پرداخت.
ما میخواهیم یاد بگیریم که چگونه مؤلفههای Angular را با و بدون DOM آزمایش کنیم، چه بخشهایی از مؤلفه را آزمایش کنیم، و با استفاده از ابزارهای fakeAsync و async به تفصیل آزمایشهای ناهمزمان را پوشش خواهیم داد.
ما نحوه آزمایش چندین نوع مؤلفه Angular را پوشش خواهیم داد، مانند مؤلفههای نمایشی و مؤلفههای هوشمند یا کانتینری، و یاد میگیریم که چگونه خدمات مبتنی بر Angular Observable را مسخره کنیم.
پس از اینکه واحد چندین مؤلفه برنامه خود را آزمایش کرد، میخواهیم یک مجموعه آزمایشی از آزمایشهای End to End با استفاده از Cypress ایجاد کنیم.
هنگامی که آزمایشها را برای برنامه خود نوشتیم، سپس آنها را در Travis CI مستقر میکنیم و مطمئن میشویم که آزمایشها با هر commit فعال میشوند.
در پایان دوره، میخواهیم یک گزارش پوشش آزمایشی ایجاد کنیم و برخی از معیارها را مورد بحث قرار دهیم.
فهرست مطالب
این دوره به موضوعات زیر می پردازد:
مقدمه ای بر چارچوب تست Jasmine
معرفی بر جاسوسان یاس
تست واحد خدمات انگولار ساده
بهترین شیوه های آزمایش یاس
مقدمه ای بر ابزارهای آزمایشی Angular
آزمایش خدمات پیچیده Angular
تمسخر درخواست های Angular HTTP
آزمایش واحد اجزای زاویه ای
آزمایش زاویهای ناهمزمان با fakeAsync و async
تمسخر خدمات مبتنی بر مشاهده
آزمایش واحد اجزای ارائه
آزمایش واحد اجزای هوشمند یا کانتینری
شبیه سازی تعامل کاربر در تست های واحد
آزمایش زاویهای پایان به پایان با Cypress
ادغام پیوسته با Travis CI
گزارشهای پوشش تست Angular CLI
در این دوره چه چیزی یاد خواهید گرفت؟
با این دوره، نوشتن تست های Angular برای چندین نوع سرویس و کامپوننت احساس راحتی خواهید کرد. شما نه تنها چندین ابزار تست Jasmine و Angular را میشناسید، بلکه میدانید چه زمانی و چرا از آنها استفاده کنید.
شما با بهترین روشهای تست Angular آشنا خواهید بود و میدانید که چگونه تستهای مفیدی بنویسید که نوشتن آن زمان زیادی را صرف نمیکند و به سلامت طولانیمدت پروژه شما کمک زیادی میکند.
دروس رایگان دوره را ببینید و لطفا از دوره لذت ببرید!
سرفصل ها و درس ها
شروع دوره - راه اندازی محیط توسعه
Course Kickoff - Development Environment Setup
دوره تست زاویه ای - نمای هلیکوپتر
Angular Testing Course - Helicopter View
مهم - نسخه های نرم افزاری توصیه شده
IMPORTANT - Recommended Software Versions
دوره تست زاویه ای - راه اندازی محیط توسعه
Angular Testing Course - Development Environment Setup
تایپ اسکریپت Jumpstart کتاب الکترونیکی
The Typescript Jumpstart Ebook
معرفی سریع یاس - مجموعه تست و مشخصات
Quick Introduction to Jasmine - Test Suites and Specifications
اجرای گام به گام اولین مشخصات یاس ما
Step-by-Step Implementation of our First Jasmine Specification
تست واحد با یاس - مقدمه ای بر جاسوسان یاس
Unit Testing with Jasmine - Introduction to Jasmine Spies
ساختار تست های واحد زاویه ای - تنظیم تست با استفاده از BeforeEach
Structuring Angular Unit Tests - Test Setup using beforeEach
استفاده از تزریق وابستگی در تست زاویه ای - تخت تست زاویه ای
Using Dependency Injection in Angular Testing - The Angular TestBed
بهترین روشهای تست واحد زاویهای و ابزارهای آزمایشی رایج
Angular Unit Testing Best Practices and commonly used Test Utilities
تست خدمات زاویه ای در عمق
Angular Service Testing In Depth
تست سرویسهای HTTP زاویهای - راهاندازی تست با HttpClientTestingModule
Testing Angular HTTP Services - Test Setup with the HttpClientTestingModule
تست سرویس HTTP زاویه ای - پیاده سازی گام به گام
Angular HTTP Service Testing - Step-by-Step Implementation
جلوگیری از درخواست های ناخواسته HTTP با استفاده از کنترلر تست HTTP
Preventing Unintended HTTP Requests using the HTTP Testing Controller
تست خدمات اصلاح داده های Angular HTTP
Testing Angular HTTP Data Modification Services
خدمات HTTP زاویه ای - کنترل خطاهای آزمایشی
Angular HTTP Services - Testing Error Handling
تست HTTP زاویه ای - بررسی پارامترهای درخواست HTTP
Angular HTTP Testing - Checking HTTP Request Parameters
تست کامپوننت زاویه ای در عمق
Angular Component Testing In Depth
هشدار (این را بخوانید)
WARNING (Read This)
مقدمه ای بر تست اجزای زاویه ای - مولفه های ارائه
Introduction to Angular Component Testing - Presentational Components
تست کامپوننت زاویه ای - راه اندازی آزمایشی با ابزار تست async
Angular Component Testing - Test Setup with the async Test Utility
تست اجزای زاویه ای - تعامل DOM
Angular Component Testing - DOM Interaction
اشکال زدایی تست زاویه ای - چگونه تشخیص تغییر را راه اندازی کنیم؟
Angular Test Debugging - How to Trigger Change Detection?
تست اجزای زاویهای - نتیجهگیری مجموعه تست لیست کارت دوره
Angular Component Testing - Course Card List Test Suite Conclusion
تست اجزای هوشمند زاویه ای یا کانتینری - راه اندازی تست
Testing Angular Smart or Container Components - Test Setup
تمسخر خدمات مبتنی بر مشاهده - تست مؤلفه خانه
Mocking Observable-based Services - Testing the Home Component
مجموعه تست کامپوننت ظرف - مؤلفه خانه
Container Component Test Suite - The Home Component
شبیه سازی تعامل کاربر DOM در تست های واحد زاویه ای
Simulating User DOM Interaction in Angular Unit Tests
تست زاویه ای ناهمزمان در عمق
Asynchronous Angular Testing In Depth
مقدمه ای بر تست زاویه ای ناهمزمان - درک Jasmine done()
Introduction to Asynchronous Angular Testing - Understanding Jasmine done()
درک تست ناهمزمان - یک مثال ساده
Understanding Asynchronous Testing - a Simple Example
درک منطقه تست Angular fakeAsync
Understanding the Angular fakeAsync Testing Zone
تست کد مبتنی بر وعده داده شده - مقدمه ای بر وظایف Microtasks
Testing Promised-based code - Introduction to Microtasks
تست کد مبتنی بر Promise با fakeAsync - درک flushMicrotasks
Testing Promise-based code with fakeAsync - Understanding flushMicrotasks
تست کد ناهمزمان با fakeAsync - مثال کامل
Testing Asynchronous Code with fakeAsync - Full Example
استفاده از fakeAsync برای آزمایش مشاهده پذیرهای ناهمزمان
Using fakeAsync to test Asynchronous Observables
fakeAsync در عمل - رفع تست های مؤلفه Home
fakeAsync in Practice - Fixing the Home component tests
مهم - async() به waitForAsync() تغییر نام داد
IMPORTANT - async() renamed to waitForAsync()
درک منطقه تست Angular waitForAsync()
Understanding the Angular waitForAsync() Test Zone
تست Angular E2E (پایان به انتها) با Cypress
Angular E2E (End to End) Testing with Cypress
Angular (E2E) End to End Testing - شروع کار با Cypress
Angular (E2E) End to End Testing - Getting Started with Cypress
Angular E2E (تست End To End) Hello World with Cypress
Angular E2E (End To End Test) Hello World with Cypress
چگونه با استفاده از Cypress یک Backend HTTP را مسخره کنیم
How to Mock an HTTP Backend using Cypress
شبیه سازی تعامل کاربر در تست های انتها به پایان سرو
Simulating User Interaction in Cypress End to End Tests
آماده سازی یک برنامه زاویه ای برای یکپارچه سازی مداوم (CI)
Preparing an Angular Application for Continuous Integration (CI)
پوشش و استقرار کد Angular CLI در حالت تولید
Angular CLI Code Coverage and Deployment in Production Mode
آماده سازی یک برنامه زاویه ای برای یکپارچه سازی مداوم (CI)
Preparing an Angular Application for Continuous Integration (CI)
اجرای تست Cypress E2E با استفاده از Travis CI
Running Cypress E2E Tests using Travis CI
نتیجه
Conclusion
سخنرانی پاداش
Bonus Lecture
دوره تست زاویه ای - نتیجه گیری و نکات کلیدی
Angular Testing Course - Conclusions and Key Takeaways
نمایش نظرات