如何在 Jest 的测试助手中包含测试 TypeScript 库？答案

【问题标题】：How do I include the test TypeScript libraries in a test helper with Jest?如何在 Jest 的测试助手中包含测试 TypeScript 库？
【发布时间】：2019-05-22 16:46:56
【问题描述】：

我想在 ./src/index.tsx 中包含一个测试助手文件

import React from "react";
import { NotificationContext } from "../state/NotificationContext";

export function wrapComponentInContext<T = {}>(Comp: React.FunctionComponent<T>, props: T = {}) {
  const mockSetter = jest.fn(() => { });

  const mockContext: ContextDefaultValue = ["context", mockSetter];

  return (
    <NotificationContext.Provider value={mockContext}>
      <Comp {...props}/>
    </NotificationContext.Provider>
  );
}

但是因为该文件没有 .test.tsx 扩展名，所以它抱怨 jest 没有被定义。

我该如何解决这个问题？

【问题讨论】：

标签： typescript jestjs ts-jest

【解决方案1】：

这是设计使然。不要将特定于测试的代码放在生产环境中。

理智的（也是唯一实用的）解决方案是将您的助手移动到不同的文件（如果您有一个 /test 目录，它应该在那里），并直接从需要它的测试文件中移动 import 它。

【讨论】：