本文主要尝试解决三个问题： 在 TDD 做完Tasking列完实例化数据之后，完全没有UT基础不知道该怎么写单元测试？ 在Vue应用的单元测试中，对UI组件和vuex store等测试的区别有何不同？颗粒度该细到什么程度？ 测试…

vue-cli3 的插件使安装流程变得格外简单，通过 vue ui 启动可视化管理系统，在插件栏，点击 ‘添加插件’，搜索 @vue/cli-plugin-unit-jest，点击安装就可以了，对应命令行的 vue add @vue/cli-plugin-unit-jest 命…

2.1 在Vue应用的单元测试中，对不同UI组件的单元测试有何不同？颗粒度该细到什么样的程度？ 在组件化出现之前，我们都压根不谈 UI 的单元测试。其实组件化并不全是为了复用，很多情况下也恰恰是为了分治，从而我们可以分组件对 UI 页面进行开发，然后分别对其进行单元测试…

欢迎关注知乎专栏 —— 前端的逆袭（凡可 JavaScript，终将 JavaScript。） 欢迎关注我的博客，知乎，GitHub，掘金。 1. 利用好“单元测试是一种政治正确” 谈到如何推进单元测试的落地，首先得要有一个开始。很多公司都在推行 OKRs 或者 KPI 机制，…

欢迎关注知乎专栏 —— 前端的逆袭（凡可 JavaScript，终将 JavaScript。） 欢迎关注我的博客，知乎，GitHub，掘金。 在上一篇文章当中我们介绍了单元测试的意义，以及为何选择 Facebook 的 Jest 作为我们的测试框架。现在就让我们一起来学习如何编…

金。 在 TDD 做完 Tasking 列完实例化数据之后，完全没有UT基础不知道该怎么写单元测试？ 在上一篇文章当中我们介绍了单元测试的意义，以及为何选择 Facebook 的 Jest 作为我们的测试框架。现在就让我们一起来学习如何编写最基础的单元测试。

欢迎关注知乎专栏 —— 前端的逆袭（凡可 JavaScript，终将 JavaScript。） 欢迎关注我的博客， 知乎 ，GitHub，掘金。 在组件化出现之前，我们都压根不谈 UI 的单元测试，哪怕是对于 UI 页面层级的测试来说都是一件非常困难的事情。其实组件化并不全是为…

2.2 在Vue应用的单元测试中，对 Vuex store 该如何测试？如何测试与 Vue 组件之间的交互？如何理解 Vuex 模式？ Vuex 的前车之鉴：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规…

欢迎关注知乎专栏 —— 前端的逆袭（凡可 JavaScript，终将 JavaScript。） 欢迎关注我的博客，知乎，GitHub，掘金。 ATT 验收测试 或 E2E 端到端测试，这个是我想进一步探索的话题，特别是在TDD的语境下。#322 为什么要 TDD？但是我会讲为什…