组件测试
React 组件测试
Shallow rendering
浅渲染指的是将一个组件渲染成虚拟
譬如:
const ButtonWithIcon = ({ icon, children }) => (
<button>
<Icon icon={icon} />
{children}
</button>
);
在
<button>
<i class="icon icon_coffee"></i>
Hello Jest!
</button>
但是在浅渲染中只会被渲染成如下结果
<button>
<Icon icon="coffee" />
Hello Jest!
</button>
需要注意的是
快照测试
exports[`test should render a label 1`] = `
<label
className="isBlock">
Hello Jest!
</label>
`;
exports[`test should render a small label 1`] = `
<label
className="isBlock isSmall">
Hello Jest!
</label>
`;
每次更改组件时,