Jest реагирует на проблему css

Question

Я пытаюсь интегрировать шутки для реагирующего SPA.

Приложение React создается с использованием

npx create-react-app my-app

Я пытаюсь интегрировать Jest в него. Зависимости "jest" и "babel-jest" по умолчанию интегрированы в package.json. Он использует версию 23. * и я не могу его обновить.

Я получаю ошибку при выполнении простого теста. Он вызывает файл CSS, который не разрешен.

Я пытался,

1)

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/node_modules/jest-css-modules"
  } 

2)

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/src/__mocks__/styleMock"
 }

3)

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/src/__mocks__/styleMock.js"
 }

4) * * тысяча двадцать один

 "moduleNameMapper": {
    "\\.(css)$":"identity-obj-proxy"
 }

Я использую команду "npm test".

 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

Я также попытался добавить ниже,

"transform": { ".*": "<rootDir>/node_modules/babel-jest" }

и

  "moduleFileExtensions": [
    "js",
    "jsx",
    "json",
    "node",
    "scss",
    "ts",
    "tsx"
  ]

но ничего не работает.

  1 | import React, { Component } from "react";
> 2 | import "./login.css";
    | ^
  3 | import Image from "react-bootstrap/Image";
  4 | 
  5 | import default_picture from "./../assets/default_picture.jpg";

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:221:17)
  at Object.<anonymous> (src/components/AppLogin.jsx:2:1)