用 jest 实现 @emotion/babel-plugin

Question

在我们的项目中，@emotion/babel-plugin 正常工作，但我们无法让它与 jest 一起工作，我们的 jest-preprocess 文件如下所示：

const babelJest = require('babel-jest');

const babelOptions = {
  presets: ['babel-preset-gatsby'],
  plugins: ['@emotion'],
};

module.exports = babelJest.default.createTransformer(babelOptions);

当我们运行测试时，我们会得到：

Component selectors can only be used in conjunction with @emotion/babel-plugin.

Answer 1

您是否尝试过使用：

// jest-preprocess.js
const babelJest = require('babel-jest').default;

const babelOptions = {
  presets: [
    "babel-preset-gatsby",
    "@emotion/babel-preset-css-prop",
  ],
  plugins: ["emotion"],
}
module.exports = babelJest.createTransformer(babelOptions)