Vue组件单元测试主要检测哪些功能实现？

本文共计2099个文字，预计阅读时间需要9分钟。

关于Vue组件单元测试常见问题，最常见的就是我究竟应该测试什么？。虽然测试过多或过少都可能是合理的，但我的观点是，开发人员通常会测试过头。最终，没有人愿意自己未测试过的组件。

关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”

虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而导致应用程序在生产中崩溃。

在本文中，我将分享一些用于组件单元测试的指导原则，这些指导原则可以确保在编写测试上不会花费大量时间，但是可以提供足够的覆盖率来避免错误。

本文假设你已经了解 Jest 和 Vue Test Utils。

示例组件

在学习这些指导原则之前，我们先来熟悉下要测试的示例组件。组件名为 Item.vue ，是 eCommerce App 里的一个产品条目。

下面是组件的源码。注意有三个依赖项：Vuex ( $store )， Vue Router ( $router ) 和 Vue Auth ( $auth )。