我用React的test utils制作了单元测试代码。 但遇到了问题
我的环境是:
describe("cNotice", function () {
it("lol", function () {
console.log(Notice); // present
console.log(<Notice message="show me the message" />); // return Constructor
var instance = <Notice message="show me the message" />;
var component = React.addons.TestUtils.renderIntoDocument(instance);
expect(component.getDOMNode().childNodes[0].className).toBe('notice');
});
});
错误信息是:
错误:不变违规:addComponentAsRefTo(...):只有ReactOwner可以有refs。这通常意味着您尝试将ref添加到没有所有者的组件(即,未在另一个组件的
render
方法内创建)。尝试在新的顶级组件中渲染此组件,该组件将保存参考。
更新
这段代码没问题:
describe("cNotice", function () {
var Notice = null;
beforeEach(function () { Notice = React.createClass({...}); });
it("lol", function () {
var instance = <Notice message="show me the message" />;
var component = React.addons.TestUtils.renderIntoDocument(instance);
expect(component.getDOMNode().childNodes[0].className).toBe('notice');
});
});
但我想从外部文件中导入Notice组件。
答案 0 :(得分:2)
<强>解决强>
我使用了窗口命名空间 从外部文件导入通知组件
describe("cNotice", function () {
it("lol", function () {
var component = React.addons.TestUtils.renderIntoDocument(window.Notice({ message: "show me the message" }));
expect(component.getDOMNode().childNodes[0].className).toBe('notice');
});
});