인프런 커뮤니티 질문&답변

package.json

{
  "name": "jest-lecture",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "devDependencies": {
    "@types/jest": "^29.5.14",
    "jest": "^29.7.0",
    "jest-extended": "^4.0.2",
    "ts-jest": "^29.2.5"
  }
}

global.d.ts

import "jest-extended";

tsconfig.json

{
  "files": ["global.d.ts"]
}

jest.config.js

/** @type {import('ts-jest').JestConfigWithTsJest} **/
module.exports = {
  testEnvironment: "node",
  transform: {
    "^.+.tsx?$": ["ts-jest", {}],
  },
  setupFilesAfterEnv: ["./testSetup.js"],
};

testSetup.js

const matchers = require("jest-extended");
expect.extend(matchers);

위의 환경에서 설정하였으며

src/order.test.ts에서

import { first, second, third } from "./order";

test("first->second->third", () => {
  const spy1 = jest.fn(first);
  const spy2 = jest.fn(second);
  const spy3 = jest.fn(third);

  spy1();
  spy2();
  spy3();
  console.log(spy1.mock.invocationCallOrder[0]);
  console.log(spy2.mock.invocationCallOrder[0]);
  console.log(spy3.mock.invocationCallOrder[0]);

  //   expect(spy1.mock.invocationCallOrder[0]).toBeLessThan(
  //     spy2.mock.invocationCallOrder[0]
  //   );
  //   expect(spy3.mock.invocationCallOrder[0]).toBeGreaterThan(
  //     spy2.mock.invocationCallOrder[0]
  //   );
  expect(spy1).toHaveBeenCalledBefore(spy2);
  expect(spy3).toHaveBeenCalledAfter(spy2);
});

위처럼 테스트를 실행하면

  ● first->second->third

    TypeError: expect(...).toHaveBeenCalledBefore is not a function

      19 |   //     spy2.mock.invocationCallOrder[0]
      20 |   //   );
    > 21 |   expect(spy1).toHaveBeenCalledBefore(spy2);
         |                ^
      22 |   expect(spy3).toHaveBeenCalledAfter(spy2);
      23 | });
      24 |

      at Object.<anonymous> (src/order.test.ts:21:16)

위와 같은 타입오류가 나오고있는데요,

무엇때문에 오류가 나는지 모르겠습니다ㅠㅠ