Playwright系列(6):如何集成到GitHub

简介: Playwright系列(6):如何集成到GitHub

大家好,我是阿萨。 昨天学习了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


相关文章
|
22天前
GitHub和Gitee的基本使用和在IDEA中的集成
GitHub和Gitee的基本使用和在IDEA中的集成
24 0
|
2月前
|
安全 Shell 网络安全
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
124 0
|
6月前
|
Linux 网络安全 开发工具
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
|
6月前
|
程序员
GitHub 推出了集成了 GPT-4 技术的 Copilot X,它对程序员有哪些积极和消极影响?
GitHub 推出了集成了 GPT-4 技术的 Copilot X,它对程序员有哪些积极和消极影响?
201 0
|
9月前
|
jenkins Java 应用服务中间件
SpringBoot+Jenkins+Github+Docker+Maven持续集成CI与持续部署CD全自动化部署
我们采用tomcat运行war包的这种方式,先来到官网下载war包:https://www.jenkins.io/download/ 然后把war包上传到tomcat的webapps里,自动就解压运行了,访问页面,然后查看并输入密码: cat /root/.jenkins/secrets/initialAdminPassword
155 0
|
9月前
|
IDE 程序员 网络安全
Pycharm集成Git、GitHub及使用
使用pycharm IDE 集成 Git 配置本地库。 使用 pycharm IDE 集成 GitHub 将本地库代码上传到远程库及从远程库拉取、克隆到本地库。
323 0
|
11月前
|
存储 人工智能 Prometheus
面向GPT-4编程的时代来了:GitHub Copilot大升级,首次集成聊天功能
面向GPT-4编程的时代来了:GitHub Copilot大升级,首次集成聊天功能
493 0
|
11月前
|
开发工具 git
IDEA集成Github&Gitee
IDEA集成Github&Gitee
89 0
|
12月前
|
持续交付
Github使用Travis CI持续集成,自动测试代码
Github使用Travis CI持续集成,自动测试代码
52 0
Github使用Travis CI持续集成,自动测试代码
|
程序员 开发工具 git
Git学习(七):IDEA集成GitHub
Git学习(七):IDEA集成GitHub
128 1
Git学习(七):IDEA集成GitHub