如何使用 Enzyme 和 Jasmine 模拟组件中的道具以进行 React 单元测试？答案

【问题标题】：How to simulate props in an component for React unit test with Enzyme and Jasmine?如何使用 Enzyme 和 Jasmine 模拟组件中的道具以进行 React 单元测试？
【发布时间】：2017-03-06 07:25:18
【问题描述】：

var data = {aList: ['1','2']};    
describe('react', function() {
    it('has a class name', function() {
        expect(shallow(<myComp
          aList={data.aList}/>).is('.comp-something')).toBe(true);
      });
    });

我尝试将值传递给组件，但似乎这是错误的做法。

我正在使用enzyme、jsdom、jasmine、gulp 来实现单元测试。

还有其他方法可以正确执行此操作吗？据我了解，shallow 就足够了，因为myComp 只是一个静态组件，不涉及任何生命周期功能。

【问题讨论】：

标签： javascript unit-testing reactjs jasmine enzyme

【解决方案1】：

这个怎么样？

describe('react', function() {
  it('has a class name', function() {
    expect(shallow(<myComp
          aList={data.aList}/>).find('.comp-something').length).toBe(1);
  });
});

【讨论】：

【解决方案2】：

发现这是jsdom 与node v0.12 不兼容的问题。所以它不能正常运行，这就是酶起作用的原因！以及is 不是 jasmine 的语法。

谢谢

【讨论】：