#34 - Unit Testing Components - Vue 3 (Options API) Tutorial

In this Vue 3 tutorial, we learn how to test specific Vue features with Jest. We cover testing components and their children, elements in components, computed properties, props and native and custom events.

We cover the following topics:
1. Lesson Project
2. How to test a component
3. How to test if elements exist
4. How to find a child component
5. How to test computed properties
6. How to test props
7. How to test native DOM events
8. How to test component events

Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)

Jest Test Runner
https://jestjs.io/

Vue CLI Unit Jest Plugin
https://cli.vuejs.org/core-plugins/un...

Vue Jest
https://github.com/vuejs/vue-jest

Vue Testing Utilities
https://next.vue-test-utils.vuejs.org/

This lesson is also available in written format
https://www.koderhq.com/tutorial/vue/...

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
Vue 3 for Beginners

Subscribe to the channel and never miss a lesson
@koderhq

Visit the website for a wide range of programming tutorials
https://www.koderhq.com

• #education
• #vue
• #vue_3
• #vuejs
• #vuejs_3
• #vue_for_beginners
• #vue_tutorial_for_beginners
• #vuejs_for_beginners
• #unit_test
• #unit_test_component
• #vue_unit_test_component
• #unit_test_component_vue_tutorial
• #unit_test_computed_properties
• #unit_test_props
• #unit_test_native_dom_events
• #unit_test_component_events
• #unit_test_child_components
• #testing
• #vue_testing
• #vue_3_testing
• #vue_js_testing
• #vue_3_testing_tutorial
• #vue_js_testing_tutorial
• #vuejs