用于 React 的 JS 测试工具 Enzyme

MIT
JavaScript
跨平台
Airbnb
2015-12-11
sikkx

Enzyme 来自 airbnb 公司,是一个用于 React 的 JavaScript 测试工具,方便你判断、操纵和历遍 React Components 输出。

Enzyme 的 API 通过模仿 jQuery 的 API ,使得 DOM 操作和历遍很灵活、直观。Enzyme 兼容所有的主要测试运行器和判断库,文档和例子使用 mochachai

使用示例:

import { shallow } from 'enzyme';describe('<MyComponent />', () => {

  it('should render three <Foo /> components', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.find(Foo)).to.have.length(3);
  });

  it('should render an `.icon-star`', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.find('.icon-star')).to.have.length(1);
  });

  it('should render children when passed in', () => {
    const wrapper = shallow(
      <MyComponent>
        <div className="unique" />
      </MyComponent>
    );
    expect(wrapper.contains(<div className="unique" />)).to.be.true;
  });

  it('simulates click events', () => {
    const onButtonClick = sinon.spy();
    const wrapper = shallow(
      <Foo onButtonClick={onButtonClick} />
    );
    wrapper.find('button').simulate('click');
    expect(onButtonClick.calledOnce).to.be.true;
  });});


加载中

评论(0)

暂无评论

Enzyme 3.1.0 发布,JavaScript 测试工具

Enzyme 3.1.0 已发布,Enzyme 来自 airbnb 公司,是一个用于 React 的 JavaScript 测试工具,方便你判断、操纵和历遍 React Components 输出。Enzyme 的 API 通过模仿 jQuery 的 API ,使得 ...

2017/10/05 05:09

Enzyme 2.6.0 发布,JavaScript 测试工具

Enzyme 2.6.0 发布了,Enzyme 来自 airbnb 公司,是一个用于 React 的 JavaScript 测试工具,方便你判断、操纵和历遍 React Components 输出。Enzyme 的 API 通过模仿 jQuery 的 API ,使得 ...

2016/11/13 07:47

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

使用 webpack 搭建 React 项目

简评:相信很多开发者在入门 react 的时候都是使用 create-react-app 或 react-slingshot 这些脚手架来快速创建应用,当有特殊需求,需要修改 eject 出来的 webpack 配置文件时,面对各种配置...

2018/08/07 09:32
13
0
React16 之 测试单元(Jest+React+Enzyme)

提示:打赏就不要了,好像不直接打给我 安装 enzyme 相关 npm install enzyme enzyme-adapter-react-16 --save-dev npm install jest babel-jest babel-preset-env react-test-renderer --s...

2018/06/29 22:18
17
0
mocha+ React + enzyme 单元测试

技术栈为 mocha,react,enzyme,es6,expect.js

2016/05/11 18:27
403
2
前端进阶 -react、vue 组件开发利器:storybook(6)

对于前端开发来说,组件化技术已经是一门必修课了,这其中又主要以 react和 vue 为主。但平时在开发组件,尤其是公共组件或者第三方组件库的时候,往往会有一些困扰: 不能很好的管理多个组件...

2018/09/22 21:31
11
0
对 React 组件进行单元测试(unit testing)

在这里说一下前端开发的一个特点是更多的会涉及用户界面,当开发规模达到一定程度时,几乎注定了其复杂度会成倍的增长。 无论是在代码的初始搭建过程中,还是之后难以避免的重构和修正bug过程...

2018/11/22 16:43
111
0
doing in the past

doing in the past

2015/05/21 11:49
5
0
React.js Best Practices for 2016

React.js Best Practices for 2016

2016/04/20 17:09
7
1
redux 学习

记录redux的一些知识点

2016/09/27 00:08
67
0
React.js 2016 最佳实践 徬梓阅读 1584收藏 71

译者按:近几个月React相关话题依旧火热,相信越来越多的开发者在尝试这样一项技术,我们团队也在PC和移动端不断总结经验。2016来了,这应该是 React走向成熟的一年,不管你是新手,还是已经...

2016/01/27 10:01
85
1
2018前端工程师成长路线图

译者按: 上王者算什么?有本事刷一下你的前端技术! 原文:Modern Frontend Developer in 2018 译者:Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅...

2018/09/04 09:13
12
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部