首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Cypress -如何在测试运行后重新加载页面,而不触发测试重新运行?

在Cypress中,你可以使用cy.reload()来重新加载页面,该方法会导致测试重新运行。但是如果你希望在重新加载页面时不触发测试重新运行,可以使用以下方法:

  1. 使用cy.visit()代替cy.reload()cy.visit()方法可以在不重新运行测试的情况下加载页面。你可以使用cy.visit()来重新加载当前页面,例如:cy.visit(Cypress.config().baseUrl)
  2. 使用cy.request()获取页面内容:cy.request()方法可以发送一个HTTP请求并获取页面内容。你可以使用cy.request()来重新获取页面的内容,然后使用cy.document()将内容注入到当前页面,例如:
代码语言:txt
复制
cy.request(Cypress.config().baseUrl).then((response) => {
  cy.document().invoke('open').then((doc) => {
    doc.write(response.body)
    doc.close()
  })
})

这样可以达到重新加载页面的效果,但测试不会重新运行。

总结起来,为了在测试运行后重新加载页面而不触发测试重新运行,你可以使用cy.visit()方法来重新加载页面,或使用cy.request()来获取页面内容并注入到当前页面中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Cypress系列(2)- Cypress 框架的详细介绍

Cypress测试代码放到一个 iframe 中运行Cypress 运行测试的技术流程 每次测试首次加载 Cypress 时,内部 Cypress Web 应用程序先把自己托管在本地的一个随机端口上...【:http://localhost:65874】 在识别出测试中发出的第一个 命令Cypress 会更改本地 URL 以匹配你远程应用程序的 Origin【满足同源策略】,这使得你的测试代码和应用程序可以在同一个...Cypress 的特性 时间穿梭【历史记录】 Cypress测试代码运行时会自动拍照 等测试运行结束,用户可在 Cypress 提供的 Test Runner 里,通过悬停在命令上的方式查看运行时每一步都发生了什么...实时重新加载测试代码修改保存Cypress 会自动加载改动地方,并重新运行测试 Spies(间谍)、Stubs(存根)、Clock(时钟) Cypress 允许你验证并控制函数行为,Mock...库 Cypress 是开箱即用!

3.1K30

种草Cypress和TestCafe,QA同学一定想了解的Web UI自动化测试工具

运行端到端测试时经常会遇到一些棘手的问题,运行时间过长、测试过于零碎、还需要修复无头模式下运行测试所导致的CI失败。...我们的团队借助Cypress很好地解决了性能差、响应时间长、资源加载慢等常见问题。Cypress已成为我们团队内部执行端到端测试的首选工具。...然后,TestCafe会监视测试文件和其引用的所有文件,一旦发现这些文件有更改并且进行了保存,TestCafe就会重新运行测试,实时展示代码运行情况。...---- 四、Cypress的杀手锏 (1)吹爆Time travel功能 Cypress的Time travel功能绝对是它的最大亮点,支持回退至任意时间的Snapshot,像是在回放电影一样,将测试运行过程中的每个细节重现出来...对于包含动作的步骤(Click),还会出现两个场景:before和after(箭头3所指向的位置),完全不需要重新测试就可以重现,节省了大量为了重现某一问题需要跑前面若干场景的时间。 ?

2.9K20
  • Cypress系列(3)- Cypress 的初次体验

    运行测试运行成功,将看到运行结果页面运行时长是真的快.... ?...调试测试用例 前言 测试用例运行时,难免会发生各种情况导致运行失败;快速定位发生错误的位置,了解错误信息,一直是自动化测试的痛点 Cypress 提供了多种 debug 能力,可以在测试运行错误时直达错误位置...支持查看测试运行时发生的特殊页面事件 包括: 网络 XHR 请求 URL 哈希更改 页面加载 表单提交 例如,上面测试用例中,点击【submit】产生的就是提交表单的请求,看下图 可以看到一个 submit...操作,分成了三步走 form sub:提交表单 page load:页面加载 new url:访问新的页面 ?...暂停测试并逐步运行、恢复执行 在调试测试代码时,Cypress 提供了两个命令来暂停测试运行 cy.pause() cy.debug() cy.pause() 的栗子 ?

    1.2K20

    Cypress系列(43)- visit() 命令详解

    添加 baseUrl 的影响 一旦遇到 cy.visit() ,Cypress 便将主窗口的 URL 切换到访问指定的 URL,首次开始测试时,可能会导致刷新或重新加载 添加 baseUrl 的优势...通过设置 baseUrl,可以完全避免重新加载 测试开始Cypress 会将主窗口加载到您指定的 baseUrl 中 添加 baseUrl ?...baseUrl 未运行 如果在 cypress 打开期间,指定了 baseUrl ,但服务器未运行,则会看到错误 ?...如果在 cypress 运行期间几次重试,服务器未在指定的 baseUrl 上运行,也会显示错误 ?...onLoad function 页面触发加载事件调用 retryOnStatusCodeFailure false 当状态码是错误码时,Cypress是否自动重试,最多重试4次 retryOnNetworkFailure

    1.5K30

    Cypress系列(44)- 命令行运行 Cypress

    Runner) 在测试用例的运行过程中,测试用例的每一条命令,每一个操作都将显式地显示在测试运行器中 最简单的命令 进入项目根目录下 yarn run cypress open ?...cypress open 详解 前言 cypress open 运行时支持指定多个参数,指定的参数将自动应用于你通过测试运行器打开的项目 这些参数讲应用于每一次测试运行,直到关闭测试运行器为止 指定的参数将会覆盖配置文件...(包括加载对应项目的配置) cypress open --project ....指定运行哪些测试文件夹/文件 如果指定测试文件夹,Cypress 将为你自动运行所有存在 Integration 文件夹下的测试用例 栗子 运行某个单独的测试文件不是所有的测试用例 cypress...--no-exit cypress run --headed --no-exit 结合 --headed 来指定测试运行时显示及在运行查看命令日志 --reporter、--reporter-options

    2.5K50

    Cypress系列(63)- 使用 Custom Commands

    /操作函数的共享) cypress/support/command.js 自定义命令可以比 PageObject 模式运行更快,Cypress 和应用程序运行在同一个浏览器中,意味着 Cypress 可以直接发送请求到应用程序并设置运行测试所需要的用户状态...,而这一切通常无须通过页面操作,这使得使用了自定义命令的测试会更加稳定 自定义命令允许重写 Cypress 内置命令,意味着可以自定义测试框架并立刻全局应用 Custom Commands 完全替换 PageObject...cypress 会自动保存 session cookie // 所以下面就可以访问登录才能访问的页面 cy.visit('/dashboard') cy.url...但是 .type() 会自动将所有键入的内容记录到测试运行程序的命令日志中 cy.get('#username').type('username@email.com') cy.get('#password...实际情况 可能需要屏蔽传递给 命令的某些值,以便敏感数据不会显示在测试运行的屏幕截图或视频中 .type() 下面的示例将覆盖 命令,以允许屏蔽测试运行程序的命令日志中的敏感数据 .type() Cypress.Command.overwrite

    2K72

    Cypress系列(4)- 解析 Cypress 的默认文件结构

    有更严格的语法 .coffee :CoffeeScript 中的 jsx 文件 .cjsx 创建好Cypress 的 Test Runner 刷新之后就可以看到对应测试文件了 plugin file...插件文件 前言 Cypress 独有优点就是测试代码运行在浏览器之内,使得 Cypress 跟其他的测试框架相比,有显著的架构优势 这优点虽然提供了可靠性测试,但也使得和在浏览器之外进行通信更加困难【...默认情况,插件位于 中,但可以配置到另一个目录 cypress/plugins/index.js 为了方便,每个测试文件运行之前,Cypress 都会自动加载插件文件 cypress/plugins.../support/index.js 为了方便,每个测试文件运行之前,Cypress 都会自动加载支持文件 cypress/support/index.js 如何使用支持文件 只需要在 cypress...这将能实现每次测试运行前打印出所有的环境变量信息

    2.5K20

    Cypress系列(60)- 运行时的截图和录屏

    如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 背景 在测试运行时截图和录屏能够在测试错误时快速定位到问题所在...Cypress 截图和录屏功能强大 无须配置,自动截图 以 cypress run 方式运行测试时,当测试发生错误时,Cypress 会自动截图,并默认保存在 cypress/screenshots...文件夹下,录屏会保存在 cypress/video 文件夹下 命令行运行结果 ?...通过 onBeforeScreenshot、onAfterScreenshot,可以在截图发生前或发生应用自定义的行为 正确用法 // 直接截图整个页面 cy.screenshot() // 只截图某个特定元素...测试结果 ? $el 是页面根标签 onAfterScreenshot 的栗子 截图某个元素 测试代码 ? 测试结果 ?

    1.7K31

    Vue 应用的代码覆盖率

    Cypress 代码覆盖率插件 以在测试运行结束时将覆盖率对象转换为人和机器皆可读的报告。...@vue/cli-plugin-e2e-cypress 已经创建了 tests/e2e 文件夹,在其 support 和 plugins 子目录的文件中都可以加载代码覆盖率插件。...然后就能在测试运行浏览或下载报告以查看收集到的代码覆盖率了。 端到端测试是 有效的。通过一个加载整个应用并与之交互的单一测试,我们覆盖了近 60% 的源代码。...Decimal 测试失败 Cypress 测试的一个强大之处就在于其运行在真实浏览器中。让我们来调试失败的测试。在 src/components/Calculator.vue 放置一个端点。...为避免减慢生产环境运行的代码,你可能只想在运行测试时测量源代码。 因为运行了完整的应用,端到端测试对于覆盖大量代码非常有效。

    3K10

    你不知道的Cypress系列(7) -- 当iFrame遇见弹出框

    今天是你不知道的Cypress系列(7) -- 当iFrame遇见弹出框 自从Cypress出现Cypress就在吊打一切Web端测试框架。...于是,出现了这么一幕,很多同学悄咪咪的问我:“蔡老师,Cypress不支持iframe啊,iframe都不支持,你怎么还敢推广它?” 一般这种情况我会说,不支持代表不可以测试啊!...但是,过多的使用iFrame会出现安全性方面的问题,并且如果iFrame内容加载缓慢,也会影响到你页面加载速度。...我出道题,特别简单 好了,现在我有个需求,需要你测试下这个页面: ? 你点击下“运行代码”,然后再点击试一试,这个时候会出现一个警告框,你把警告框关掉。...废话了,看Cypress如何处理这种情况: it('测试alert', () => { cy.visit('https://www.w3school.com.cn/tiy/t.asp

    2.7K20

    2021年软件测试领域常用工具总结(2):接口测试工具、UI测试工具

    对于某些页面不会频繁变动的场景,我们也可以进行UI自动化测试 本文第一部分将会介绍接口测试工具(包含接口自动化测试框架),以及接口Mock工具、接口文档开发工具和接口管理工具。...第二部分将会介绍UI测试的相关工具 接口测试工具 比较好用的接口测试工具有Postman、Jmeter、SoapUI、REST-Assured、Apifox、Katalon Studio、Karate...导入这些测试,定义关键字,一个关键字可以是一段业务逻辑,然后再编写测试用例(测试用例由测试关键字组成)进行测试。...Cypress能够随意调整页面访问窗口的尺寸、自动重新加载测试、自动等待等,可以实时看到有多少个测试通过或是没通过,并且具有良好的可调试性,像chrome的DevTools一样直接调试,可以快速的追踪到出错栈...,可以在测试运行中自动存储视频以及出错时候截屏存储,鼠标滑过命令行时可以看到这个命令行执行时的动画。

    3.2K11

    Cypress另类玩法!当爬虫和订票机器人

    cypress 简单的一些特性实时反馈:Cypress 测试运行时可以直接在浏览器中看到实时反馈,这对于调试和理解测试流程非常有帮助。...自动等待:Cypress 会自动等待命令和断言,无需手动添加等待时间。网络流量控制:可以拦截和控制应用的网络请求,模拟服务器响应,用于测试不同的场景。跨浏览器测试:支持在不同的浏览器环境中运行测试。...不过,它主要是针对网页和网页应用的,和他类似的可以操作移动端的工具是, Appium 或者 Selenium。...订票提示机器人为了演示,我们使用携程来做示范,但是仅仅提供一个思路,代表具体可以按照这个方式去实施,大概的思路是:cypress 打开携程官方网站,你可以登录上自己的用户。...总结Cypress紧紧可以用来做自动化测试,他本质上就是根据用户编写的脚本去自动的执行网页上的一些操作,而且,正是因为 Cypress 还有一个很好的特性,可视化,也就是你可以很轻松的看到这个过程在自动执行

    57700

    你不知道的Cypress系列(15) -- 支持跨域访问了!

    Cypress独特的运行机制(运行在浏览器内)也使得它吊打Webdriver之类的UI自动化测试工具。...今天在Cypress中国群内,有同学抛出了以下这个待发行的解决方案,我看了顿时觉得好香,特记录之。(永远不要怀疑Cypress开发团队的愿景:The web has evolved....当前的解决方案是尽量的拆Case,从而保证在一条测试运行里不进行跨域访问。...比如,我的这条case实际上是通过google登录,那么我可以在这条case里直接访问登录的那个url,不必访问cypress.io, 但是这个是很简单的情况,实际测试中,很复杂,我们必须要拆分测试用例...callbackFn: 此参数包含要在次要来源中执行的Cypress命令的函数。Cypress触发此函数并从当前Cypress实例传递到次要源并进行评估。

    2.5K52

    Cypress系列(65)- 测试运行失败自动重试

    ,外部依赖项中断,随机网络错误等)导致测试失败 其他导致不可靠测试的因素 前端动画 API 调用 测试服务器/数据库的可用性 依赖资源的可用性 网络问题 重试的优势 通过重试,Cypress 能够重试失败的测试用例...,所有测试用例若失败都会自动重试 2 次 yarn retryCases Cypress 自带的重试功能介绍 前言 默认情况下,测试将在失败时不重试,需要在配置中启用测试重试才能使用此功能 启用测试重试...,可以将测试配置为具有 X 次重试次数 例如,测试重试配置了2次重试,则 Cypress 将最多重试2次(共运行3次),然后再标记为失败测试 注意 当再次运行每个测试时,以下 hook 函数也将重新运行...beforeEach afterEach 但 before 和 after 不会触发 重试的工作流程 假设 Cypress 设置了重试两次 第一次运行时若成功,则继续往下运行其他的测试用例 第一次运行若失败...,则会重试运行第一次 重试运行第一次若成功,则继续往下运行其他的测试用例 若重试运行第一次还失败,则重试运行第二次 若重试运行第二次仍然失败,则将此 测试用例标记为失败 注:能够在命令日志中查看尝试的次数

    2.2K43

    真正的测试可观测性请站起来?

    总之,BrowserStack 提供了高级工具来分析测试运行中的失败率。这些工具可以区分无关紧要的噪音和值得进一步检查的重大故障。太棒了! 但这真的是“测试可观测性”吗?...测试管理系统不会将失败的测试运行归类为“内部状态”。测试被执行,并且它要么通过,要么失败。我们理解测试会失败,并且会出现不稳定的测试。我们也认识到需要故障率报告。...BrowserStack 提供的服务可以更准确地称为“高级测试运行报告”。如果我们让营销部门添加一些天赋并结合一个时髦的流行语,它可能会被重新标记为“带有 AI 的测试运行报告”。但可观测性呢?...Grafana 引入了一项功能,允许从 k6 性能测试中捕获分布式跟踪,使用 k6 的客户现在可以为性能测试中的每次测试运行捕获分布式跟踪,并将结果存储在 Grafana Tempo 中。...它 与您现有的测试集成 框架: 端到端 (E2E) 前端框架, Cypress 或 Playwright 性能测试工具, k6 或 Artillery API 测试,通过导入 Postman 或基于

    14110

    2020 可替代Selenium的测试框架Top15

    主要特点: 快速简单的设置:搭建你的整个测试框架 自动应用最佳实践,页面对象模式 使用Chrome DevTools的Ranorex Selocity扩展立即生成UI元素选择器和屏幕截图 创建高效的...它可以直接与你现有的Selenium测试一起使用,因此您不会被限制在一个专用平台上。 ? 主要特点: 运行时自我修复,运行执行AI驱动的建议。...你可以有效地维护现有的Selenium脚本,从减少维护,减少修复bug减少测试时所花费的时间。 使用页面对象模型创建Selenium测试套件。团队可以从一开始就迅速建立可维护的测试实践。...主要特点: 测试状态菜单功能 --> 可查看通过或失败的测试数量 Cypress会自动等待命令和断言再继续 允许检查响应网站与视窗大小。 它拍摄测试运行的快照。...对于无头浏览器执行,它会用视频记录整个测试运行的过程。 Cypress会自动重新加载测试中所做的所有更改 命令日志和应用程序预览显示了在测试执行过程中Web应用程序上精确的自动化操作。

    4.7K42
    领券