简介 日常我们都忙于写bug,有时候不妨停下脚步,找找bug。测试广义上分为黑盒测试和白盒测试。单元测试属于后者,是在知道程序运行逻辑的基础上,设计测试用例,确保程序模块行为与我们预期一致。 前端做单元测试的不多,但是并不代表不必要,对于一些复杂的数据处理、公共类库等,单元测试是非常有必要 ...
前端测试存在的问题 在讲Sinon之前,我们得先讲一下在学习了Mocha chai以及enzyme之后,我们的前端测试还存在的一些问题。 比如前台测试需要与后台交互,获取后台数据后再根据相应数据进行测试。 又比如一个函数测试依赖另一个函数,我们可以根据测试的目的去模拟另一个函数,讲两者的测试分开,从而达到测试中也能解耦的目的。 测试辅助工具Sinon Sinon是用来辅助我们进行前端测试的,在我们 ...
2018-03-20 10:09 0 1988 推荐指数:
简介 日常我们都忙于写bug,有时候不妨停下脚步,找找bug。测试广义上分为黑盒测试和白盒测试。单元测试属于后者,是在知道程序运行逻辑的基础上,设计测试用例,确保程序模块行为与我们预期一致。 前端做单元测试的不多,但是并不代表不必要,对于一些复杂的数据处理、公共类库等,单元测试是非常有必要 ...
的行为驱动测试和测试驱动测试的断言库,可与任何 JavaScript 测试框架集成。 Sinon 是 ...
前端单元测试 背景 一直以来,单元测试并不是前端工程师必须具备的一项技能,在国内的开发环境下,普遍都要求快,因此往往会忽略了项目的代码质量,从而影响了项目的可维护性,可扩展性。随着前端日趋工程化的发展,项目慢慢变得复杂,代码越来越追求高复用性,这更加促使我们提高代码质量,熟悉单元测试 ...
单元测试做什么 编写用来做单元测试的js文件,并执行。 适合对谁做: 存放静态方法的js文件,如utils/utils.js 页面组件,即React Component 不适合对谁做: 模板自带的js文件(不需要做改动,而且这种一般跑单测会有问题) 单元测试文件的特点 ...
React项目的单元测试 React的组件结构和JSX语法,对上一章的内容来讲进行测试显得很勉强。 React官方已经提供了一个测试工具库:react-dom/test-utils 只是用起来不够方便,于是有了一些第三方的封装库,比如Airbnb公司的Enzyme 测试项目的配置 本次测试 ...
jest jest是facebook推出的一款测试框架,集成了前面所讲的Mocha和chai,jsdom,sinon等功能。 安装与配置 运行命令jest后会自动运行项目下所有.test.js和.spec.js这种格式的文件。 涉及到运用ES或react的,要与babel相结合 ...
Mocha 的简介 Mocha是流行的JavaScript测试框架之一,通过它添加和运行测试,从而保证代码质量 Mocha 的安装与配置 全局安装Mocha 项目中也安装Mocha 在package.json中加入下面脚本: Mocha 的使用 在使用前,我们先看 ...
敏捷软件开发中,最重要实践的就是测试驱动开发,在单元测试层面,我们试着实现一个重要的指标就是测试覆盖率。测试覆盖率衡量我们的代码是否已经全部被测试到了。 但是指标本身不是目的,借助测试覆盖率检查,我们希望发现那些未被测试覆盖的代码,从而去思考如何测试那些代码的逻辑,进而更好的设计重构 ...