我的每个React组件都有自己的css文件,我试图找出一种方法可以断言我的每个组件都需要正确的css文件(为了获得100%的代码覆盖率)。
我正在使用webpack,它允许您在React组件中要求css文件,前提是您已安装style-loader
和css-loader
。它看起来像这样:
import React from 'react';
export default class Component extends React.Component {
componentDidMount() {
require('../css/component.css');
}
render() {
return (
<div className="component">
Test Component
</div>
);
}
}
这很好用,每个组件在加载到浏览器时都有正确的样式,但我似乎无法找到一种方法来编写我的Mocha测试来解释这些require()
调用。
有什么方法可以模拟出require()
并断言它的每个React组件的正确参数都被调用了一次?