Reactjs 开玩笑+；反应+；TypeScript：默认配置

有人能提供一个默认的“像魔咒一样工作；”吗Jest+React+TypeScript应用程序的配置示例

我们当前的jest.config.js是

module.exports = {
roots: [ '/src' ],
transform: {
'^.+\.tsx?$': 'ts-jest',
'.+\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
},
testRegex: '(/tests/.*|(\.|/)(test|spec))\.tsx?$',
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],

// Setup Enzyme
snapshotSerializers: ['enzyme-to-json/serializer'],
setupFilesAfterEnv: ["/enzymeConfig.ts"]
}

似乎我们仍然缺少一些重要的东西，但不知道具体是什么。

我没有使用酶（大多数功能都使用反应测试库）。这是我的配置，它可以解决这个问题，但并没有太大的不同

在package.json中定义，而不是jest.config.js

  "jest": {
    "rootDir": "src",
    "globals": {
      "ts-jest": {
        "tsConfig": "tsconfig.test.json"
      }
    },
    "collectCoverageFrom": [
      "<rootDir>/**/*.{js,jsx,ts,tsx}"
    ],
    "coverageDirectory": "jest-coverage",
    "setupFilesAfterEnv": [
      "@testing-library/react/cleanup-after-each",
      "jest-styled-components"
    ],
    "setupFiles": [
      "raf/polyfill",
      "<rootDir>/__jest__/browserMocks.js",
      "<rootDir>/__jest__/matchMediaMock.js"
    ],
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|svg|css|less|scss)$": "<rootDir>/__jest__/fileMock.js"
    }
  },

“笑话”：{
“rootDir”：“src”，
“全球”：{
“开玩笑”：{
“tsConfig”：“tsConfig.test.json”
}
},
“CollectionCoverage from”：[
/***.{js，jsx，ts，tsx}
],
“coverageDirectory”：“jest coverage”，
“SetupFileAfterEnv”：[
“@testing library/react/cleanup after each”，
“jest样式的组件”
],
“设置文件”：[
“raf/polyfill”，
“/\uuuu jest\uuuu/browserMocks.js”，
“/\uuuu jest\uuuu/matchMediaMock.js”
],
“转变”：{
“^.+\.tsx？$”：“ts笑话”
},
“testRegex”：“（/\uuuuu tests./**）（\\.\.\124；/）（test | spec））\\\.tsx？$”，
“moduleFileExtensions”：[
“ts”，
“tsx”，
“js”，
“jsx”，
“json”，
“节点”
],
“moduleNameMapper”：{
“\\（jpg | jpeg | png | svg | css | less | scss）$”：“/\uuuu jest\uuuu/fileMock.js”
}
},

我没有使用酶（大多数功能都使用反应测试库）。这是我的配置，它可以解决这个问题，但并没有太大的不同

在package.json中定义，而不是jest.config.js

  "jest": {
    "rootDir": "src",
    "globals": {
      "ts-jest": {
        "tsConfig": "tsconfig.test.json"
      }
    },
    "collectCoverageFrom": [
      "<rootDir>/**/*.{js,jsx,ts,tsx}"
    ],
    "coverageDirectory": "jest-coverage",
    "setupFilesAfterEnv": [
      "@testing-library/react/cleanup-after-each",
      "jest-styled-components"
    ],
    "setupFiles": [
      "raf/polyfill",
      "<rootDir>/__jest__/browserMocks.js",
      "<rootDir>/__jest__/matchMediaMock.js"
    ],
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|svg|css|less|scss)$": "<rootDir>/__jest__/fileMock.js"
    }
  },

“笑话”：{
“rootDir”：“src”，
“全球”：{
“开玩笑”：{
“tsConfig”：“tsConfig.test.json”
}
},
“CollectionCoverage from”：[
/***.{js，jsx，ts，tsx}
],
“coverageDirectory”：“jest coverage”，
“SetupFileAfterEnv”：[
“@testing library/react/cleanup after each”，
“jest样式的组件”
],
“设置文件”：[
“raf/polyfill”，
“/\uuuu jest\uuuu/browserMocks.js”，
“/\uuuu jest\uuuu/matchMediaMock.js”
],
“转变”：{
“^.+\.tsx？$”：“ts笑话”
},
“testRegex”：“（/\uuuuu tests./**）（\\.\.\124；/）（test | spec））\\\.tsx？$”，
“moduleFileExtensions”：[
“ts”，
“tsx”，
“js”，
“jsx”，
“json”，
“节点”
],
“moduleNameMapper”：{
“\\（jpg | jpeg | png | svg | css | less | scss）$”：“/\uuuu jest\uuuu/fileMock.js”
}
},

您遇到的错误是什么？通常我无法访问元素或触发事件或更改。您遇到的错误是什么？通常我无法访问元素或触发事件或更改。