如何用Jest测试依赖NODE_ENV的组件

Question

我有这个组件，我想测试

export const ResponsiveChartContainer = ({ children, height }: Props): React.ReactElement => {
return process.env.NODE_ENV === 'test' ? (
children
) : (
<ResponsiveContainer minHeight={height}>{children}</ResponsiveContainer>
);
};

它依赖于NODE_ENV，因为ResponsiveContainer不会在测试环境中呈现任何子节点。如果我将ResponsiveContainer放在父容器上，则图形根本不会显示。因此，从组件中删除ResponsiveContainer是不可行的。我如何测试它?

我尝试在测试本身设置NODE_ENV，但typescript抱怨它是一个只读变量。

Answer 1

我能想到的最快的解决方案就是安装dotenv

npm i dotenv

，并将以下内容添加到测试的开头。

要求("dotenv" . config ()