Question

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只是一个没有任何生命周期功能的静态组件。

Answer 1

这个怎么样？

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

Answer 2

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

由于

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

2 个答案: