2017-02-22 leung
``` module.exports = function(config) { var files = []; files.push('newifi/@(jquery*|newifi).js'); files.push('index.html'); files.push('../../test/.coffee'); files.push('../../test/.js'); var otherFiles = [ 'newifi//!(jquery*|newifi|angular*|bootstrap|echarts*).js', 'newifi//.cs 继续阅读 »
2017-02-17 leung
``` module.exports = function(config) { var globSync = require("glob").sync; var files = globSync('newifi/@(jquery*|newifi).js', { cwd: 'web/htdocs' }); var otherJsFiles = globSync('newifi//!(jquery*|newifi|angular*|bootstrap|echarts*).{js,json}', { cwd: 'web/htdocs' }); var cssFiles = globSync('newifi/ 继续阅读 »
2016-07-26 令狐葱
前言 在上一篇文章中,葱哥从零开始创建了一个react的boilerplate,并使用webpack进行build,使其支持ES6,同时使用karma+mocha等进行单元测试。虽然单元测试有了,但是代码中哪些写了测试,哪些没写呢?本文就将在上一篇文章的基础上为其增加生成代码覆盖率的功能。 代码 本文的最终代码可以在react_boilerplate_v8中查看。 准备工作 react boilerplate代码 首先拿到上一篇文章的代码: ``` git clone https://github.com/jiji262/react_boilerplate.git cd tutorial/react_boilerp 继续阅读 »
2013-07-10 Zhang zhengzheng
单元测试Unit Test 很早就知道单元测试这样一个概念,但直到几个月前,我真正开始接触和使用它。究竟什么是单元测试?我想也许很多使用了很久的人也不一定能描述的十分清楚,所以写了这篇文章来尝试描述它的特征和原则,以帮助更多人。 什么是单元测试? 先来看看单元测试的定义,在维基百科英文版中可以找到Kolawa Adam在 Automated Defect Prevention: Best Practices in Software Management 一书中对单元测试的定义: In computer programming, unit testing is a method by which individual unit 继续阅读 »
2016-04-29 令狐葱
Update [20160725] Facebook 官方提供了一个可以生成React Starter项目的工具,有兴趣可以看下:create-react-app 前言 React技术之火爆无须多言,其与webpack的完美结合,也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发,开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate,我们可以快速的创建一个React项目的架构。 葱哥之前专门创建了一个Github项目用于收集这些boilerplate:awesome-react-boilerplate。当然这里不可能完整收录,但是目前为止已经有近30个 继续阅读 »
2016-08-24 Wenjie Yao
本文翻译自liusy182   Jest框架是facebook旗下一款单元测试框架,我个人十分喜欢它,因为它自动mock这一点十分强大。然而,当它遇到问题的时候,就会经常抛出一些模糊的调用栈信息。我在网上搜索尝试找到如何debug Jest测试的方法,却很难找到有用的信息。总之,它仍然还是一个比较新的测试框架。   Jest使用虚拟DOM来运行测试。这一点不同于Karma和Jasmine(它们是利用浏览器来运行测试的)。我觉得这就会给它带来一个很大的缺点:不能使用浏览器上的调试工具来调试Jest的测试。因此,我们需要借助于Node/V8引擎自带的调试器。Node默认的调试器是完全基于命令行形式的,类似于GDB - 虽然我从来就不 继续阅读 »