Vue组件测试测量什么？

在学习了一段时间Vue组件单元测试的相关知识后，我觉得理解组件测试应该度量什么比使用什么测试框架和如何编写测试更重要。在这里，我总结一下自己的想法。

这里用Vue组件来总结组件测试中需要测试的内容。

在使用Vuex管理数据流之后，我们需要对getters、mutations、actions等进行额外的测试。确保组件的数据和行为符合我们的期望。Vuex的测试有两个要点:

考虑到以上几点，我们可以总结出一些Vuex的测试方法:

上面总结的单元测试方法主要是测试组件的行为是否符合预期。为了更全面的测试组件的UI，我们可以使用快照测试。

快照测试的好处是可以清晰的对比UI的变化，让开发者确认是必要的变化还是引入的bug，避免为了测试UI而过多的介入单元测试的细节和脆弱性。

需要注意的是，快照测试不能代替单元测试，因为它只是UI版本历史的记录，不能用来描述App的预期行为，所以不能像传统的单元测试一样作为开发的App的“使用文档”，应该和单元测试相辅相成。