我可以使用 HP 的 Quick Test Professional 测试 mxGraph ui 吗？

Question

您好，

是否可以使用 Quick Test Professional 通过 UI 测试 mxGraph？

Answer 1

假设您将 mxGraphs（下次有链接就好）作为在网络浏览器中绘制图表的 javascript 库：

使用 示例 应用：有可能，但效果很差。左侧的所有基本形状都是可选的，并且通过其“alt”属性或“filename”属性具有唯一的名称。顶部的按钮可以被 QTP 识别，但会导致对象名称的通用创建，如果您想使用，则必须摆弄 Class 属性。

录音示例（关于荷兰文化）：

' left-side objects
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").Image("Container").Click
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").Image("Tekst").Click

' changing the text on the Tekst object
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").WebEdit("WebEdit").Set "Change of Text"

' More new objects
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").Image("Signal-in Arrow").Click
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").Image("Corporate Data Center").Click

' Changing text on the Corporate Data Center object
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").WebEdit("WebEdit").Set "new text"

' Top buttons
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").WebButton("WebButton").Click
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").Frame("Frame").WebButton("Annuleren").Click
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").WebButton("WebButton_2").Click
Browser("Diagramly - Draw Diagrams").Page("Diagramly - Draw Diagrams").WebButton("WebButton_3").Click

画布（绘图区域）是一个不同的故事。拖放不容易实现自动化，因为它本身无法识别。您必须为此编写自己的函数。

形状识别仅适用于innerHtml 中的属性或x 和y 位置。如果您想要对对象进行广泛的创建和更改/编辑，那么您可以创建一个库，将所有对象作为虚拟对象保存在其中，并记住每个对象的状态。但这并不容易。

在 WinXP SP3、IE8 和 QTP10.00 上测试过

TL;DR 否。有些组件可以通过 QTP 捕获，但会很烦人和缓慢。只有当您只想查看侧边栏上的所有项目是否都存在并且可以创建时，才值得付出努力。

Answer 2

这是可行的。我们实现类似目标的方法是确保您拥有固定大小和固定分辨率的窗口。为了检查结果，我们只是对预期内容进行了二进制比较，并进行了屏幕截图（全屏使用浏览器）。

不是最好的解决方案 - 但大部分时间都有效。