Question

我在后端使用Meteor，在前端使用React。

Follow Component只从MongoCollection TestCollection中获取每个元素，并使用名为ListElement的Component显示数据。每次收集更新

时，我都使用包TrackerReact来更新我的列表组件

export default class List extends TrackerReact(Component){

 displayCollection(){
     return TestCollection.find({}).fetch().map((element)=>
         <ListElement key={element._id} name={element.name} />
   );
 }

 render(){
        <div className="main">
            {displayCollection()}
        </div>

  }

}

接下来我想通过将测试数据添加到集合中并使用Enzyme检查ListElements是否已添加到我的列表来测试Component

describe('<List />', () => {
 it('Test', () => {
   const wrapper = mount(<List>);
   // check component content
   expect(wrapper.find("div.main")).to.have.length(1);

   // insert dummy date to Collection
   StubCollections.add([TestCollection]);
   StubCollections.stub();
   TestCollection.insert({name:" marko"});
   expect(TestCollection.find().count()).to.equal(1);

   //Test Output
   console.log(wrapper.find("div.main").text());
   console.log(wrapper.find("div.main").html());
   });

});

我遇到的问题是，我的测试输出没有显示text（）函数的值，而html（）只返回：

            <div className="main"> </div>

我该如何正确测试？

Meteorjs Reactjs酶测试内联函数

0 个答案: