Unit testing for Vue.js components

Unit testing for Vue.js components, available at $19.99, has an average rating of 4.05, with 25 lectures, based on 28 reviews, and has 127 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for Vue developer that want to know how to test their components or This course is for Vue developer that want to build more robuts softwares or This course is for Vue developer that want to improve their skills or This course is for Vue developer that want to increase their salary It is particularly useful for This course is for Vue developer that want to know how to test their components or This course is for Vue developer that want to build more robuts softwares or This course is for Vue developer that want to improve their skills or This course is for Vue developer that want to increase their salary.

Enroll now: Unit testing for Vue.js components

Summary

Title: Unit testing for Vue.js components

Price: $19.99

Average Rating: 4.05

Number of Lectures: 25

Number of Published Lectures: 25

Number of Curriculum Items: 25

Number of Published Curriculum Objects: 25

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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 Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Create your first test

Lecture 1: Introduction

Lecture 2: Setup a new Vue project with Vite

Lecture 3: Our first test

Lecture 4: @vue/unit-test VS testing-library/vue

Lecture 5: shallowMount VS mount

Chapter 2: Different Component Inputs and Outputs

Lecture 1: Differents inputs/ouputs

Lecture 2: Prop to external call (native js function call)

Lecture 3: Prop to external call (method library call)

Lecture 4: Prop to dispatch

Lecture 5: Prop binding with child

Lecture 6: Prop to rendering

Lecture 7: Child event to event

Lecture 8: Child event to external call

Lecture 9: Child event to dispatch

Lecture 10: Child event to binding with child

Lecture 11: Child event to rendering

Lecture 12: Getter from store to event emission

Lecture 13: Getter from store to external call

Lecture 14: Getter from store to dispatch

Lecture 15: Getter from store to prop binding

Lecture 16: Getter from store to rendering

Lecture 17: Slots to rendering

Chapter 3: Setup Github workflow with unit test

Lecture 1: The code coverage

Lecture 2: Create Github workflow to comment on Pull Request with coverage report

Lecture 3: Add threshold for coverage

Instructors

Adri HM
Desarrollador Fullstack Freelance

Rating Distribution

1 stars: 0 votes
2 stars: 3 votes
3 stars: 2 votes
4 stars: 10 votes
5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu