En nuestro proyecto, tenemos @emotion/babel-plugin funcionando, pero simplemente no podemos hacer que funcione con jest, nuestro archivo jest-preprocess tiene el siguiente aspecto:
const babelJest = require('babel-jest'); const babelOptions = { presets: ['babel-preset-gatsby'], plugins: ['@emotion'], }; module.exports = babelJest.default.createTransformer(babelOptions);Cuando ejecutamos las pruebas obtenemos:
Component selectors can only be used in conjunction with @emotion/babel-plugin.¿Has probado a usar:
// 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)