Heroku
·
在 Heroku CI 中使用 Chrome 测试 React 应用
💡
原文英文，约2100词，阅读约需8分钟。
📝
内容提要
文章介绍了如何在Heroku CI中使用Heroku Buildpack进行无头浏览器测试，以确保React应用的用户体验。示例应用是一个简单的React页面，使用Jest和Puppeteer进行端到端测试。通过修改`package.json`和使用`start-server-and-test`包，实现自动化测试流程，并将测试集成到Heroku CI管道中，实现自动化和可靠的测试。
🎯
关键要点
- 在构建Web应用时，端到端测试确保最终用户体验符合预期行为。
- Heroku CI允许使用无头Chrome进行端到端测试，确保测试自动化和集成。
- 示例应用是一个简单的React页面，使用Jest和Puppeteer进行测试。
- 测试代码包括验证链接、文本输入和表单提交的功能。
- 通过修改package.json文件，简化开发和测试流程。
- 使用start-server-and-test包，将启动服务器和运行测试整合为一个命令。
- 在Heroku CI中，需要添加app.json文件以指定所需的buildpacks和测试脚本。
- 创建Heroku管道并连接GitHub仓库后，可以启用Heroku CI进行测试。
- 每次推送到GitHub仓库时，都会触发测试套件的运行，提供即时反馈。
- 自动化测试在Heroku CI中是提高测试能力的有效方式。
➡️
