typescript - Hvordan legge til '@testing-library/jest-dom' globalt?

Jeg så i et prosjekt som bruker create-react-app en fil som heter setupTest.js som bare importerer @testing-library/jest-dom, og testene ser ut til å bruke den utvidede expect-versjonen, som .toBeInTheDocument.

Jeg la til den samme filen (setupTest.js) i prosjektet mitt, men det ser ut til å ha ingen effekt.

Med andre ord, hvordan kan jeg importere @testing-library/jest-dom globalt i stedet for å gjøre det i hver .spec.ts-fil?

Svar #1

Opprett en jest.config.js-fil og legg til setupFilesAfterEnv-egenskapen i den, og konfigurer den til adressen til din setupTests.js-fil slik:

module.exports = {
  setupFilesAfterEnv: ["<rootDir>/app/config/setupTests.js"],
};

og deretter i din setupTests.js legg til denne koden:

import "@testing-library/jest-dom/extend-expect";