Typescript med Jest - "ReferenceError: beforeAll er ikke definert"

Så jeg har et prosjekt hvor jeg bruker:

  • Typescript
  • TypeORM
  • Type-graphql
  • Spøk

Jeg hadde det til å fungere helt fint helt til jeg begynte å skrive testene mine. Testfilene ligger inne i hver enhetsmappe. For eksempel:

  Student
  |- Student.ts
  |- Student.test.ts
  |- StudentService.ts

Når jeg kjører Jest for å utføre testene mine, fungerer alt helt fint og som forventet. Men hvis jeg kjører nodemon --exec ts-node src/index.ts, får jeg en feil for den første Jest-relaterte funksjonen jeg har, enten det er beforeAll(), afterAll(), describe()...

Min tsconfig.json er:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "lib": ["dom", "es6", "es2017", "esnext.asynciterable"],
    "sourceMap": true,
    "outDir": "./dist",
    "moduleResolution": "node",

    "types": ["jest", "node"],

    "removeComments": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules", "**/*.test.ts", "**/*.spec.ts"]
}

Min jest.config.js er:

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node",
  roots: ["./src"],
  testMatch: [
    "**/__tests__/**/*.+(ts|tsx|js)",
    "**/?(*.)+(spec|test).+(ts|tsx|js)",
  ],
  transform: {
    "^.+\\.(ts|tsx)$": "ts-jest",
  },
};

Så vidt jeg kan forstå, prøver TypeScript å kompilere testfilene mine selv når de er satt til å bli ekskludert i tsconfig.

Mer informasjon som kan være nyttig: Jeg har jest, ts-jest og @types/jest som devdependencies. Jeg har bare én tsconfig.json-fil og én jest.config.js

Noen idé om hvordan man fikser dette?

Oppdatering 1

Jeg glemte å legge ut en av testfilene, selv om jeg ikke tror det er relatert til problemet eller er årsaken til mitt problem...

import { createTestConnection } from "../../test/createTestConnection";
import { graphqlCall } from "../../test/graphqlCall";
import { Connection } from "typeorm";

let conn: Connection;

beforeAll(async () => {
  console.log("Test started");

  conn = await createTestConnection(true);
});

afterAll(() => {
  conn.close();
});

const addStudentWithoutGuardian = `
  mutation addStudentWithoutGuardian($studentInput: StudentInput!) {
  addStudent(studentInput: $studentInput) {
    id
  }
}
`;

describe("Student", () => {
  it("create only with basic information", async () => {
    console.log(
      await graphqlCall({
        source: addStudentWithoutGuardian,
        variableValues: {
          studentInput: {
            firstName: "Harry",
            lastName: "Smith",
            dateOfBirth: "1997-01-30",
            pronoun: 0,
            gender: 0,
            phone: "1231231234",
            email: "[email ",
            addressLine1: "123 Avenue",
            city: "Toronto",
            state: "Ontario",
            postalCode: "X1X1X1",
            gradeLevel: "grade level",
          },
        },
      })
    );
  });
});

Oppdatering 2

Feilstakk

nodemon --exec ts-node src/index.ts
[nodemon] 2.0.7
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: ts,json      
[nodemon] starting `ts-node src/index.ts`   
(node:11716) UnhandledPromiseRejectionWarning: ReferenceError: beforeAll is not defined
    at Object.<anonymous> (G:\Documents\repos\tms\server\src\model\Student\Student.test.ts:7:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Module.m._compile (G:\Documents\repos\tms\server\node_modules\ts-node\src\index.ts:1056:23)
    at Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Object.require.extensions.<computed> [as .ts] (G:\Documents\repos\tms\server\node_modules\ts-node\src\index.ts:1059:12)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at G:\Documents\repos\tms\server\src\util\DirectoryExportedClassesLoader.ts:41:22
(Use `node --trace-warnings ...` to show where the warning was created)
(node:11716) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:11716) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
[nodemon] clean exit - waiting for changes before restart

Oppdatering 3

Min index.ts

import "reflect-metadata";
import { createConnection } from "typeorm";
import express from "express";
import { ApolloServer } from "apollo-server-express";
import cors from "cors";
import { createSchema } from "./utils/createSchema";

(async () => {
  const app = express();

  app.use(
    cors({
      origin: ["http://localhost:3000"],
      credentials: true,
    })
  );

  await createConnection();

  const apolloServer = new ApolloServer({
    schema: await createSchema(),
    context: ({ req, res }) => ({ req, res }),
  });

  apolloServer.applyMiddleware({ app, cors: false });

  app.listen(4000, () => {
    console.log("Express server started");
  });
})();

Oppdatering 4

Mine dependencies og devDependencies

"dependencies": {
    "apollo-server-express": "^2.19.2",
    "class-validator": "^0.13.1",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "faker": "^5.2.0",
    "graphql": "^15.4.0",
    "pg": "^8.5.1",
    "reflect-metadata": "^0.1.13",
    "type-graphql": "^1.1.1",
    "typeorm": "^0.2.30",
    "typeorm-seeding": "^1.6.1"
  },
  "devDependencies": {
    "@types/express": "^4.17.11",
    "@types/faker": "^5.1.6",
    "@types/jest": "^26.0.20",
    "@types/node": "^14.14.21",
    "jest": "^26.6.3",
    "nodemon": "^2.0.7",
    "ts-jest": "^26.5.0",
    "ts-node": "^9.1.1",
    "typescript": "^4.1.3"
  },

Svar #1

For alle som prøvde å få globalSetup til å fungere i Jest og fikk ReferenceError: beforeAll is not defined - jeg sparer dere noen timer med å slå hodet mot skrivebordet:

  1. Definer oppsettfilen din - jest.setup.ts
  2. Bruk setupFilesAfterEnv-egenskapen. f.eks. setupFilesAfterEnv: ['./jest.setup.ts']

Jest-globale variabler er ikke tilgjengelige i setupFiles eller globalSetup

Referanse: https://jestjs.io/docs/configuration#setupfilesafterenv-array

Svar #2

Så jeg fant det akkurat ut... Det var virkelig dumt...

Ormconfig.json har en bane for å skanne alle enhetene, slik:

"entities": ["src/model/**/*.ts"],

Jeg måtte bytte til:

"entities": ["src/model/**/!(*.test.ts)"],

Dette var grunnen til at noen av testfilene mine ble lastet inn og deretter ga feil relatert til at Jest-funksjoner ikke ble funnet.

Jeg fant denne løsningen etter å ha lett etter en måte å ekskludere visse filer på en lignende måte som tsconfig.json gjør, men TypeORM har ingen exclude-parameter, så det må gjøres som vist ovenfor.

Github-problem med forslaget

Takk for all hjelpen.

Relaterte artikler