我如何断言在我的React组件测试中调用了require()?

时间:2016-05-24 16:12:25

标签: javascript reactjs webpack mocha

我的每个React组件都有自己的css文件,我试图找出一种方法可以断言我的每个组件都需要正确的css文件(为了获得100%的代码覆盖率)。

我正在使用webpack,它允许您在React组件中要求css文件,前提是您已安装style-loadercss-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组件的正确参数都被调用了一次?

0 个答案:

没有答案