Cypress录制自动化脚本

　　1。前言
　　CypressStudio提供了一种在测试运行程序中生成测试的可视化方法，通过记录与被测应用程序的交互。支持。click（）、。type（）、。check（）、。uncheck（）和。select（）Cypress命令，这些命令将在与CypressStudio内部的DOM交互时生成测试代码。
　　2。使用CypressStudio
　　CypressStudio是一个实验性功能，可以通过向配置文件添加experimentalStudio属性来启用（塞浦路斯。json默认情况下）。｛experimentalStudio：true｝
　　我们以登录案例，以演示Cypress测试方法、模式和工作流的真实使用。它将用于演示下面CypressStudio的功能。3。扩展测试
　　您可以扩展任何先前存在的测试，也可以使用以下测试支架在您的默认情况下integrationFolder（cypressintegration在默认情况下）创建一个新测试来开始。describe（第一个录制脚本从禅道登录开始，function（）｛beforeEach（（）｛cy。visit（http：localhost：8080zentaouserlogin。html）｝）it（登录输入框功能，function（）｛｝）｝）1。运行规范
　　我们将使用CypressStudio执行新事务用户旅程。首先，启动测试运行程序并运行在上一步中创建的规范。
　　测试完成运行后，将鼠标悬停在命令日志中的测试上方，以显示将命令添加到测试按钮。单击添加要测试的命令将启动CypressStudio。
　　2。启动CypressStudio
　　现在，我们可以开始更新测试以在用户之间创建新事务。3。应用程式互动
　　要记录操作，请开始与应用程序进行交互。在这里，我们将单击账号密码输入框，结果将看到单击记录在命令日志中。
　　要放弃交互，请单击取消按钮退出CypressStudio。如果对与应用程序的交互感到满意，请单击保存命令，测试代码将保存到spec文件中。4。生成的测试代码
　　查看我们的测试代码，我们可以看到单击SaveCommands（保存命令）后更新了测试，并使用了我们在CypressStudio中记录的操作。describe（第一个录制脚本从禅道登录开始，function（）｛it（登录输入框功能，function（）｛cy。visit（http：localhost：8080zentaouserlogin。html）GeneratedwithCypressStudiocy。get（account）。type（admin）；cy。get（。col8）。click（）；cy。get（：nthchild（2）td。formcontrol）。type（longshi2020）；cy。get（。formactions）。click（）；cy。get（submit）。click（）；EndCypressStudio｝）｝）
　　5。添加新测试
　　您可以通过在我们定义的块上单击添加新测试，将新测试添加到任何现有describe或块中。contextdescribe
　　保存后，该文件将在cypress中再次运行。
　　最后，查看我们的测试代码，我们可以看到单击SaveCommands（保存命令）后更新了测试，并使用了我们在CypressStudio中记录的操作。describe（第一个录制脚本从禅道登录开始，function（）｛it（登录输入框功能，function（）｛cy。visit（http：localhost：8080zentaouserlogin。html）GeneratedwithCypressStudiocy。get（account）。type（admin）；cy。get（。col8）。click（）；cy。get（：nthchild（2）td。formcontrol）。type（longshi2020）；cy。get（。formactions）。click（）；cy。get（submit）。click（）；EndCypressStudio｝）TestCreatedwithCypressStudioit（TestDemo，function（）｛GeneratedwithCypressStudiocy。visit（http：localhost：8080zentaouserlogin。html）；cy。get（account）。type（admin）；cy。get（login）。click（）；cy。get（：nthchild（2）td。formcontrol）。type（longshi2020）；cy。get（submit）。click（）；cy。get（〔dataidproduct〕a）。click（）；EndCypressStudio｝）；｝）
　　4。插件CypressRecorder通过CypressRecorder也可以实现录制脚本百度网盘下载：https：pan。baidu。coms1YHtA8RYdmX7Y8oe3EqTPqw提取码：88881。CypressRecorder安装
　　将下载的zip解压本地，加入到chrome浏览器扩展程序中
　　2。启动CypressRecorder
　　3。点击StartRecording
　　CopytoClipboardcy。visit（https：www。baidu。com）；cy。get（lg）。click（）；cy。get（kw）。click（）；cy。get（kw）。type（博客园）；cy。get（su）。click（）；cy。get（form）。submit（）；
　　以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家的支持。