Unit testing for Vue.js components

Focused View

Adrien Haik Martos

3:09:27

68 View

1. Create your first test

1. Introduction.mp4

01:09

2. Setup a new Vue project with Vite.mp4

03:34

3. Our first test.mp4

10:52

4. @vueunit-test VS testing-libraryvue.mp4

08:06

5. shallowMount VS mount.mp4

05:19

2. Different Component Inputs and Outputs

1. Differents inputsouputs.mp4

04:01

2. Prop to external call (native js function call).mp4

08:56

3. Prop to external call (method library call).mp4

06:44

4. Prop to dispatch.mp4

12:55

5. Prop binding with child.mp4

09:57

6. Prop to rendering.mp4

13:24

7. Child event to event.mp4

18:44

8. Child event to external call.mp4

09:52

9. Child event to dispatch.mp4

08:23

10. Child event to binding with child.mp4

05:59

11. Child event to rendering.mp4

04:11

12. Getter from store to event emission.mp4

07:53

13. Getter from store to external call.mp4

09:20

14. Getter from store to dispatch.mp4

05:23

15. Getter from store to prop binding.mp4

03:31

16. Getter from store to rendering.mp4

05:03

17. Slots to rendering.mp4

10:59

3. Setup Github workflow with unit test

1. The code coverage.mp4

03:37

2. Create Github workflow to comment on Pull Request with coverage report.mp4

05:56

3. Add threshold for coverage.mp4

05:39

Description

TDD, unit testing, Vue.js, vitest

What You'll Learn?

Vue unit test
Vue component testing
Unit testing with Vue
Different inputs and outputs of a Vue component
Improve your developer skills
Pinia
Vitest
Create Robust app

Who is this for?

This course is for Vue developer that want to know how to test their components

This course is for Vue developer that want to build more robuts softwares

This course is for Vue developer that want to improve their skills

This course is for Vue developer that want to increase their salary

What You Need to Know?

Knowledge on Vue

More details

Description
Welcome, everybody! My name is Adrien Haik Martos, and I've been a software engineer for the last 5 years. I mainly work in the front-end using Vue.js as JS framework. In this course, you will learn how to thoroughly test your Vue.js components using Vitest, ensuring coverage for your application, and subsequently deploying it with serenity into production. All the features in the course are implemented using Test-Driven Development (TDD), allowing us to maintain control over our processes. If a bug appears, you can identify and catch it directly within your tests. Only when your tests are green should you begin the development mode to verify that everything is functioning correctly.
Throughout the course, you will gain insights into the potential inputs and outputs of a Vue.js component. Additionally, we will explore the distinctions between black-box testing and white-box testing. We will delve into setting up Vitest and even create a wrapper factory to establish a global configuration for our wrappers.
Join this course to master Vue.js component testing with Vitest, ensuring your app is solid before deploying it smoothly. Learn through Test-Driven Development (TDD) and squash bugs early on. Understand inputs, outputs, and testing types for better coding. Ready to level up? Let's begin! With diligence and practice, you'll become a Vue.js testing expert.
Who this course is for:
This course is for Vue developer that want to know how to test their components
This course is for Vue developer that want to build more robuts softwares
This course is for Vue developer that want to improve their skills
This course is for Vue developer that want to increase their salary

User Reviews

Rating

average 0

Total votes0

Focused display

Driven by an unwavering passion for programming, I also have a deep desire to share my knowledge. I specialize in programming, and Udemy has been the ideal platform for expressing and sharing my enthusiasm with students from all around the world.In the professional realm, as an independent fullstack developer for the past 5 years, my daily work is immersed in a great technological diversity. I work on web applications and use a variety of technologies, particularly in back-end development with Node.js, Rust, and Go, and in front-end development with Vue and React.My main goal is to convey the best that the field of development and engineering has to offer. I publish online courses that cover a wide range of programming languages. Additionally, I create tutorials on essential tools and frameworks that every developer should closely follow to stay up to date with technology. Among my courses, you will find intriguing topics on generative artificial intelligence, including subjects like Midjourney for image generation, as well as the use of Bard for workflow optimization.I invite you to join my courses and embark on a learning journey that will equip you with the skills and knowledge needed to excel in the ever-changing world of technology.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.