Vue.js: Testing and Debugging
1h 19mIntermediate2021-09-02
Authors
Fikayo Adepoju
Technical Writer | Software Developer
Course details
You've learned Vue and can create amazing front-end interfaces, but how do you make sure they really work? With Jest, ESLint, and browser dev tools, you can look under the hood and see how well your interface is really working. Instructor Fikayo Adepoju explains the benefits of well-tested code, then delves into how to set up your testing tools. Fikayo goes over everything you need to start unit testing, including testing strings using matchers, organizing tests, testing asynchronous code, and more. He shows you how to test Vue.js components and how to use Chrome DevTools and Vue.js Devtools to debug your application. Plus, Fikayo steps through functional and automated testing in Cypress and CircleCI.
Skills covered
Vue.jsSoftware TestingJavaScriptProgramming FoundationsOracleOpen SourceSoftware DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Testing Vue applications
- 02 - What you should know
- 03 - Exercise files for testing and debugging
- 04 - Why you need to test
1. Setting Up Testing Tools
- 05 - Setting up the sample project
- 06 - What makes up a testing toolkit
- 07 - Getting started with Jest
- 08 - Syntax error checking with ESLint
2. Unit Testing
- 09 - Installing and running Jest
- 10 - Testing strings using matchers
- 11 - Testing numeric values
- 12 - Testing objects and arrays
- 13 - Organizing tests
- 14 - Testing asynchronous code
- 15 - Analyzing test coverage
3. Testing Vue Components
- 16 - Mounting components using render
- 17 - Accessing elements within a component
- 18 - Firing events on components
4. Debugging with Vue and Chrome Developer tools
- 19 - Debugging errors using Chrome DevTools
- 20 - Setting up Vue Devtools
- 21 - Debugging with Vue Devtools
- 22 - Tracking and debugging state
- 23 - Running a performance audit
5. Functional and Automated Testing
- 24 - Introduction to Cypress
- 25 - Running a simple end-to-end test with Cypress
- 26 - Automated testing with CircleCI
Conclusion
- 27 - Next steps with testing