Vscode only recognize matcher once opening global.d.ts

[hungdao-testing]

Bug

• package version:

  "devDependencies": {
  "@babel/core": "^7.12.13",
  "@babel/eslint-parser": "^7.12.16",
  "@babel/node": "^7.12.16",
  "@babel/preset-env": "^7.12.13",
  "@types/jest": "^26.0.20",
  "@types/lodash": "^4.14.168",
  "axios": "^0.21.1",
  "babel-jest": "^26.6.3",
  "eslint": "^7.20.0",
  "eslint-config-airbnb-base": "^14.2.1",
  "eslint-config-prettier": "^7.2.0",
  "eslint-plugin-import": "^2.22.1",
  "eslint-plugin-jest": "^24.1.5",
  "eslint-plugin-prettier": "^3.3.1",
  "jest": "^26.6.3",
  "jest-extended": "^0.11.5",
  "prettier": "^2.2.1",
  "ts-jest": "^26.5.1",
  "typescript": "^4.1.5"
  }

• node version: v15.5.0

• npm (or yarn) version: npm: 7.3.0

Relevant code or config

jest.config.js
/*
 * For a detailed explanation regarding each configuration property, visit:
 * https://jestjs.io/docs/en/configuration.html
 */

module.exports = {
  coverageProvider: 'v8',
  moduleFileExtensions: ['js', 'json', 'ts'],
  preset: 'ts-jest',
  testEnvironment: 'node',
  testTimeout: 20000,
  setupFiles: ['./configs/envHandle.ts'],
  setupFilesAfterEnv: ['jest-extended'],
  testMatch: [
    '**/__tests__/**/*.[jt]s?(x)',
    '**/?(*.)+(spec|test).[tj]s?(x)',
  ],

  testPathIgnorePatterns: ['/node_modules/'],
};

======
babel.config.js

module.exports = {
  presets: [["@babel/preset-env", { targets: { node: "current" } }]],
};

Pre-condition:

• Install Vscode

  Version: 1.52.1
  Commit: ea3859d4ba2f3e577a159bc91e3074c5d85c0523
  Date: 2020-12-16T16:30:02.420Z
  Electron: 9.3.5
  Chrome: 83.0.4103.122
  Node.js: 12.14.1
  V8: 8.3.110.13-electron.0
  OS: Darwin x64 19.0.0

• Create a project with structure -jest-axios ---configs ---tests -----babel.config.js -----global.d.ts -----jest.config.js

What you did:

1. enter the line in global.d.ts: import 'jest-extended';
2. create a spec file

   test('Check auto-checking', () => {
   expect(1).toBeOneOf([1, 2, 3]);
   });

3. Observe the checking-error : NO issue at this step
4. Close vscode and reopen the spec file => FAILED. There is error

This issue would happen when re-opening the file or vscode.

Work-around: open global.d.ts hit Save, the error in spec file is disappeared ,or enter import 'jest-extended'; in spec file

[Bazze]

I think this should resolve your issue: https://github.com/jest-community/jest-extended/issues/282

To your tsconfig.json, add:

{
  ...
  "files": ["path/to/global.d.ts"]
}

[hungdao-testing]

The problem is fixed, I thought maybe I didn't create tsconfig.json in my project. After created this file, and added few basic options. This issue is gone.

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    "target": "ES2020" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
    "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
    "downlevelIteration": true /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */,
    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
    "skipLibCheck": true /* Skip type checking of declaration files. */,
    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
  }
}

One note that, currently I removed babel out of the project

[DanKaplanSES]

Isn't this a better solution to a global.d.ts file:

tsconfig.json
...
"types": ["node", "jest", "jest-extended"],
...