前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >你不知道的Cypress系列(10) -- CypressHelper

你不知道的Cypress系列(10) -- CypressHelper

作者头像
iTesting
发布2021-09-24 16:00:50
1.1K0
发布2021-09-24 16:00:50
举报
文章被收录于专栏:iTesting

iTesting,爱测试,爱分享

发现已经3个多月没更新了。差点忘记我还有公众号这个事儿了, 不过你们懂的,蔡老师绝对不会让粉丝们失望。先卖个关子,准备迎接我带来的小惊喜吧 :) 转眼之间,你不知道的Cypress系列已经到第10篇了。在Cypress中国群内、在公众号iTesting里,我每天都能看到大量关于Cypress的使用讨论和私下问询。这让我感到无比荣幸(买了书的同学们,公众号回复你的微信号,拉你到Cypress中国群)。

今天是. 你不知道的Cypress系列(10) -- CypressHelper。

这是IDE VS Code的Cypress插件,可以用来帮助我们更好的使用Cypress进行编码,不是我主动发现的,是Cypress中国(3)群的一位同学主动分享的,为他点赞。

”Cypress编写代码“的痛点

当前在使用Cypress进行UI自动化测试中,存在如下痛点:

  • 1. 无法直接通过点击的方式直达自定义的函数。
  • 2. 如使用Fixture,需要手工填写路径,无法自动现完成。
  • 3. 无法查找一个函数有几处定义,有多少引用。
  • 4. 不知道有哪些别名可以用 。

这些问题的存在影响了测试效率,现发现CypressHelper插件可有效解决这个问题,分享如下。

CypressHelper安装配置

当前使用CypressHelper需要在Visual Studio Code中提前安装。方式如下:

代码语言:javascript
复制
打开VS Code --> Extensions, 在搜索框搜CypressHelper

安装好后,点击”配置“图标,选择”Extension Settings“。

正常情况下,你就可以使用了。例如你想一键直达Custom Commands函数的定义位置, 使用方式如下:

找到你定义的Custom Commands,然后右键选择”Cypress: Go to Custom Command Definition“ 即可直达代码定义处。

但这是默认的情况,大部分时候,你的测试框架应该都是进行了定制(例如你Cypress文件夹改成了src文件夹),可能更改了Cypress文件的默认位置,这时,你就要进行配置。

点击”配置“图标,选择”Extension Settings“, 在设置菜单里找到如下选项,并进行设置。

设置完后即可使用。

CypressHelper还提供了其他功能,均已Cypress:开头,大家可以自己尝试看看。我就不再赘述。官方链接:https://marketplace.visualstudio.com/items?itemName=Shelex.vscode-cy-helper。

这篇文章没有一点技术含量,但是却实际解决了很多问题,提高了测试生产率,其实有时候想想,日常测试工作也是如此,并不是每天都要高大上,框架,k8s, 云原生,乱七八糟整,不见得能提高多少测试效率。反而最平常的小事能起到大作用。比如:你每天开个早会沟通下今日待作事项,优先级排列下,一天下来发现做掉了2天的事儿。又比如,你发现测试流程很多不顺畅的地方,测试文档总找不到,周末自己理一下,下周效率马上提高了。

预告一下:我又回来了,后续回复周期性更新,咱们Cypress这个系列还没更新完毕,敬请期待!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-09-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 iTesting 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ”Cypress编写代码“的痛点
  • CypressHelper安装配置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档