لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Vue.js: آزمایش و اشکال زدایی
Vue.js: Testing and Debugging
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
شما Vue را آموخته اید و می توانید رابط های جلویی شگفت انگیزی ایجاد کنید ، اما چگونه مطمئن می شوید که آنها واقعاً کار می کنند؟ با استفاده از Jest ، ESLint و ابزارهای توسعه دهنده مرورگر ، می توانید زیر کاپوت را نگاه کنید و ببینید که رابط کاربری شما واقعاً چگونه کار می کند. مربی Fikayo Adepoju مزایای کد خوب تست شده را توضیح می دهد ، سپس به چگونگی تنظیم ابزارهای آزمایش خود می پردازد. Fikayo همه چیز مورد نیاز برای شروع آزمایش واحد را بررسی می کند ، از جمله آزمایش رشته ها با استفاده از matchers ، سازماندهی تست ها ، آزمایش کد ناهمزمان و موارد دیگر. او به شما نحوه آزمایش اجزای Vue.js و نحوه استفاده از Chrome DevTools و Vue.js Devtools برای اشکال زدایی برنامه شما را نشان می دهد. به علاوه ، Fikayo مراحل آزمایش خودکار و عملکردی را در Cypress و CircleCI طی می کند.
سرفصل ها و درس ها
معرفی
Introduction
تست برنامه های کاربردی VUE
Testing Vue applications
آنچه باید بدانید
What you should know
فایل های تمرین برای آزمایش و اشکال زدایی
Exercise files for testing and debugging
چرا باید تست کنید
Why you need to test
1. راه اندازی ابزارهای آزمایش
1. Setting Up Testing Tools
راه اندازی پروژه نمونه
Setting up the sample project
یک مجموعه ابزار تست چیست؟
What makes up a testing toolkit?
شروع به کار با Jest
Getting started with Jest
بررسی خطای نحو با ESLint
Syntax error checking with ESLint
2. تست واحد
2. Unit Testing
نصب و اجرای Jest
Installing and running Jest
آزمایش رشته ها با استفاده از matchers
Testing strings using matchers
آزمایش مقادیر عددی
Testing numeric values
تست اشیاء و آرایه ها
Testing objects and arrays
سازماندهی آزمون ها
Organizing tests
تست کد ناهمزمان
Testing asynchronous code
تجزیه و تحلیل پوشش آزمون
Analyzing test coverage
3. آزمایش اجزای Vue
3. Testing Vue Components
نصب قطعات با استفاده از رندر
Mounting components using render
دسترسی به عناصر درون یک جزء
Accessing elements within a component
شلیک رویدادها روی اجزاء
Firing events on components
4. اشکال زدایی با ابزارهای Vue و Chrome Developer
4. Debugging with Vue and Chrome Developer tools
اشکالات اشکال زدایی با استفاده از Chrome DevTools
Debugging errors using Chrome DevTools
راه اندازی Vue Devtools
Setting up Vue Devtools
اشکال زدایی با Vue Devtools
Debugging with Vue Devtools
ردیابی و اشکال زدایی دولت
Tracking and debugging state
اجرای ممیزی عملکرد
Running a performance audit
5. تست عملکردی و خودکار
5. Functional and Automated Testing
آشنایی با سرو
Introduction to Cypress
اجرای یک آزمایش ساده به انتها با سرو
Running a simple end-to-end test with Cypress
تست خودکار با CircleCI
Automated testing with CircleCI
نمایش نظرات