Jest: जेस्ट को रिएक्ट ऐप के साथ अप्रत्याशित टोकन का सामना करना पड़ा

मुझे भी यही समस्या है।

वही समस्या है।

यहाँ वही समस्या है .. थोड़ा और जटिल क्योंकि मैं एक मोनोरेपो के साथ काम कर रहा हूँ।

@fabioSalimbeni @hoaiduyit @mikedloss मैंने अपना रिएक्ट और रिएक्ट नेटिव टेस्ट ( Jest और enzyme ) कर लिया है, जो लर्ना मोनोरेपो में बैबेल 7 का उपयोग करके पास हो जाता है।

यदि आप एक मोनोरेपो में काम कर रहे हैं तो आपको babel.config.js साथ नए बैबेल कॉन्फ़िगरेशन का उपयोग करने की आवश्यकता है: https://babeljs.io/docs/en/v7-migration।

मोनोरेपो की जड़ के लिए यह मेरा babel.config.js :

module.exports = {
    overrides: [
        {
            test: 'platforms/webApp1',
            extends: 'platforms/webApp1/babel.config.js'
        },
        {
            test: 'platforms/webApp2',
            extends: 'platforms/webApp2/babel.config.js'
        }
    ]
};

मोनोरेपो ऐप्स में से एक webApp1 लिए मेरा babel.config.js तरह दिखता है:

module.exports = {
    env: {
        test: {
            presets: [
                [
                    '@babel/preset-env',
                    {
                        modules: 'commonjs',
                        debug: false
                    }
                ],
                '@babel/preset-flow',
                '@babel/preset-react'
            ],
            plugins: [
                '@babel/plugin-syntax-dynamic-import',
                '@babel/plugin-proposal-class-properties'
            ]
        },
        production: {
            presets: [
                ['@babel/preset-env', { modules: false }],
                '@babel/preset-flow',
                '@babel/preset-react'
            ],
            plugins: [
                '@babel/plugin-syntax-dynamic-import',
                '@babel/plugin-proposal-class-properties'
            ]
        },
        development: {
            presets: [
                ['@babel/preset-env', { modules: false }],
                '@babel/preset-flow',
                '@babel/preset-react'
            ],
            plugins: [
                '@babel/plugin-syntax-dynamic-import',
                '@babel/plugin-proposal-class-properties'
            ]
        }
    }
};

और यह जेस्ट विन्यास है:

    "jest": {
        "verbose": true,
        "clearMocks": true,
        "collectCoverage": true,
        "setupTestFrameworkScriptFile": "<rootDir>/config/setupTest.js",
        "transform": {
            "^.+\\.js$": "babel-jest"
        },
        "moduleNameMapper": {
            "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
            "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.js"
        }
    }

setupTest.js ऐसा दिखता है:

const Enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');

Enzyme.configure({ adapter: new Adapter() });

fileMocks.js ऐसा दिखता है:

module.exports = 'i-am-a-stubbed-file';

styleMocks.js ऐसा दिखता है:

module.exports = {};

आपको प्रत्येक ऐप के package.json में कुछ बैबेल प्लगइन्स और babel-core संस्करण को devDependencies में जोड़ना होगा:

        ...
        "@babel/cli": "^7.0.0",
        "@babel/core": "^7.0.0",
        "@babel/plugin-proposal-class-properties": "^7.0.0",
        "@babel/plugin-syntax-dynamic-import": "^7.0.0",
        "@babel/preset-env": "^7.0.0",
        "@babel/preset-flow": "^7.0.0",
        "@babel/preset-react": "^7.0.0",
        "babel-core": "7.0.0-bridge.0",
        "babel-eslint": "^9.0.0",
        "babel-jest": "^23.4.2",
        "babel-loader": "^8.0.2",
        ...
        "jest": "^23.5.0",
        "jest-cli": "^23.5.0",
        ...

3 दिनों के बाद, मैं बस इस मुद्दे के समाधान ढूंढता हूं।
इसके लिए 2 समाधान हैं:

समाधान 1:

आप अपनी फ़ाइल का नाम .babelrc से babel.config.js , और यह काम करेगा।

## समाधान 2:
मैं इस तरह उपयोग कर रहा हूँ।
इस तरह एक ट्रांसफ़ॉर्म फ़ाइल बनाएँ (मेरा है jest-transforme.js ):

const config = {
  babelrc: false,
  presets: [
    [
      "@babel/env",
      {
        modules: false
      }
    ],
    "@babel/react"
  ],
  plugins: [
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    ["@babel/plugin-proposal-class-properties", { loose: true }],
    "transform-es2015-modules-commonjs"
  ]
};
module.exports = require("babel-jest").createTransformer(config);

यहाँ मेरा jest.config.js :

module.exports = {
  collectCoverageFrom: ["src/**/*.{js,jsx,mjs}"],
  testMatch: ["<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}", "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"],
  transform: {
    "^.+\\.(js|jsx|mjs)$": "<rootDir>/config/jest/jest-transformer.js"
  },
  transformIgnorePatterns: ["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"]
};

और मेरे पास अभी भी मेरा .babelrc
```
कॉन्स्ट एनवायरमेंट = आवश्यकता ("./env-config.js");

मॉड्यूल.एक्सपोर्ट = {
प्रीसेट: [
[
"अगला/बेबेल",
{
"प्रीसेट-एनवी": {
बिल्टइन का उपयोग करें: "प्रविष्टि"
}
}
]
],
प्लगइन्स: [
["स्टाइल-घटक", {एसएसआर: सच, प्रदर्शन नाम: सच, प्रीप्रोसेस: झूठा}],
[
"मॉड्यूल-रिज़ॉल्वर",
{
जड़: ["।/"]
}
]
],
पर्यावरण: {
देव: {
प्लगइन्स: [
["रूपांतरण-परिभाषित", वातावरण],
["मॉड्यूल-रिज़ॉल्वर", {रूट: [./"] }],
"रूपांतरण-सज्जाकार-विरासत",
"रूपांतरण-वर्ग-गुण"
]
},
निर्माण: {
प्लगइन्स: [
["रूपांतरण-परिभाषित", वातावरण],
["मॉड्यूल-रिज़ॉल्वर", {रूट: [./"] }],
"रूपांतरण-सज्जाकार-विरासत",
"रूपांतरण-वर्ग-गुण"
]
},
उत्पादन: {
प्रीसेट: [
[
"छोटा करें", // यहां छोटा क्यों जोड़ें, हम पूरे कोड बंडलों पर uglify चलाते हैं
{
मंगला: झूठा,
मूल्यांकन करें: झूठा
}
]
],
प्लगइन्स: [
["रूपांतरण-परिभाषित", वातावरण],
["@babel/plugin-proposal-decorators", {विरासत: सच }],
["@babel/plugin-proposal-class-properties", { ढीला: सच }],
["मॉड्यूल-रिज़ॉल्वर", {रूट: [./"] }]
],
टिप्पणियाँ: झूठी,
कॉम्पैक्ट: सच,
छोटा किया हुआ: सच
}
}
};
````
आशा है कि यह आप लोग इस मुद्दे को पारित कर सकते हैं। जयकार।

@GeorgianSorinMaxim समस्या यह है कि मेरा जेस्ट ऐप .babelrc फ़ाइल को अनदेखा करता है, और babel.config.js बदलने से समस्या हल हो जाएगी, लेकिन मैंने इसे वैसे भी हल किया, मेरा उत्तर इस टिप्पणी के ऊपर है।

धन्यवाद @GeorgianSorinMaxim @hoaiduyit अंत में मैंने इसे बस

ऐसा लगता है कि बैबेल 7 को ठीक से काम करने के लिए babel.config.js आवश्यकता है, इसका उपयोग बाबेलर के बजाय करें

babel-jest अभी भी Babel 6 से babel-core में निर्भर है, यदि आप Babel 7 का उपयोग करना चाहते हैं तो आप इसका उपयोग कर सकते हैं
यह ट्रांसफॉर्मर बेबल7-जेस्ट

babel-jest बेबेल 7 के साथ ठीक काम करता है, कस्टम ट्रांसफार्मर की कोई आवश्यकता नहीं है

@SimenB मैंने अपने .babelrc का नाम बदलकर babel.config.js लेकिन यह अभी भी अप्रत्याशित टोकन के साथ उस त्रुटि को दिखाता है। हालांकि यह babel7-pre.42 के साथ काम करता है। क्या कोई अन्य सामान्य रूप से छूटी हुई चीजें हैं? :) धन्यवाद।

@alexindigo babel.config.js लिखने के तरीके के बारे में इसे देखें

https://babeljs.io/docs/en/configuration

हाँ, yarn upgrade --latest चलाने से समस्या ठीक हो गई :)

@alexindigo @hoaiduyit दुनिया में आप सभी ने babel.config.js बारे में यह कैसे पता लगाया? उसी समस्या से जूझते हुए और आपके समाधान ढूंढते हुए, मैं अपने आप से सोच रहा था... _"हम्म, कोई रास्ता नहीं है कि यह काम करेगा लेकिन मैं वैसे भी कोशिश करूँगा।"_ लेकिन निश्चित रूप से यह लुल्ज़ था। धन्यवाद

जेस्ट और एंजाइम विन्यास: package.json में निम्नलिखित कोड जोड़ें:

"jest": {
    "testEnvironment": "jsdom",
    "moduleDirectories": [
      "src",
      "node_modules"
    ],
    "moduleNameMapper": {
      "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.js",
      "\\.(jpg|gif|ttf|eot|svg)$": "<rootDir>/__mocks__/fileMock.js"
    },
    "transform": {
      "^.+\\.(js|jsx)$": "babel-jest",
      ".+\\.(css|styl|less|sass|scss)$": "<rootDir>/node_modules/jest-css-modules-transform"
    },
    "setupTestFrameworkScriptFile": "<rootDir>/setupTests.js",
    "setupFiles": [
      "<rootDir>setup.js"
    ],
    "moduleFileExtensions": [
      "css",
      "scss",
      "js",
      "json",
      "jsx"
    ],
    "testRegex": "\/test\/spec\/.*\\.js$",
    "transformIgnorePatterns": [
      "/node_modules/(?!test-component).+\\.js$"
    ]
  }

एंजाइम की स्थापना के लिए => setup.js

import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
configure({ adapter: new Adapter() })

setupTestFrameworkScriptFile के लिए: setupTests.js Global.fetch = आवश्यकता ('जेस्ट-फ़ेच-मॉक')

const { JSDOM } = require('jsdom')
const jsdom = new JSDOM('<!doctype html><html><body></body></html>')
const { window } = jsdom

const exposedProperties = ['window', 'navigator', 'document']
const { document } = new JSDOM('').window
global.document = document
global.window = document.defaultView
global.HTMLElement = window.HTMLElement
global.HTMLAnchorElement = window.HTMLAnchorElement

Object.keys(document.defaultView).forEach(property => {
  if (typeof global[property] === 'undefined') {
    exposedProperties.push(property)
    global[property] = document.defaultView[property]
  }
})

global.navigator = {
  userAgent: 'node.js',
}

बस .tsx फाइलें एक ही समस्या का सामना करती हैं?

सिर्फ खबर फैलाते हुए, जेस्ट v24 को आंतरिक रूप से बैबेल 7 का उपयोग करने के लिए अपडेट किया गया था, babel bridge या babel7-jest उपयोग करने की अब और आवश्यकता नहीं होनी चाहिए
https://twitter.com/i/web/status/1088904207653105664

मैंने .babelrc का नाम बदलकर babel.config.js कर दिया और Babel7 में अपग्रेड भी किया और अभी भी पहले जैसी ही त्रुटि है। मेरी babel.config.js फ़ाइल:

module.exports = function (api) {
  api.cache(true);

  const presets = ["@babel/preset-env"];

  return {
    presets
  };
}

मैंने @babel/preset-react स्थापित किया और इसे अपनी babel.config.js फ़ाइल में जोड़ा। त्रुटि को ठीक किया।

मेरी babel.config.js फ़ाइल को babel-jest द्वारा पता नहीं चल रहा था, क्योंकि मैंने इसे __test__ निर्देशिका के अंदर रखा था। मैंने इसे शीर्ष निर्देशिका में ले जाया जहां package.json स्थित था और सब कुछ काम करता था।

मैंने निम्नलिखित कार्य करके इसी तरह की समस्या हल की:

1- एंजाइम सेटअप फाइल जोड़ें और निम्नलिखित लिखें:

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

Enzyme.configure({ adapter: new Adapter() });

2- अपने पैकेज में जेस्ट कॉन्फ़िगरेशन जोड़ें। जसन इस तरह:

"jest": {
 "setupFilesAfterEnv": [
  "./path to your setup file/setupEnzyme.js"
 ]
}

3- अपने रूट पथ में .babelrc फ़ाइल जोड़ें और उसमें निम्नलिखित लिखें:

{
    "env": {
        "test": {
            "presets": [
                "@babel/preset-env",
                "@babel/preset-react"
            ]
        }
    }
}

4- यदि आपको अपने परीक्षण में "उम्मीद" कीवर्ड पर कोई त्रुटि मिली है तो बस npm install -D chai चलाएं और अपने परीक्षण कोड में अपेक्षित फ़ंक्शन आयात करें जैसे import { expect } from 'chai';

अगर आपको अभी भी कोई त्रुटि मिलती है तो उस तरह की बेबेल निर्भरताएं स्थापित करने का प्रयास करें npm install -D @babel/core @babel/preset-env @babel/preset-react

उम्मीद है ये मदद करेगा।

3 दिनों के बाद, मैं बस इस मुद्दे के समाधान ढूंढता हूं।
इसके लिए 2 समाधान हैं:

समाधान 1:

आप अपनी फ़ाइल का नाम .babelrc से babel.config.js , और यह काम करेगा।

मेरा समाधान:

मेरे पास .babelrc फ़ाइल नहीं थी इसलिए मुझे लगा कि इसके विपरीत काम करना चाहिए और इसके बजाय babel.config.js से पूर्व निर्धारित जानकारी का उपयोग करके एक .babelrc फ़ाइल बनाई। (मैंने एक अतिरिक्त फ़ाइल बनाई, मैंने मूल का नाम नहीं बदला)
फिर से परीक्षण चलाने पर मुझे एक नई त्रुटि मिली: Requires Babel "^7.0.0-0", but was loaded with "6.26.3" ।
मैंने उस त्रुटि को गुगल किया और यह मुझे यहां ले गया । मैंने निर्देशों का पालन किया ( npm install [email protected] ) और परीक्षण अब चल रहा है और गुजर रहा है।

सिर्फ खबर फैलाते हुए, जेस्ट v24 को आंतरिक रूप से बैबेल 7 का उपयोग करने के लिए अपडेट किया गया था, babel bridge या babel7-jest उपयोग करने की अब और आवश्यकता नहीं होनी चाहिए
https://twitter.com/i/web/status/1088904207653105664

जेस्ट v24 में अपग्रेड करने से मेरे लिए यह समस्या ठीक हो गई :)

के लिए unexpected token त्रुटि प्राप्त करना

> 10 | const browser; (अंत में अर्धविराम)

मेरा पैकेज.जेसन

 "dependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.3.4",
    "@babel/register": "^7.0.0",
    "assert": "^1.4.1",
    "chai": "^4.2.0",
    "jest-puppeteer": "^4.0.0",
    "screen-info": "^1.0.1",
    "screenres": "^2.0.1"
  },
  "devDependencies": {
    "@babel/plugin-transform-modules-commonjs": "^7.2.0",
    "@babel/preset-env": "^7.3.4",
    "babel-jest": "^24.5.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-jest": "^24.3.0",
    "jest": "^24.5.0",
    "jest-cli": "^24.5.0",
    "puppeteer": "^1.13.0"
  },
  "jest": {
    "transformIgnorePatterns": [
      "/node_modules/(?!@babel).+\\.js$"
    ],
    "transform": {
      "^.+\\.js?$": "babel-jest"
    }
  },

बेबल.config.js

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current'
        },
      },
      'jest'
    ]
  ],
  env: {
    test: {
      plugins: ['@babel/plugin-transform-modules-commonjs']
    }
  }
}

परीक्षण hoaiduyit समाधान। ये काम करता है। मुझे बस babel.config.js जोड़ने की जरूरत है, babel-jest ट्रांसफॉर्म/ट्रांसपाइल जेस्ट को jest.config.js में इंस्टॉल करें

3 दिनों के बाद, मैं बस इस मुद्दे के समाधान ढूंढता हूं।
इसके लिए 2 समाधान हैं:

समाधान 1:

आप अपनी फ़ाइल का नाम .babelrc से babel.config.js , और यह काम करेगा।

समाधान 2:

मैं इस तरह उपयोग कर रहा हूँ।
इस तरह एक ट्रांसफ़ॉर्म फ़ाइल बनाएँ (मेरा है jest-transforme.js ):

const config = {
  babelrc: false,
  presets: [
    [
      "@babel/env",
      {
        modules: false
      }
    ],
    "@babel/react"
  ],
  plugins: [
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    ["@babel/plugin-proposal-class-properties", { loose: true }],
    "transform-es2015-modules-commonjs"
  ]
};
module.exports = require("babel-jest").createTransformer(config);

यहाँ मेरा jest.config.js :

module.exports = {
  collectCoverageFrom: ["src/**/*.{js,jsx,mjs}"],
  testMatch: ["<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}", "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"],
  transform: {
    "^.+\\.(js|jsx|mjs)$": "<rootDir>/config/jest/jest-transformer.js"
  },
  transformIgnorePatterns: ["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"]
};

और मेरे पास अभी भी मेरा .babelrc

const enviroments = require("./env-config.js");

module.exports = {
  presets: [
    [
      "next/babel",
      {
        "preset-env": {
          useBuiltIns: "entry"
        }
      }
    ]
  ],
  plugins: [
    ["styled-components", { ssr: true, displayName: true, preprocess: false }],
    [
      "module-resolver",
      {
        root: ["./"]
      }
    ]
  ],
  env: {
    dev: {
      plugins: [
        ["transform-define", enviroments],
        ["module-resolver", { root: ["./"] }],
        "transform-decorators-legacy",
        "transform-class-properties"
      ]
    },
    build: {
      plugins: [
        ["transform-define", enviroments],
        ["module-resolver", { root: ["./"] }],
        "transform-decorators-legacy",
        "transform-class-properties"
      ]
    },
    production: {
      presets: [
        [
          "minify", // why add minify here, we run uglify over the whole code bundles
          {
            mangle: false,
            evaluate: false
          }
        ]
      ],
      plugins: [
        ["transform-define", enviroments],
        ["@babel/plugin-proposal-decorators", { legacy: true }],
        ["@babel/plugin-proposal-class-properties", { loose: true }],
        ["module-resolver", { root: ["./"] }]
      ],
      comments: false,
      compact: true,
      minified: true
    }
  }
};

आशा है कि यह आप लोग इस मुद्दे को पारित कर सकते हैं। जयकार।

आपकी विधि के लिए tks ~ यह विधि मेरी समस्या को सही ढंग से ठीक कर सकती है!

नमस्ते - मैंने इस धागे में कई चीजों की कोशिश की है, लेकिन कुछ भी काम नहीं कर रहा है। मुख्य त्रुटि अजीब बी/सी है, ऐसा लगता है कि यह लाइन नंबरों पर इंगित करता है जो समझ में नहीं आता है, लगभग स्रोत कोड की तरह और वास्तविक कोड चलाने की कोशिश कर रहा है, संरेखित नहीं है ..

यह त्रुटि, जेस्ट को एक अप्रत्याशित टोकन का सामना करना पड़ा, बनी हुई है। मैं जेस्ट> 24 पर हूं, कोई स्क्रिप्ट नहीं है, यह हाल ही में एक बेदखल प्रतिक्रिया-निर्माण-ऐप है (6 महीने पहले ~)। कैश साफ़ करने और node_modules को हटाने से मदद नहीं मिली। शायद कोई यह बता सकता है कि जेस्ट को ठीक से बदलने और चलाने के लिए किस कॉन्फ़िगरेशन की आवश्यकता है और मेरी सटीक त्रुटि क्या संकेत देती है ...

FAIL  __e2e__/chat/sms.spec.js
  ● Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    /Users/ben/dev/app/webui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js:17
    export default function _asyncToGenerator(fn) {
    ^^^^^^

    SyntaxError: Unexpected token export

       5 |   afterEach(async () => {
       6 |     await logout();
    >  7 | 
         | ^
       8 |     await page.evaluate(() => {
       9 |       localStorage.clear();
      10 |     });

      at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:471:17)
      at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:513:25)
      at Object.<anonymous> (__e2e__/chat/sms.spec.js:7:49)

आप सभी को धन्यवाद,

इस मुद्दे के कारण जेनकींस विफल रहता है, क्या कुछ समाधान हैं?

Create-React-App का उपयोग करने वाले किसी भी व्यक्ति के लिए, अपने package.json में transformignorepatterns जोड़ने से समस्या का समाधान नहीं होगा क्योंकि CRA का उपयोग करते समय package.json में केवल कुछ जेस्ट कॉन्फ़िगरेशन को बदला जा सकता है।

मुझे जेस्ट के साथ एक आंतरिक पुस्तकालय लेने में समस्या थी, जेस्ट 'अप्रत्याशित टोकन' त्रुटियों को प्रदर्शित करेगा जहाँ भी मेरे पास इस पुस्तकालय से मेरा आयात था।

इसे हल करने के लिए, आप अपनी टेस्ट स्क्रिप्ट को नीचे बदल सकते हैं:
"test": "react-scripts test --transformIgnorePatterns 'node_modules/(?!(<your-package-goes-here>)/)'",

हाय सब, मैं अपने छोटे से प्रोजेक्ट के साथ यूनिट टेस्टिंग करने के लिए संघर्ष कर रहा था जिसे जेटसेट कहा जाता है और रिएक्ट नेटिव में लिखा गया है। मैंने इस मुद्दे को हल करने के लिए 2 दिनों की खोज की, और मैंने babel.config.js जैसी चीजों को संपादित करने, उस फ़ाइल को हटाने और फिर .babel फ़ाइल बनाने (और कुछ शिट्स जोड़ने) की कोशिश की थी।

_बग रिपोर्ट:_
D:\jetset\JetSetApp>Jest SaveData.test.js
विफल __test__/SaveData.test.js
टेस्ट सूट चलने में विफल रहा

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

D:\jetset\JetSetApp\node_modules\expo-file-system\build\index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import * as FileSystem from './FileSystem';
                                                                                                ^

SyntaxError: Unexpected token *

  1 | import React, { Component } from 'react'
  2 | import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native'
> 3 | import { documentDirectory, getInfoAsync, readDirectoryAsync, readAsStringAsync, writeAsStringAsync, deleteAsync } from 'expo-file-system';
    | ^
  4 |
  5 | /**
  6 |  * This class primarily serves to handle files within the phone system so that results can be stored

  at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)
  at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)
  at Object.<anonymous> (app/resources/SaveData/SaveData.js:3:1)

टेस्ट सूट: 1 विफल, 1 कुल
टेस्ट: 0 कुल
स्नैपशॉट: कुल 0
समय: 3.509s
/SaveData.test.js/i से मेल खाने वाले सभी परीक्षण सूट चलाएं।

_ बेबल.config.js _
मॉड्यूल.एक्सपोर्ट्स = फ़ंक्शन (एपीआई) {
api.cache (सच);
वापसी {
प्रीसेट: ['बेबेल-प्रीसेट-एक्सपो'],
};
};

_ पैकेज.जेसन _
{
"मुख्य": "नोड_मॉड्यूल्स/एक्सपो/AppEntry.js",
"स्क्रिप्ट": {
"प्रारंभ": "एक्सपो प्रारंभ",
"एंड्रॉइड": "एक्सपो स्टार्ट --एंड्रॉइड",
"ios": "एक्सपो स्टार्ट --ios",
"वेब": "एक्सपो स्टार्ट --वेब",
"इजेक्ट": "एक्सपो इजेक्ट",
"टेस्ट": "जस्ट"
},
"मजाक": {
"प्रीसेट": "प्रतिक्रिया-मूल"
},
"निर्भरता": {
"एक्सपो": "^34.0.1",
"एक्सपो-फाइल-सिस्टम": "^6.0.2",
"एक्सपो-मेल-कंपोज़र": "^6.0.0",
"पल": "^2.24.0",
"प्रतिक्रिया": "16.8.3",
"रिएक्शन-डोम": "^16.8.6",
"प्रतिक्रिया-मूल": " https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz ",
"रिएक्शन-नेटिव-जेस्चर-हैंडलर": "^1.3.0",
"प्रतिक्रिया-मूल-चयन-समूह": "^ 1.1.2",
"प्रतिक्रिया-मूल-वेब": "^0.11.4"
},
"देव निर्भरता": {
"@ बेबेल/कोर": "^7.6.2",
"@ बेबेल/प्रीसेट-एनवी": "^7.6.2",
"बेबेल-जेस्ट": "^24.9.0",
"बेबेल-प्रीसेट-एक्सपो": "^6.0.0",
"जेस्ट": "^24.9.0",
"प्रोप-टाइप्स": "^15.7.2",
"प्रतिक्रिया-मूल-खारिज-कीबोर्ड": "^ 1.0.0",
"प्रतिक्रिया-मूल-मोडल-डेटाटाइम-पिकर": "^7.5.0",
"रिएक्शन-नेविगेशन": "^3.12.1"
},
"निजी": सच
}

एफवाईआई मुझे लगता है कि हमने इसके लिए वास्तव में मूर्खतापूर्ण समाधान ढूंढ लिया, जैसे संपूर्ण निर्माण प्रणाली अच्छी तरह से व्यवहार नहीं कर रही थी यदि NODE_ENV = "test" सेट नहीं किया गया था।

रिएक्ट जेस्ट के नए संस्करणों में इसलिए बनाया गया है package.json में परीक्षण स्क्रिप्ट होनी चाहिए
"test": "react-scripts test"
की बजाय
"test": "jest"

रिएक्ट जेस्ट के नए संस्करणों में इसलिए बनाया गया है package.json में परीक्षण स्क्रिप्ट होनी चाहिए
"test": "react-scripts test"
की बजाय
"test": "jest"

बहुत बहुत धन्यवाद, इसने मेरे लिए इस मुद्दे को हल कर दिया!

बहुत कोशिश करने के बाद, मेरे लिए समस्या:
.babelrc फ़ाइल पर "transform-es2015-modules-commonjs", गुम है

{
  "presets": ["next/babel"],
  "plugins": [
    ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ],
    "transform-flow-strip-types",
    "jsx-control-statements",
    "import-glob",
    "transform-es2015-modules-commonjs",
    [
      "import",
      {
        "libraryName": "antd",
        "style": "css"
      }
    ]
  ]
}

"जेस्ट": "^24.9.0",
"बेबेल-जेस्ट": "23.6.0",

अपने मज़ाक और बेबल-जेस्ट को अद्यतन करने का प्रयास करें

मैंने .babelrc का नाम बदलकर babel.config.js कर दिया और Babel7 में अपग्रेड भी किया और अभी भी पहले जैसी ही त्रुटि है। मेरी babel.config.js फ़ाइल:

module.exports = function (api) {
  api.cache(true);

  const presets = ["@babel/preset-env"];

  return {
    presets
  };
}

मैंने @babel/preset-react स्थापित किया और इसे अपनी babel.config.js फ़ाइल में जोड़ा। त्रुटि को ठीक किया।

इसने मेरी समस्या को ठीक कर दिया, मैंने @ बेबेल/प्रीसेट-एनवी स्थापित किया और babel.config.js में जोड़ा और यह ठीक हो गया

धन्यवाद @jmayergit

मैंने babel.rc फ़ाइल को babel.config.js फ़ाइल में बदल दिया था लेकिन यह मेरे लिए काम नहीं कर रही थी। तब मैंने यह उत्तर देखा: https://stackoverflow.com/questions/58470062/test-jest-with-babel-plugin-import
यदि किसी के पास आयात प्लगइन्स हैं, तो परीक्षण, देव और उत्पादन वातावरण के लिए प्लगइन्स को अलग करें।

मेरी babel.config.js फ़ाइल अब इस तरह दिखती है जो काम करती है:

module.exports = {
  presets: [
    [
      'next/babel',
    ],
  ],
  env: {
    test: {

    },
    dev: {
      plugins: [
        ['import', { libraryName: 'antd', style: 'css' }],
      ],
    },
    production: {
      plugins: [
        ['import', { libraryName: 'antd', style: 'css' }],
      ],
    },
  },
};

मैं भी 5 दिनों से इस त्रुटि से जूझ रहा हूं

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".   

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    SyntaxError: C:\Users\SK-PC\Desktop\React-Course\expansify\src\test\components\MyNavbar.test.js: Unexpected token (5:28)

      3 | import { MyNavbar } from '../../components/MyNavbar'
      4 | test("Should return MyNavbar component", () => {
    > 5 |     const wrapper = shallow(<MyNavbar />)
        |                             ^
      6 |     expect(wrapper.find('.navbar-brand').find('kbd').text()).toBe("Expensify")
      7 |     // const renderer = new ReactShallowRenderer()
      8 |     // renderer.render(<MyNavbar />)

      at Parser._raise (node_modules/@babel/parser/src/parser/location.js:241:45)
      at Parser.raiseWithData (node_modules/@babel/parser/src/parser/location.js:236:17)
      at Parser.raise (node_modules/@babel/parser/src/parser/location.js:220:17)
      at Parser.unexpected (node_modules/@babel/parser/src/parser/util.js:149:16)
      at Parser.parseExprAtom (node_modules/@babel/parser/src/parser/expression.js:1144:20)
      at Parser.parseExprSubscripts (node_modules/@babel/parser/src/parser/expression.js:539:23)
      at Parser.parseMaybeUnary (node_modules/@babel/parser/src/parser/expression.js:519:21)
      at Parser.parseExprOps (node_modules/@babel/parser/src/parser/expression.js:311:23)
      at Parser.parseMaybeConditional (node_modules/@babel/parser/src/parser/expression.js:263:23)
      at Parser.parseMaybeAssign (node_modules/@babel/parser/src/parser/expression.js:211:21)

 PASS  src/test/reducers/filters.test.js

Test Suites: 1 failed, 5 passed, 6 total
Tests:       29 passed, 29 total
Snapshots:   0 total
Time:        12.144s
Ran all test suites.

@fullstacks

रिएक्ट जेस्ट के नए संस्करणों में इसलिए बनाया गया है package.json में परीक्षण स्क्रिप्ट होनी चाहिए
"test": "react-scripts test"
की बजाय
"test": "jest"

आप दस्तावेज़ यहां पढ़ सकते हैं:
https://jestjs.io/docs/hi/tutorial-react
https://create-react-app.dev/docs/running-tests/#docsNav

@ Catmans1
मैंने क्रिएट-रिएक्शन-ऐप या रिएक्ट-स्क्रिप्ट जैसी निर्भरताएं स्थापित नहीं की हैं।
क्या ये काम करेगा?
"test": "react-scripts test"
की बजाय
"test": "jest"

अब यह काम कर रहा है, जब मैंने env और प्रतिक्रिया के साथ परीक्षण विकल्प के लिए बेबेल-प्रीसेट-जेस्ट का उपयोग किया। मैंने बेबेल-जेस्ट को हटा दिया है।

मेरे लिए काम किया: babel.config.js पर "@babel/preset-react" शामिल करें

https://medium.com/@audreyhal/how -to-solve-jest-error-with-create-react-app-part-1-80f33aa1661a

मैंने यह त्रुटि एक मूर्खतापूर्ण गलती करने और .tsx एक्सटेंशन के बजाय .ts साथ अपनी पहली परीक्षण फ़ाइल लिखने के बाद देखी। मूल मुद्दे से बहुत दूर लेकिन मैं हालांकि यह किसी के लिए मददगार हो सकता है