toThrow 报错匹配器 用于测试特定的抛出错误，可以判断报错语句的文字（支持正则匹配），也可以判断报错类型。 代码使用Promise处理异步程序的话，我们有更简单的方法进行异步测试。如果Promise返回的状态是reject则测试自动失败。 如果期望的promise是rej…

通过测试框架为JavaScript应用添加测试，从而保证代码的高质量。这里的笔记例子应用在jaywcjlove/validator.js中。 安装 用到三个工具chai(断言工具)，mocha(测试框架)，mocha-phantomjs(客户端运行mocha试验在命令行测试通过…

单拿出一个小结说下 require 的问题，node 9 之前不支持 es6 的 import，这里也不详细说明了。 e2e 测试的重点在于判断真实 DOM 是否满足预期要求，甚至很少出现 mock 场景，不可或缺的是一个浏览器运行环境，具体细节不赘述，可以看官方文档。

今天我们讨论的是如何编写完美的单元测试以及如何确保测试的可读性，可用性和可维护性。 我发现有一个共性，那些告诉我单元测试没用的人，通常都在编写糟糕的单元测试。特别对于那些刚刚接触单元测试的新手，这完全可以理解。写出很棒的单元测试很难，它需要你经常练习才可以。我们今天要讨论的所有…

E2E(end to end)测试是指端到端测试又叫功能测试，站在用户视角，使用各种功能、各种交互，是用户的真实使用场景的仿真。在产品高速迭代的现在，有个自动化测试，是重构、迭代的重要保障。对web前端来说，主要的测试就是，表单、动画、页面跳转、dom渲染、Ajax等是否按照期…

作者介绍：林列欢，美团点评点餐团队成员。 前端测试工具一览前端测试工具也和前端的框架一样纷繁复杂，其中常见的测试工具，大致可分为测试框架、断言库、测试覆盖率工具等几类。在正式开始本文之前，我们先来大致了解下它们：测试框架测试框架的作用是提供一些方便的语法来描述测试用例，以及对用例…

Jest 我们上一篇已经说过了，今天主角是Enzyme , 如字面意思，Enzyme 是酶、有催化作用。那么在React 组件测试中和Jest 产生了什么化学🎿反应呢？ 会自动打开浏览器将看到这个页面。 这个是create-react-app 起手式，如果不太了解建议Crea…

Jest 是 Facebook 出品的一个测试框架，相对其他测试框架，其一大特点就是就是内置了常用的测试工具，比如自带断言、测试覆盖率工具，实现了开箱即用。 而作为一个面向前端的测试框架， Jest 可以利用其特有的快照测试功能，通过比对 UI 代码生成的快照文件，实现对 Re…