如何在自动化测试时临时编辑前端元素？

问题描述

我有一个脚本来截取整个页面的屏幕截图。但是我需要在截取屏幕截图之前从页面中删除标题。在通过我的脚本截取屏幕截图之前，有没有办法在检查元素中进行编辑？使用 Cypress 实现自动化。

解决方法

赛普拉斯还支持 jQuery。因此，您可以利用 jQuery 的 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="list-container"> <ul class="nav"> <li><button>Button 1</button></li> <li><button>Button 2</button></li> <li><button>Button 3</button></li> </ul> <ul class="nav"> <li><button>Button 1</button></li> <li><button>Button 2</button></li> <li><button>Button 3</button></li> </ul> </div> 方法临时删除任何 HTML 标签中的任何属性。

语法：-

removeAttr

示例：-

cy.get("idName__or__className").invoke('removeAttr','attributeName')

,

右键单击您的页面然后检查它鼠标悬停在标题然后添加隐藏属性 标签内