设置react-scripts测试环境文件

Question

我们通过命令react-scripts test使用react-scripts来运行我们的测试。在本地，我们有自己的测试环境，并使用.env.test文件作为环境文件(它自动使用此文件)。

但是，在我们的CircleCI环境中，我们希望使用开发环境，即使用.env.development来运行测试。我不知道如何告诉react-scripts使用dev env文件，我已经尝试在运行REACT_APP_ENV和NODE_ENV命令之前设置不同的值。我尝试过使用env-cmd模块来指定它使用开发环境文件(例如env-cmd .env.development react-scripts test)，但它仍然使用测试环境文件。

我知道在CircleCI测试命令中，我可以用开发环境文件(类似于cp -rf .env.development .env.test && react-scripts test)覆盖测试环境文件，但我想知道是否有更干净的方法(因为如果我这样做，如果我们想在本地使用开发环境进行测试，它将覆盖我们个人的.env.test文件)？

Answer 1

您唯一需要做的就是修改react-scripts test命令，添加以下内容：

--env=jsdom

所以最终的结果是

// package.json
{
    "scripts": {
        ...
        "test": "react-scripts test --env=jsdom"
        ...
    }
}

https://serverless-stack.com/chapters/environments-in-create-react-app.html