Custom matchers are working when running my tests, but not available in my typedefs/autocomplete in vscode

[thepuzzlemaster]

I'm trying to add custom jest matchers to my Angular project. It seems like everything is set up correctly, but I can't get vscode to recognize the custom matchers in my spec files. If I manually import '@testing-library/jest-dom'; in my test file, then it works fine. But if I try to rely on that import coming from my jest-setup.ts file, I get red squiggles on my custom matchers. If I run the tests, they all pass with the custom matchers, so the import from my setup file is working. But it's just not being recognized by vscode. I've tried restarting the IDE, and resetting the TS server, but no changes there.

And my test file in question is located at: src/components/user-menu/user-menu.component.spec.ts

Any thoughts what might be going on here?

My tsconfig.spec.json:

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/spec",
    "types": ["jest", "@testing-library/jest-dom", "node"]
  },
  "files": ["./jest-setup.ts", "src/polyfills.ts"],
  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
}

My jest-setup.ts:

import "@testing-library/jest-dom";
import { setupZoneTestEnv } from "jest-preset-angular/setup-env/zone";

setupZoneTestEnv();

[thepuzzlemaster]

Ugh. I needed to install the typedefs 🤦
npm i -D @types/testing-library__jest-dom

Sadly, this wasn't showing up as an error in my tsconfig.spec.json, but when I tried adding the types array to my base tsconfig.json, the IDE alerted me that it couldn't find type definitions for jest-dom. I'm not sure why that wasn't showing up in my tsconfig.spec.json file.