大家好，我是阿萨。 昨天学习了trace viewer. 今天我们看下如何把Playwright 脚本集成到GitHub里。安装Playwright时，你可以选择添加GitHub Actions。这将在 .github/workflows 文件夹中创建一个 playwright.yml 文件，其中包含你需要的一切，以便你的测试在每次推送和拉动请求到主/主分支时运行。
GitHub Actions
测试将在main/master分支的提交或下载请求上运行。该工作流程将安装所有的依赖项，安装Playwright，然后运行测试。它还会创建HTML报告。
name: Playwright Testson: push: branches: [main, master] pull_request: branches: [main, master]jobs: test: timeout-minutes: 60 runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - uses: actions/setup-node@v3 with: node-version: 18 - name: Install dependencies run: npm ci - name: Install Playwright Browsers run: npx playwright install --with-deps - name: Run Playwright tests run: npx playwright test - uses: actions/upload-artifact@v3 if: always() with: name: playwright-report path: playwright-report/ retention-days: 30
创建一个Repo并推送到GitHub
在GitHub上创建一个Repo，并创建一个新的仓库或推送一个现有的仓库。按照GitHub上的说明，别忘了用git init命令初始化一个git仓库，这样你就可以添加、提交和推送你的代码。
打开工作流
在操作页签，可以看到工作流。也可以看到测试执行的结果是成功还是是失败的。
在拉取请求上，你也可以点击PR状态检查结果。
查看测试日志
点击运行工作流会显示GitHub执行的所有操作，点击运行Playwright测试会显示错误信息、预期和收到的内容以及调用日志。
HTML 报告
HTML报告显示你的测试的完整报告。你可以通过浏览器、通过的测试、失败的测试、跳过的测试和失效的测试来过滤报告。
下载 HTML 报告
在Artifacts部分，点击playwright-report，以压缩文件的形式下载你的报告。
查看HTML报告
在本地打开报告不会像预期的那样工作，因为你需要一个网络服务器来使一切正常工作。首先，解压缩文件，最好是在已经安装了Playwright的文件夹中。使用命令行进入报告所在的目录，使用npx playwright show-report，后面跟上解压后的文件夹的名称。她可以让报告在浏览器中查看。
npx playwright show-report name-of-my-extracted-playwright-report
