遇到的现象

今天在执行Cypress时,遇到报错“Because this element is detached from the DOM”

看报错信息里给出的为什么发生的原因:Your JS framework re-rendered ......,见截图里,定位事没问题了,该元素是存在的,经研究发现是由于在执行get该元素时,找不到,当前页面并没有渲染该操作,为什么??我之前很不理解,我进入该页面是先执行了,页面内容的显示校验,再去执行该按钮的点击的,为什么还加载不出??

后面发现由于研发代码这一步是异步的,我校验的页面内的文案描述非异步导致;

解决办法

  • 在执行button元素查找时先执行cy.wait()

//步骤前增加等待
cy.wait(3000)
cy.get('button').click()
  • 修改默认超时时间

cy.visit('具体的url', { timeout: 5000 })

Cypress-this element is detached from the DOM报错相关推荐

  1. 解决Element的 InfiniteScroll 无限滚动组件报错

    问题: 使用Element的 InfiniteScroll 无限滚动组件,代码正常,但是控制台还是会有报错: vue.esm.js?efeb:628 [Vue warn]: Error in dire ...

  2. 使用Element的 InfiniteScroll 无限滚动组件报错

    一.问题描述 在使用Element的InfiniteScroll 无限滚动时候出现以下错误: TypeError: Failed to execute 'observe' on 'MutationOb ...

  3. 解决vue element导航重复点击路由报错

    报错:重复点击左侧导航栏的首页,出现报错 解决方法:以下的两种一样,只是文件类型不一样 1.js写法 import Router from 'vue-router' Vue.use(Router) c ...

  4. java.lang.NoClassDefFoundError: org/dom4j/DocumentHelper dom报错

    由于缺少dom4j jar包或者没有把jar包导入到相应工程的lib目录下,都会报相应的错误. 导包可以通过鼠标右击项目名,build path-> configer build path 导入 ...

  5. [object HTMLDivElement] 创建dom报与 innerHTML appendChild使用

    在创建DOM , 插入DOM报错,其实是一种错误的写法 . 错误演示 var a = document.createElement('div') //**创建DOM*//a.innerText = ' ...

  6. Invalid component name: “Home,“. Component names should conform to valid custom element。。。控制台报错

    [Vue warn]: Invalid component name: "News,". Component names should conform to valid custo ...

  7. 关于报错stale element reference: element is not attach

    1.现象 在执行脚本时,有时候引用一些元素对象会抛出如下异常 org.openqa.selenium.StaleElementReferenceException: stale element ref ...

  8. Maven报错解决:Element 'dependency' cannot have character [children], because the type's content type is

    在用maven的时候遇到报错: Element 'dependency' cannot have character [children], because the type's content ty ...

  9. vue 报错unknown custom element解决方法

    vue 报错unknown custom element解决方法 参考文章: (1)vue 报错unknown custom element解决方法 (2)https://www.cnblogs.co ...

最新文章

  1. 自定义View合辑(8)-跳跃的小球(贝塞尔曲线)
  2. Linux安装redis最新版5.0.8
  3. echart x轴标签偏移_1文搞懂真正的五轴加工中心,到底说的5轴是哪几个轴
  4. linux C++获取当前文件所在路径的方法
  5. flutter图标按钮_Flutter 中的常见的按钮组件 以及自 定义按钮组件
  6. studio创建java工程_Android studio从头一步步创建Java项目
  7. java day48【 Maven 介绍 、 Maven 的使用 、Maven 常用命令 、 maven 工程运行调试 、总结】...
  8. win10cmd重置系统_命令提示符修复系统win10 系统还原
  9. 弹簧(压簧)力度计算与设计
  10. [宝塔]配置ssl证书,提示错误:证书错误,请粘贴正确的PEM格式证书
  11. winsxs是什么文件夹 Winsxs文件夹可以删除吗
  12. 测试空间与测试驱动接口设计 step to step
  13. 全国计算机等级考试二级公共,全国计算机等级考试二级公共基础知识.
  14. Python基础之数据类型II
  15. 统计员工信息c语言设计,工资信息管理系统C语言设计
  16. IP RAN和PTN的区别——TFN TT60 综合网络测试仪
  17. GEN_CLUST_INDEX锁
  18. 区块链版权保护设计思路
  19. 建筑力学与结构【4】
  20. 用SpringCloud搭建Rest风格的环境

热门文章

  1. Feign调用出现错误,应用无法启动:to {POST /cart/add}: There is already ‘cartController‘ bean method
  2. 博客专栏第一篇文章——我眼里的DBA
  3. 修改,关闭ASLR、PIE
  4. UMP系统功能 读写分离
  5. latex缩进与对齐_latex 换行缩进
  6. 2016年买的开了3年的奥迪A4估值多少钱?哪里能免费估值?
  7. numberpicker如何修改显示的条目数_30块钱就能修改里程数,新手如何才能买到靠谱的二手车?...
  8. c语言没错误运行出现烫,C程序运行出现烫烫烫,怎么办啊急死了,求高手改进...
  9. 学大数据培训纯粹是为了炫技?
  10. xxl-job registry fail, registryParam:RegistryParam{regist