使用Cypress进行UI测试（三）CI助手DashBoard

最新推荐文章于 2024-05-20 09:57:54 发布
最新推荐文章于 2024-05-20 09:57:54 发布
阅读量2.4k 收藏 4
点赞数 2
分类专栏： 自动化测试 文章标签： 测试工程师 软件测试 扫描测试工具 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qunyaoaiziji/article/details/104451970
版权

使用Cypress进行UI测试（三）CI助手Dashboard

你有没有过这样的苦恼，在CI上运行测试的时候，总是没办法第一时间测试运行的结果，即使可以，也是通过打印的日志，但是对于UI测试来说，我们更希望可以形象化的看到运行结果，所以我们会借助截图、录像等等来可视化运行结果。但截图、录像也只能在所有测试运行完成后拿得到，那么如果CI运行也可以像在本地一样有TestRunner实时的展示结果和snapshot，那该有多好。Cypress的dashboard就是来解决这一问题的，它可以实时的展示CI运行的结果，就像在本地运行测试用例一样。本文就会详细介绍Cypress dashboard的应用。
注：本文不借助任何CI工具，只会演示本地运行测试用例，在danshboard展示结果的过程

使用github账号登陆dashboard

使用dashboard的前提是需要有一个GitHub账号，并且将测试源码推到GitHub。如小下图，使用GitHub账号登陆dashboard在这里插入图片描述

配置需要被记录的项目

登陆后，点击配置project，然后填写测试源码所在的GitHub项目名称
在这里插入图片描述

最低0.47元/天 解锁文章
Connie尧尧
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
前端dashboard框架_Cypress自动化框架笔记
weixin_33291720的博客
12-24 332
Cypress的特点1. 基于node.js环境的E2E前端自动化测试框架2. 支持Chrome和Firefox浏览器，自动等待3. 不用web driver驱动浏览器，运行速度快4. 支持失败用例自动截屏5. 对运行过程的自动录制视频6. 时光穿梭看各步骤的snapshoot7. 支持CI和并发运行，收集测试结果8. 支持Junit+Allure生成测试报告安装和使用安装node.js之后，运行...
setup-nim:CI 助手使用预构建的 nightlies 设置 Nim
05-30
设置 Nim 用于设置 Nim 环境以在 Github Actions 中使用的操作。 这包括： 由官方构建器在构建的完整 Nim 工具链。 用于将编译器错误/警告转换为注释的器。 用法 参见 注意：目前建议使用标记版本而不是master 。 这可确保未来向后不兼容的更改不会导致您的 CI 突然失败。 有关如何使操作保持，请参阅部分。 基本的： steps : - uses : alaviss/setup-nim@0.1.1 with : version : ' version-1-4 ' # The Nim nightly version branch to download path : ' nim ' # The directory relative to ${{ github.workspace }} to
推荐开源项目：cypress-parallel - 提升Cypress测试速度的利器
最新发布
gitblog_00024的博客
05-20 347
推荐开源项目：cypress-parallel - 提升Cypress测试速度的利器 项目地址:https://gitcode.com/tnicola/cypress-parallel 项目介绍 cypress-parallel 是一款强大的工具，用于本地并行执行Cypress测试套件，显著减少你的测试运行时间，最高可提升40%的效率。通过智能地将你的测试文件分发到多个线程，cypress-par...
Cypress学习
m0_37846059的博客
01-11 478
学习cypress做e2e测试
自动化测试框架[Cypress持续集成之Circle CI]
Davieyang.D.Y
02-18 1万+
公司重视质量则DevOps自动化流水线已经是必然，也是衡量项目技术成熟度的标准，在DevOps自动化流水线中，最重要的环节就是持续集成和持续交付/持续部署，也是这两个重要的环节大大提高了软件开发的质量并缩短了软件开发生命周期
【e2e测试】基于Cypress+Mocha+gitlabCI的持续集成并行测试方案实践
weixin_42275048的博客
12-16 474
最近有时间可以写一点东西， 总结下我在前司做的基于Cypress+Mocha+gitlabCI的持续集成并行测试方案。为了方便测试同学自己维护自动化代码，所以自动化代码和前端项目代码是使用不同gitlab仓库管理的。
Dashboard-Test:演示使用Cypress API进行的UI测试
03-11
在IT行业中，UI测试是确保软件...总的来说，"Dashboard-Test"项目提供了一个学习和实践Cypress UI测试的良好范例，对于任何使用JavaScript开发Web应用的团队来说，掌握Cypress都是提升测试效率和代码质量的重要工具。
cypress-UI自动化工具选型介绍.pptx
01-11
Cypress 是一款优秀的 UI 自动化测试框架，具有安装使用简便、执行速度快、定位问题能力强等特点。与 Selenium 和 Puppeteer 等其他自动化测试工具相比，Cypress 具有明显的优势。 一、Cypress 介绍 Cypress 是一...
cypress-react-unit-test：使用Cypress进行单元测试React组件
02-06
总之，使用Cypress进行React组件测试能够提供高效、直观的测试体验，结合其强大的调试工具和丰富的API，使得单元测试React组件变得更加简单和有效。通过实践和掌握上述技巧，你将能够在项目中更好地运用Cypress，...
Cypress 新型I2C端口扩展器IC
12-09
赛普拉斯半导体公司（Cypress Semiconductor Corp.）于近日宣布推出三款新型I2C端口扩展器，这些器件把所有的用户设置均存储于非易失性存储器之中，从而免除了在每次给电后要对器件重新配置的需要。这几款器件提供了...
next-cypress-dashboard:赛普拉斯仪表板的开源替代品
03-17
下一个赛普拉斯仪表板 :person_surfing: 用法 登录（现在仅支持GitHub） 导入一个Git仓库（同样，现在只有GitHub） 修补赛普拉斯代理程序配置（请查看） 赛普拉斯 有关更多信息，请检查。 动机 该项目的灵感来自于 ，它非常出色，并且具有赛普拉斯仪表板的生产就绪替代品，它具有一个单一缺陷-它的复杂基础结构。 因此，我个人的目标是制定更加简化的方法，重点放在： 测试并行化 简易安装 与差异 主要功能已由取代 Mongo和In Memory已被取代， 仅适用于 由于视频和快照可以存储为CI工件，因此没有计划支持。
gitlab-ci-dashboard::bar_chart:监控GitLab CI构建和电视管道的仪表板
05-17
:bar_chart: 亚搏体育app CI仪表板 用于监视构建和电视管道的仪表板。 这是的fork。 Gitlab支持 Gitlab：8.30.4和10.1.4 Gitlab ：V3和V4 用法 该项目可以完全在浏览器中运行，而查询字符串上只有很少的参数，也可以使用命令行在独立模式下运行，您可以使用查询字符串参数，也可以使用json配置文件中的所有参数。 参数 config ：配置文件的路径或URL gitlab ：您的gitlab服务器地址 令牌：您的gitlab令牌 projects文件/项目： 使用projectsFile ：包含要监视的项目列表的文件的url，请参见下面的创建方法 使用专案：要列出的清单或专案，请参阅下方的建立方式 gitlabciProtocol （可选）：访问gitlabci api的协议。 默认值：https hideSuccessCards （可选）：更改为成功状
创建CI服务器的助手Ciborg.zip
07-19
Ciborg 能够帮助你在 EC2 云计算环境中轻松的创建 CI 服务器。 Lando Calrissian 使用 Ciborg 来维护云平台的流畅性。现在你可以使用 Ciborg 在获得在云上持续运行的集成服务。 在 Amazon EC2 环境中，Ciborg 能够帮助引导和安装 Rails 应用程序。 使用时开发包的时候你需要提供下列信息： git 存储库的 URL 具有访问库权限的 SSH 密钥 Any shell commands you want to run for your build AWS 凭证 能够访问 EC2 实例的 SSH 密钥 标签：Ciborg 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date() / 36e5)];\r\n \r\n \r\n \r\n \r\n \u8f6f\u4ef6\u9996\u9875\r\n \u8f6f\u4ef6\u4e0b\u8f7d\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\nwindow.changyan.api.config({\r\nappid: 'cysXjLKDf', conf: 'prod_33c27aefa42004c9b2c12a759c851039' });
ci-helpers:CodeIgniter 的助手
07-02
ci-helpers 之前按照CI风格写的一些helpers，现在整理出来分享给大家，取于CI，服务于CI。 算是练习git了。 要在PHP 5.3及以上版本
cypress-testing:使用赛普拉斯UI测试测试www.vehikl.com
03-17
**赛普拉斯（Cypress）UI测试：深入解析与实战** 赛普拉斯（Cypress）是一种现代化的前端测试框架，以其高效、实时和强大的功能在IT行业中受到广泛关注。本篇文章将详细探讨如何利用赛普拉斯进行UI测试，并通过实际...
Jenkins + Gitlab + Cypress.io 实现前端CI/CD
weixin_34161083的博客
05-09 1441
文章分为三部分讲解，项目采用vue-cli + vue/cli-plugin-e2e-cypress配合讲解 vue-cli项目生成 + 基本配置（虽然是傻瓜式
自动化测试框架[Cypress环境搭建与配置详解]
热门推荐
Davieyang.D.Y
11-23 1万+
Cypress环境搭建与配置详解
Cypress 一些鼠标事件
f20052604的专栏
06-03 3830
一、鼠标悬停事件（mouseover） cy.get('button').trigger('mouseover') 这是官方给出的api，实时没有生效。尝试了各种方法，直到看到这个贴子 [https://github.com/cypress-io/cypress/issues/10](https://github.com/cypress-io/cypress/issues/10) 有人给出了解决方案（右击操作）： cy.get('button').rightclick() 二、鼠标长按事.
优势尽显：Cypress UI自动化工具选型与比较，技术分享及持续集成风险展望
首先从安装使用、执行速度和架构原理三个方面介绍了 Cypress 的优势。其次，探讨了UI自动化测试技术的重要性，以及如何将人为驱动的测试转换为机器执行的过程。在产品周期长且需要多次迭代测试的项目中，Cypress ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值