blog icon indicating copy to clipboard operation
blog copied to clipboard

No API is the best API - 抛弃 should/expect/chai 吧

Open atian25 opened this issue 8 years ago • 29 comments

如果你的 node 没有写单元测试,那可以跳过本文了。

1. 缘起

在我们日常的单元测试中,常用的断言库有:

user.should.have.property('name', 'tz');
user.enabled.should.ok;

expect(5).to.be.a('number');
expect(window).not.to.be.an(Image);

存在什么问题呢?

  • 复杂的 API,每次使用时,都需要去翻文档,用自然语言描述测试真的好么?
  • 经常怀疑人生user.enabled.should.ok; 这句到底有没有执行? 还是只是取值?
  • 一脸懵逼,反馈信息不足,往往我们还需要加 log 再跑一次,如果在 ci 上看日志就懵逼了。
require('should');
const expect = require('expect.js');
const assert = require('assert');

describe('test/showcase.test.js', () => {
  const arr = [ 1, 2, 3 ];

  it('should.js', () => {
    arr[1].should.eql(10);
  });

  it('expect.js', () => {
    expect(arr[1]).to.eql(10);
  });

  it('assert', () => {
    // 用原生的话, 得到的提示更是一脸懵逼
    assert(arr[1] === 10);
  });
});

// output:
1) test/showcase.test.js should.js:
     AssertionError: expected 2 to equal 10
     ...
2) test/showcase.test.js expect.js:
     Error: expected 2 to sort of equal 10
     ...
3) test/showcase.test.js assert:
     AssertionError: false == true
     ...

2. 曙光

egg 的开发中, 我们发现了不一样的它:

Power Assert in JavaScript.

Provides descriptive assertion messages through standard assert interface.

No API is the best API.

https://github.com/power-assert-js/power-assert

简单的说,它的优点是:

  • 没有 API 就是最好的 API,不需要任何记忆,只需 assert 即可。
  • 强大的错误信息反馈
  • 强大的错误信息反馈
  • 强大的错误信息反馈
const assert = require('power-assert');

describe('test/showcase.test.js', () => {
  const arr = [ 1, 2, 3 ];

  it('power-assert', () => {
    assert(arr[1] === 10);
  });
});

// output:
4) test/showcase.test.js power-assert:

      AssertionError:   # test/showcase.test.js:6

  assert(arr[1] === 10)
         |  |   |
         |  2   false
         [1,2,3]

  [number] 10
  => 10
  [number] arr[1]
  => 2

image

3. 使用

在线尝试:https://azu.github.io/power-assert-demo/

安装依赖:

$ npm i mocha power-assert intelli-espower-loader --save-dev

配置 npm scripts

{
  "scripts": {
    "test": "mocha -r intelli-espower-loader test/**/*.test.js",
  },
  "devDependencies": {
    "power-assert": "^1.4.2",
    "intelli-espower-loader": "^1.0.1",
  }
}

编写测试:

// 简单的 require, 使用者无感知
// 下面的代码没写错, 无需 `require('power-assert')`, loader 会自动替换
const assert = require('assert');

describe('test/showcase.test.js', () => {
  const arr = [ 1, 2, 3 ];

  it('power-assert', () => {
    // 完全兼容 node 原生的 assert API, 直接自由使用
    assert(arr[1] === 10);
  });
});

执行测试:

$ npm test

4. 其他

  • mocha 需要引入 intelli-espower-loader,主要是把代码转译,参见作者的 slide .
  • 转译之后, 你甚至完全无感知, require('assert') 都不需要改.
  • ~~因为转译,所以不能用原生的 assert 了, 否则会遇到如下错误~~
    • TypeError: assert._capt is not a function
    • ~~简单的说, 把原来测试代码里面的 require('assert') 改为 require('power-assert') 即可~~
    • 花掉时间重构下旧的代码,带来的是全新的体验。
    • 该问题已经被解决了: https://github.com/power-assert-js/espower-loader/pull/5

5. 补充

  • 如果你嫌弃配置麻烦,可以直接用我们的 egg-bin
  • 推荐阅读: https://eggjs.org/zh-cn/core/unittest.html

atian25 avatar Dec 06 '16 03:12 atian25

报错体验实在太好,有时候都忍不住写错代码来体验一把。

fengmk2 avatar Dec 06 '16 15:12 fengmk2

牛x,试了一把,果然厉害

Clarence-pan avatar Dec 07 '16 09:12 Clarence-pan

这报错体验好到泪目~👍

DavidCai1111 avatar Dec 07 '16 09:12 DavidCai1111

666

mlyknown avatar Dec 08 '16 13:12 mlyknown

从其他库转过来的要小心 deepEqual 和 deepStrictEqual 的区别……(好多库的 deep equal 其实是 deepStrictEqual) https://github.com/nodejs/node/issues/10258

joyeecheung avatar Dec 15 '16 01:12 joyeecheung

补充下, 无需 require('power-assert'), loader 会自动替换

也就是说, 只需要 require('assert'); , 使用者完全无感知

atian25 avatar Dec 15 '16 02:12 atian25

同时, 如果你嫌麻烦的话, 直接用我们的 egg-bin

直接在 scripts 里面加入即可:

{
  "scripts": {
    "test": "egg-bin test",
    "cov": "egg-bin cov"
  },
  "devDependencies": {
    "egg-bin": "^1.9.0"
  }
}

atian25 avatar Dec 15 '16 02:12 atian25

FYI: official released

  • unassert.js https://github.com/unassert-js

  • Tweet of creator (sorry, japanese) https://twitter.com/t_wada/status/809242080027414528

kazupon avatar Dec 15 '16 03:12 kazupon

有没有gulp的用法示例~

oychao avatar Jan 08 '17 10:01 oychao

@oychao https://github.com/power-assert-js/gulp-espower

atian25 avatar Jan 08 '17 11:01 atian25

已经实现了,刚找到这一篇博客,作为一个日常日本IT黑,看到一个如此优秀的JS库的作者居然是个日本人,http://efcl.info/2014/0406/res3809/

oychao avatar Jan 08 '17 11:01 oychao

太舒服,专门写了半个小时错误,就为了看报错结果~

oychao avatar Jan 08 '17 14:01 oychao

刚开始用 ava 就发现,握草好鸟,这是什么鬼,发现原来是 power-assert

kaelzhang avatar Jan 11 '17 06:01 kaelzhang

这个大赞啊!

hyj1991 avatar Jan 24 '17 04:01 hyj1991

推荐阅读: https://eggjs.org/zh-cn/core/unittest.html

atian25 avatar Mar 23 '17 08:03 atian25

赞!好东西,必须用起来

mosaic101 avatar Mar 24 '17 02:03 mosaic101

真是好东西,赞

huangjihua avatar Mar 28 '17 02:03 huangjihua

junit有就好了Hhhh

cncoder avatar Mar 28 '17 21:03 cncoder

什么时候支持Async/Await呢?

snowliy avatar Apr 20 '17 03:04 snowliy

@Chalin-Shi 支持的啊

atian25 avatar Apr 20 '17 03:04 atian25

@atian25 我上午测试了下,报错,我以为不支持呢。难道是因为不支持外部import的文件吗?还是必须要用node version > 7.6.0,或者babel呢。

snowliy avatar Apr 20 '17 09:04 snowliy

  • 这个跟 power-assert 没有关系
  • Node 7.6+ 才支持 async await
  • import 目前 Node 还不支持
  • babel 编译后的文件,不确定是否支持,可以看下官方站点,貌似有插件
  • 不建议后端代码用 babel 编译

atian25 avatar Apr 20 '17 09:04 atian25

@atian25 谢谢你。我本地node用的是6.10版本,应该是这个原因了,然后我准备测试时用7.6+,部署是用6.10,不知道这样好不好。。。

snowliy avatar Apr 20 '17 09:04 snowliy

目前准备报koa2的项目,转到eggjs,感觉文档好全,很不错,貌似next版本才支持Async/Await是吗?

snowliy avatar Apr 20 '17 09:04 snowliy

  • 你可以在测试里面配置 6, 7 两个 runner
  • 1.0 版本支持 async await.

atian25 avatar Apr 20 '17 09:04 atian25

babel配合使用不支持怎么解决哈

crycime avatar Apr 23 '19 03:04 crycime

babel配合使用不支持怎么解决哈

https://github.com/power-assert-js/power-assert

看官方 README,有 babel 插件

atian25 avatar Apr 23 '19 03:04 atian25

巴贝尔配合使用不支持怎么解决哈

解决了

crycime avatar Apr 23 '19 03:04 crycime

确实,赞同 "没有API就是最好的API" 这句话。

yumao233 avatar Nov 02 '19 13:11 yumao233