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

原创于 2022-07-25 20:53:40 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

9 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了如何在jest单元测试中处理包含less文件的问题，提供了两种解决方案：使用identity-obj-proxy进行样式代理配置，以及通过创建mock文件配合webpack Jest实现。详细讲解了配置方法和相关路径设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

在使用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',
    },
};