reactjs - 剧作家:如何将环境变量从库传递到管道？

Question

背景

我有一个在 Azure DevOps 管道中运行 Playwright 集成测试的 React/TypeScript 项目。管道从 Azure DevOps 库获取环境变量。

问题

我可以在本地针对我部署的预生产环境成功运行测试。

但是，测试在管道中失败了。它们失败是因为管道无法读取我尝试从库传入的环境变量。

失败的代码行:

await page.getByRole('textbox', { name: 'myVariable' }).fill(process.env.MyVariable as string);

我的环境变量出现管道错误:

如何将环境变量从库传递到管道以便 Playwright 可以读取它们？

Answer 1

解决方案

1. 我将测试文件名从 myFile.spec.ts 更新为 myFile.spec.tsx。
2. 我在环境变量中添加了 REACT_APP_ 前缀。

await page.getByRole('textbox', { name: 'myVariable' }).fill(process.env.REACT_APP_MY_VARIABLE as string);

现在我的 Azure DevOps 管道可以读取 Azure DevOps 库中的变量，并且测试成功!