آموزش تست واحد برای کامپوننت های 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

نمایش نظرات

آموزش تست واحد برای کامپوننت های Vue.js
جزییات دوره
3 hours
25
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
198
4.3 از 5
ندارد
دارد
دارد
Adri HM
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Adri HM Adri HM

فریلنسر فول استک دولوپر