设置react-scripts测试环境文件

Question

我们正在使用react-scripts通过命令react-scripts test运行测试。在本地，我们拥有自己的测试环境，并将.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