我刚开始使用酶并进行反应测试。我试图让酶与karma和webpack一起处理一个微不足道的反应组件。我的问题是包装器上的prop()
返回null,我不知道为什么。
Greeter.js
import React from 'react';
/*
* A trivial component we added while trying to get the react testing working
* */
export default class Greeter extends React.Component {
constructor(props) {
super(props);
this.state = { name: props.initialName };
this.greeterText = this.greeterText.bind(this);
}
greeterText() {
return (<p>Hello, {this.state.name}!</p>);
}
render() {
return (<div className="greeter">
{this.greeterText()}
</div>);
}
}
Greeter.defaultProps = { initialName: "World" };
Greeter.propTypes = {
initialName: React.PropTypes.string
};
greeter.spec.js
import Greeter from '../../components/test/Greeter';
import React from 'react';
import { shallow } from 'enzyme';
describe("Simple testing with shallow rendering", () => {
beforeEach(function() {
let initialName = "joe";
this.wrapper = shallow(<Greeter initialName={initialName} />);
});
it("renders default Greeter", function() {
console.log(this.wrapper.find(".greeter").text());
console.log(this.wrapper.debug());
console.log(this.wrapper.state('name'));
expect(this.wrapper.state('name')).to.equal("joe");
expect(this.wrapper.prop('initialName')).to.equal("joe");
});
});
结果
使用浅渲染进行简单测试 ×渲染默认的Greeter Chrome 50.0.2661(Windows 10 0.0.0) AssertionError:预期未定义为等于'joe' 在Assertion.assertEqual&gt;&gt;(F:/web/forms/node_modules/chai/chai.js:776:12) 在Assertion.ctx。(匿名函数)[等于](F:web / forms / node_modules / chai / chai.js:4192:25) 在上下文。 (F:web / forms / spec / components / greeter.spec.js:9:2932&lt; - webpack:///spec/components/greeter.spec.js:18:52)
堆栈
答案 0 :(得分:3)
如果你想像这样使用mount
来测试传入的道具:
it('allows us to set props', () => {
const wrapper = mount(<Foo bar="baz" />);
expect(wrapper.props().bar).to.equal("baz");
wrapper.setProps({ bar: "foo" });
expect(wrapper.props().bar).to.equal("foo");
});
答案 1 :(得分:0)
我相信您正在寻找的是select * from
(
select *,row_number() over(partition by fid order by date_added desc) as rn
from tablename
)A where rn=1
来访问浅层包装的根节点属性。
从概念上讲,请考虑您有一个在挂载时有条件运行Function prop的组件。当然值得检查,对吧?