Cypress测试工具有代码生成器吗

Is there a code generator for Cypress testing tool

我一直在研究Cypress测试工具。我有巨大的前端流来测试。写这么多 JS 代码会很吃力。

所以我想知道是否有records/generates代码测试的代码生成器。

我知道一个工具 Snaptest - snaptest.io。但是,此工具仅在 NightWatchJS 和 Chromeless 中生成代码。赛普拉斯框架被禁用。

我找到了这个 - https://github.com/cypress-io/generator-node-cypress 但是我不确定这是做什么的。

所以我想知道是否有替代方法 recorder/generator 用于生成在 Cypress 中使用的代码。

建议?谢谢.

根据 this issue 在 Github 上的说法,已经提出了一个测试记录器,但目前不是 Cypress 中的一个功能。

2021 年更新

其他答案提到的生成器已经有一段时间了。我最初是在 2018 年 8 月回答这个问题的,当时没有可用的发电机。我仍然坚持下面的建议。

原回答

回答你的问题:

没有

主动为您提供建议:

测试整个前端的巨大流量是 Cypress 中的一种反模式。他们(和我)建议将其分解为每个页面的规范,然后仅针对您在该页面上执行的操作向该规范添加小测试。您还需要模拟、存根或以其他方式以编程方式设置和拆除该规范所需的状态 运行.

查看此页面并观看链接的 YouTube 视频以获得更好的想法。 https://docs.cypress.io/guides/references/best-practices.html#Organizing-Tests-Logging-In-Controlling-State

我将 selenium 用于页面对象和工作流的历史由来已久。当我开始使用 Cypress 时,我曾与这个想法斗争过一段时间,但喝了 kool-aid 后发现这种方式好多了。

是的,看起来有一个很好的尝试来创建场景记录器并且它在很大程度上起作用:

https://chrome.google.com/webstore/detail/cypress-scenario-recorder/fmpgoobcionmfneadjapdabmjfkmfekb/related?hl=en

我们创建了一个新的 Cypress Recorder 扩展(与上面发布的不同),我们认为它可能比上面发布的更接近您的要求。

https://chrome.google.com/webstore/detail/cypress-recorder/glcapdcacdfkokcmicllhcjigeodacab

请随时告诉我们您的想法。

用于 IntelliJ 平台(IDEA、Webstorm 等)的 Cypress Support Pro 插件中有一个内置记录器 它允许在 Cypress Runner 中记录 UI 动作,并将生成的代码直接插入到 IDE 中的案例中。 此外,记录器具有可插拔架构,可以轻松扩展或替换代码生成逻辑。默认情况下,它使用来自 KabaLabs / Cypress-Recorder.

的脚本

这里是录像机的简要视频概述:https://www.youtube.com/watch?v=FgnHYwmguFI 您可以在此处免费试用插件:https://plugins.jetbrains.com/plugin/13987-cypress-support-pro(或通过 IDE 中的设置 -> 插件菜单安装)

自我推销披露:我是这个付费插件的作者。

“Cypress Studio 通过记录与被测应用程序的交互,提供了一种在 Test Runner 中生成测试的可视化方式。” https://docs.cypress.io/guides/core-concepts/cypress-studio

我知道有点晚了但是。

我刚看到 Preflight 的 Cypress 记录器,它的工作原理就像魔法一样,可以创建完美的 css 选择器并适应 ui 更改(自动更新脚本),它甚至可以自动创建电子邮件测试脚本。

https://cypress.preflight.com

我个人认为它比 Katalon 好得多