How can I run jest with transforming in babel

[re-taro]

I want to run test my code which I use this pacakge.
But I couldn't run test.

This is my jest.config.js

module.exports = {
  coverageProvider: "v8",
  collectCoverageFrom: [
    "**/*.{js,jsx,ts,tsx}",
    "!**/*.d.ts",
    "!**/node_modules/**",
    "!<rootDir>/out/**",
    "!<rootDir>/.next/**",
    "!<rootDir>/*.config.js",
    "!<rootDir>/coverage/**",
  ],
  moduleDirectories: ["node_modules", "<rootDir>/"],
  testEnvironment: "jest-environment-jsdom",
  setupFiles: ["./jest.setup.js"],
  setupFilesAfterEnv: ["<rootDir>/src/tests/jest.custom-matchers.ts"],
  testMatch: ["**/?(*.)+(test).[jt]s?(x)"],
  testPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/.next/"],
  transform: {
    "^.+\\.(ts|tsx)$": [
      "babel-jest",
      {
        configFile: "./.babelrc.js",
      },
    ],
  },
  transformIgnorePatterns: ["/node_modules/(?!yaml)/"],
};

and this is my .babelrc.js

module.exports = {
  presets: [
    [
      "next/babel",
      {
        "preset-react": {
          runtime: "automatic",
          importSource: "@emotion/react",
        },
      },
    ],
  ],
  plugins: [
    "@emotion",
    "macros",
    [
      "@emotion/babel-plugin-jsx-pragmatic",
      {
        export: "jsx",
        import: "__cssprop",
        module: "@emotion/react",
      },
    ],
    ["@babel/plugin-transform-react-jsx", { pragma: "__cssprop" }, "twin.macro"],
  ],
  env: {
    test: {
      presets: [["@babel/preset-env", { targets: { esmodules: false, node: "current" } }]],
    },
  },
};

[eemeli]

This isn't really a yaml question, but a jest question. And you probably want to apply your transform also to .js files.

[ciandt-crodrigues]

@re-taro Do you mind sharing your solution? I have the same problem when upgrading YAML version from 2.3.3 to 2.4.1