Javascript 测试反应组分时,酶忽略某些属性值
有人能为我解释一下下面的测试吗Javascript 测试反应组分时,酶忽略某些属性值,javascript,reactjs,jestjs,enzyme,Javascript,Reactjs,Jestjs,Enzyme,有人能为我解释一下下面的测试吗 StateIdText.jsx import React,{Component,PropTypes}来自'React'; 类StateIdTxt扩展组件{ 道具类型:{ x:PropTypes.number.isRequired, y:PropTypes.number.isRequired, stateId:PropTypes.number.isRequired } render(){ const{x,y,stateId}=this.props; 返回( {sta
StateIdText.jsx
import React,{Component,PropTypes}来自'React';
类StateIdTxt扩展组件{
道具类型:{
x:PropTypes.number.isRequired,
y:PropTypes.number.isRequired,
stateId:PropTypes.number.isRequired
}
render(){
const{x,y,stateId}=this.props;
返回(
{stateId}
);
}
}
导出默认StateIdTxt;
StateIdTxt.test.js
从“React”导入React;
从“酶”导入{mount,render,shallow};
从“/StateCoordTxt.jsx”导入StateIdTxt;
它('浅',()=>{
常量包装器=浅();
expect(wrapper.prop('x')).toEqual(1.5);
expect(wrapper.prop('y')).toEqual(2.1);
expect(wrapper.prop('stateId')).toBeUndefined();
expect(wrapper.prop('textAnchor')).toBe('start');//为什么不结束?
expect(wrapper.prop('dominantBaseline')).toBe('text-before-edge');
expect(wrapper.prop('fontSize')).toBe('.7em');
expect(wrapper.prop('fill')).toBe('blue');
});
为什么
wrapper.prop('textAnchor')
期望传递一个“开始”,而不是“结束”?实际上,我可以将“end”改为其他随机文本,测试仍然通过 根据您在帖子中提到的文件名,我认为您在StateIdTxt.test.js
中的导入中有一个输入错误:
import StateIdTxt from './StateCoordTxt.jsx';
看起来应该是这样
import StateIdTxt from './StateIdTxt.jsx';