🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تست واحد برای کامپوننت های Vue.js
- آخرین آپدیت
دانلود Unit testing for Vue.js components
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش تست واحد و تست کامپوننت در Vue.js با Vitest: به این دوره خوش آمدید! نام من آدریان هایک مارتوس است و من به مدت 5 سال مهندس نرمافزار بودهام. من عمدتاً در فرانتاند با استفاده از Vue.js به عنوان فریمورک جاوااسکریپت کار میکنم. در این دوره، شما یاد خواهید گرفت که چگونه کامپوننتهای Vue.js خود را به طور کامل با استفاده از Vitest تست کنید و از پوشش کامل برنامه خود اطمینان حاصل کنید و در نتیجه آن را با آرامش در محیط عملیاتی مستقر کنید. تمام ویژگیهای این دوره با استفاده از توسعه تست محور (TDD) پیادهسازی شدهاند، که به ما امکان میدهد کنترل فرآیندهای خود را حفظ کنیم. اگر باگی ظاهر شود، میتوانید مستقیماً آن را در تستهای خود شناسایی و رفع کنید. فقط زمانی که تستهای شما موفق (green) شدند، باید حالت توسعه را شروع کنید تا بررسی کنید که همه چیز به درستی کار میکند.
در طول این دوره، بینشهایی در مورد ورودیها و خروجیهای بالقوه یک کامپوننت Vue.js به دست خواهید آورد. علاوه بر این، تفاوتهای بین تست جعبه سیاه و تست جعبه سفید را بررسی خواهیم کرد. ما به راهاندازی Vitest میپردازیم و حتی یک کارخانه wrapper ایجاد میکنیم تا یک پیکربندی سراسری برای wrapperهای خود ایجاد کنیم. همچنین با Pinia کار خواهیم کرد.
به این دوره بپیوندید تا در تست کامپوننت Vue.js با Vitest مسلط شوید و اطمینان حاصل کنید که برنامه شما قبل از استقرار روان، قوی و بدون نقص است. از طریق توسعه تست محور (TDD) یاد بگیرید و باگها را در مراحل اولیه از بین ببرید. ورودیها، خروجیها و انواع تست را برای کدنویسی بهتر درک کنید. برای پیشرفت آمادهاید؟ شروع کنیم! با پشتکار و تمرین، شما به یک متخصص تست Vue.js تبدیل خواهید شد. این آموزش به شما کمک میکند تا مهارتهای توسعهدهنده خود را بهبود ببخشید و یک برنامه قوی بسازید.
پیشنیاز: دانش Vue
سرفصل ها و درس ها
ایجاد اولین تست خود
Create your first test
مقدمه
Introduction
راه اندازی یک پروژه جدید Vue با Vite
Setup a new Vue project with Vite
اولین تست ما
Our first test
@vue/unit-test در مقابل testing-library/vue
@vue/unit-test VS testing-library/vue
shallowMount در مقابل mount
shallowMount VS mount
ورودی و خروجی های مختلف کامپوننت
Different Component Inputs and Outputs
ورودی/خروجی های مختلف
Differents inputs/ouputs
Prop به فراخوانی خارجی (فراخوانی تابع جاوا اسکریپت بومی)
Prop to external call (native js function call)
Prop به فراخوانی خارجی (فراخوانی کتابخانه متد)
Prop to external call (method library call)
Prop به dispatch
Prop to dispatch
Prop binding با فرزند
Prop binding with child
Prop به رندرینگ
Prop to rendering
رویداد فرزند به رویداد
Child event to event
رویداد فرزند به فراخوانی خارجی
Child event to external call
رویداد فرزند به dispatch
Child event to dispatch
رویداد فرزند به binding با فرزند
Child event to binding with child
رویداد فرزند به رندرینگ
Child event to rendering
Getter از store به انتشار رویداد
Getter from store to event emission
Getter از store به فراخوانی خارجی
Getter from store to external call
Getter از store به dispatch
Getter from store to dispatch
Getter از store به prop binding
Getter from store to prop binding
Getter از store به رندرینگ
Getter from store to rendering
Slots به رندرینگ
Slots to rendering
راه اندازی گردش کار Github با تست واحد
Setup Github workflow with unit test
پوشش کد
The code coverage
ایجاد گردش کار Github برای نظر دادن در Pull Request با گزارش پوشش
Create Github workflow to comment on Pull Request with coverage report
اضافه کردن آستانه برای پوشش
Add threshold for coverage
نمایش نظرات