jest单测样式问题【identity-obj-proxy】npm包

背景：

在使用jest做单测时，由于文件中存在less文件，导致单测失败

 

 

处理方式：

1、identity-obj-proxy

使用此npm结合jest配置，可以进行样式的代理处理。

jest配置的两种形式：

（1）单独的jest配置文件

配置内容：

module.exports = {
    'moduleNameMapper': {
        '\\.(css|less)$': 'identity-obj-proxy',
    },
};

（2）直接在package.json中进行配置

    "jest": {
        "moduleNameMapper": {
            "\\.(css|less)$": "identity-obj-proxy"
        }
    }

 2、创建mock文件

使用 webpack · Jest

rootDir: 相对于package.json文件的路径

module.exports = {
    'moduleNameMapper': {
        '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',
    },
};