使用IBM Carbon库为Angular项目设置Jest Transformer

anhgbhbe 于 2023-11-15 发布在 Jest

关注(0)|答案(1)|浏览(197)

我正在尝试在angular项目中实现 IBM Carbon library。实现工作正常。
但是我想使用 Jest 测试平台来运行单元测试。问题是Jest不喜欢Carbon *Icon模块 * 的编写方式。
通过浏览网页和一些论坛发现，需要在 *Jest配置 * 中设置一个Transformer。
我正在使用jest-preset-angular库，并在jest配置中将其设置为transform选项。但问题是错误仍然会弹出。
我需要帮助来让它工作。
这是我放sendbox代码的repo。
https://github.com/plachy-jozef/carbon-angular-transformer-issue
运行 npm run test：w. x1c 0d1x后会出现错误
非常感谢你的任何戳到正确的方向。

jestjs

来源：https://stackoverflow.com/questions/75470558/jest-transformer-setup-for-angular-project-with-ibm-carbon-library

1条答案

按热度按时间

rekjcdws1#

有一个Github仓库可以帮助你使用碳设计系统启动你的Angular项目：https://github.com/carbon-design-system/carbon-angular-starter/tree/master
您可以在jest.config.ts文件中找到moduleNameMapper。

moduleNameMapper: {
        /**
         * Bypass icon registration error that occurs in JEST
         *
         * In CCA, we import icons from `es` directory... which is bundled as EcmaScript Modules (esm).
         * Jest has experimental support for `esm` as of now. Hence we need to bypass this error
         * by pointing to the common js equivalent.
         *
         */
        "^@carbon/icons/es/(.*)$": "@carbon/icons/lib/$1.js",
    }

字符串

赞(0）回复(0）举报 2023-11-15

我来回答

使用IBM Carbon库为Angular项目设置Jest Transformer

1条答案

相关问题

热门标签

最新问答