本系列是使用 TDD 开发组件库，尝试把 TDD 在前端落地。本系列属于开发日记，包含了我在开发组件过程中的思考和对 TDD 的实施，不会详细的介绍 TDD 是什么，怎么使用。如果你需要了解 TDD 是什么的话，请去看 《测试驱动开发》。要开发的组件全部参照 elementUI…

Vue-Test-Utils 是 Vue.js 官方的单元测试实用工具库，它提供了一系列的 API 来使得我们可以很便捷的去写 Vue 应用中的单元测试。 主流的单元测试运行器有很多，比如 Jest、Mocha 和 Karma 等，这几个在 Vue-Test-Utils 文档里…

自动化测试将被用于进一步的任务中，并且还将被广泛应用在实际项目中。 当我们在写一个函数时，我们通常可以想象出它应该做什么：哪些参数会给出哪些结果。 在开发期间，我们可以通过运行程序来检查它并将结果与预期进行比较。例如，我们可以在控制台中这么做。 如果出了问题 —— 那么我们会修…

DOM 或文档对象模型是 web 页面上所有对象的根。它表示文档的结构，并将页面连接到编程语言。它的结构是一个逻辑树。每个分支结束于一个节点，每个节点包含子节点、对象。DOM API非常庞大，在本文中，咱们只讨论比较常用有有用的那些API。 document.querySele…

如果有小伙伴认认真真的跟着上篇实现了一遍代码的话，你会发现，这些逻辑都是纯 js 的，暂时还都没有涉及到 css，甚至我到目前为止都没有写过 css，也没有刷新过浏览器，通过测试就知道了逻辑是否正确（这也是用 TDD 后为什么会增加开发效率的原因）。当然了当所有的 js 逻辑都…

有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维护代码。 但是实际情况是绝大部分开发者是不愿意做这件事情的。因为平时开发都忙不过来，哪还有时间去做这些事情…