Typescript globals are not working [Solved]

[Alino]

I have followed the instructions to add vitest/globals into tsconfig so that typescript should recognise globals. But it does not.
expect.toEqual is missing.

tsconfig.json

{
    "compilerOptions": {
      "types": ["node", "vitest/globals"],
      "lib": ["ES2015"],
      "esModuleInterop": true
    }
}

vitest.config.ts

/// <reference types="vitest" />
import { defineConfig } from 'vite'

export default defineConfig({
  test: {
    globals: true,
    exclude: [
        "folder-dev",
    ]
  },
})

test file:

Any idea what's wrong?

[sheremet-va]

You have other global expect type contradicting with ours

[Alino]

thanks I was thinking that too, so I have removed them (jest and jest globals) from tsconfig. Do I have to remove jest from package.json as well? I wanted to keep jest and vitest so that I could use them both during a migration phase.

[sheremet-va]

toEqual exists on both. I think you have mocha expect globally somewhere. Do you use cypress?

[Alino]

I don't use cypress. These were my dev dependencies including jest, mocha, ts-jest, @types/jest and @jest/globals

"devDependencies": {
    **"@jest/globals": "^27.5.1",**
    **"@types/jest": "^27.4.1",**
    **"@types/mocha": "^9.0.0",**
    "@types/node": "^16.11.26",
    "@types/rosie": "^0.0.40",
    "@types/supertest": "^2.0.11",
    **"jest": "^28.1.1",**
    **"mocha": "^9.1.3",**
    "rosie": "^2.1.0",
    "supertest": "^6.1.6",
    **"ts-jest": "^28.0.0-next.3",**
    "ts-node": "^10.7.0",
    "typescript": "^4.7.4",
    "vitest": "^0.16.0"
  }

so I have removed now my node_modules and removed these so now I have

  "devDependencies": {
    "@types/node": "^16.11.26",
    "@types/rosie": "^0.0.40",
    "@types/supertest": "^2.0.11",
    "rosie": "^2.1.0",
    "supertest": "^6.1.6",
    "ts-node": "^10.7.0",
    "typescript": "^4.7.4",
    "vitest": "^0.16.0"
  }

run yarn install

and I still got the issue. Also restarted vscode.

EDIT: Btw, running npx vitest executes the tests and all are passing fine. It's just the vscode's typescript somehow thinking wrong?

[Alino]

EDIT: I was wrong about thinking that it works on my other machine, because it was just initialising there and not yet underlining the issue... So the same issue is on both instances of vscode. Even in a dev docker container.

EDIT2: So I found the root cause. In the root of my repo I had index.d.ts with:

declare const expect: Chai.ExpectStatic

I totally didn't know about this there lol.

[daribock]

I have the same problem but didn't declare any const or anything. I searched through every file but I found nothing.
This is the error I'am getting:

tsconfig.vitest.json

{
    "extends": "./tsconfig.json",
    "compilerOptions": {
        "types": ["vitest/globals"]
    },
    "include": ["src/**/*.test.ts"]
}

vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import eslintPlugin from 'vite-plugin-eslint';
import i18nHotReload from './plugins/i18n-reload';

export default defineConfig((configEnv) => ({
    plugins: [react(), eslintPlugin(), i18nHotReload()],
    server: {
        port: 3000,
    },
    test: {
        globals: true,
        environment: 'jsdom',
        include: ['src/**/*.test.{ts,tsx}'],
        coverage: {
            reporter: ['text'],
        },
    },
}));

Do you have any idea what I'am missing? @sheremet-va 😕

[daribock]

Forget this. In my .tsconfig.json was this config:

"exclude": ["src/__mocks__", "src/**/*.test.ts"],

But now I have the same issue as @Alino but I use Cypress in my project but until know its only installed and the types are not configured yet. I removed it but it still didnt work.

[yashdodani]

When I did 'vitest run', it ran all the tests without any errors, but vscode still showed errors for 'test', 'expect' or 'describe'.
this error is due to eslint
installing eslint-plugin-vitest-globals and setting .eslintrc.cjs
module.exports = { root: true, env: { browser: true, es2020: true, 'vitest-globals/env': true }, extends: [ 'eslint:recommended', 'plugin:react/recommended', 'plugin:react/jsx-runtime', 'plugin:react-hooks/recommended', 'plugin:vitest-globals/recommended', ],
this solved the problem for me.

[ekim49]

This worked for me. Thanks!