Testing Vue.js Applications Summary

[eddie0329]

Preface

This is summary of book, Testing Vue.js Applications by Edd Yerburgh. The example codes will be posted and it will be linked at the content.

Index

 - Chapter 1. Introduction to testing Vue Applications

 - Chapter 2. Creating your first test

 - Chapter 3. Testing rendered component output

 - Chapter 4. Testing component methods

 - Chapter 5. Testing events

 - Chapter 6. Understanding Vuex

 - Chapter 7. Testing Vuex

 - Chapter 8. Organizing tests with factory functions

 - Chapter 9. Understanding Vue Router

 - Chapter 10. Testing Vue Router

 - Chapter 11. Testing mixins and filters

 - Chapter 12. Writing snapshot tests

 - Chapter 13. Testing server-side rendering

 - Chapter 14. Writing end to end tests

[eddie0329]

Chapter 1. Introduction to testing Vue application

This chapter will cover following 3 questions

• What testing is?
• Why testing is useful?
• What's the difference between unit tests, e2e tests, and snapshot tests?

📌 What testing is

There are 2 kinds of tests.

• Manual Testing
  • Normal people do.
• Automated Testing
  • Like using jest stuff

📌 Why testing is useful

Manual testing works great for small projects, however when your app grows to a certain size, relyiung on manual testing becomes a burden.

📌 The difference between unit tests, e2e tests, and snapshot tests.

1. e2e test

pros:

• check user perspective

cons:

• slow
• debugging is difficult
• flaky
  • error because of api

2. unit test

pros:

• unlike e2e test, it is fast
• documentation

cons:

• difficult to refactor code
• only check individual parts of an app

3. snap shot test

pros:

• save time than e2e

cons:

• different values come regarding os

Focus only one of tests is not suitable. Combine them all!