错误:不变违规:findAllInRenderedTree(...):实例必须是复合组件

在JEST for React文件中编写测试用例时,我收到此错误.以下是我的示例代码:

search_basr_test.js

jest.autoMockOff();
global.React = require('react/addons');
jest.setMock('../stores/browser_store.jsx');
beforeEach(function() {
    var search_bar = require('../components/search_bar.jsx');
});
var TestUtils = React.addons.TestUtils;

describe("Test", function() {
    it("should render Test", function() {
            var test = TestUtils.renderIntoDocument();
            expect(test).toBeDefined();
    });
    it("renders a list in a box with proper CSS classes", function() {
            var test = TestUtils.renderIntoDocument();
            let box = TestUtils.findRenderedDOMComponentWithTag(test, "div");
            expect(box.className).toEqual("sidebar__collapse");
    });
});

search_bar.jsx

return (
        

            

                
            
            
                {'Cancel'}
            
}

有谁在那里帮我解决这个问题？

复合组件是包含React组件(不是div,span,...)的组件.方法'findRenderedDOMComponentWithTag'将参数作为复合组件.

尝试直接在你的情况下解析组件(jquery,js,...),因为它不是复合组件