如何使用“加载”纺纱机检查页面上的元素？

Question

注：

这是一个Q和A的帖子，分享成功的战略。请随意添加更多的解决方案！

问题背景：

• 自动化web应用程序
• 访问代码库有限的测试人员
• 硒与DevTools的应用

问题：

有一个spinner元素(例如："Loading... Please wait.")通知用户暂时没有响应的页面(通过设计，在加载内容时)。您正在尝试编写一个定位器(id、name、CSS、XPath .)对于spinner元素，但是您无法右键单击并检查它，因为它在页面上只显示了一小部分秒。

你怎么做到的？

Answer 1

Chrome提供了一个内置的功能：

• 开发控制台(F12)
• 切换到源选项卡
• 在浏览器中执行操作，以达到要检查的状态。
• 按F8

Chrome将暂停浏览器，元素选项卡将不会更新，直到您回到源代码并再次按F8。当暂停时，您可以切换回元素选项卡，并使用正常的检查工具。

Answer 2

按照Klynt的建议，暂停应用程序在大多数情况下都能找到出现并迅速消失的元素。

不过，不要低估与开发人员联系并要求他们向元素添加一个好的明确选择器/id的能力，这样应用程序就可以测试。让它一起测试。

Answer 3

对我来说，对问题的即时技术解决方案的答案是简单的修复症状，而不是来源。

您没有提到测试人员对开发人员或管理人员的访问有限，那么为什么不与他们交谈并解决下一个问题呢？

获得对源的适当访问，决定开发人员和测试人员之间的适当流程和通信渠道，并教导开发人员为什么可测试性很重要，以及如何共同工作以获得更好的测试。