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

Question

你好，

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

Answer 1

假设您的意思是 mxGraphs(下次最好有一个链接)作为在网络浏览器中绘制图表的 javascript 库:

使用 example应用:有可能，但效果不佳。左侧的所有基本形状都是可选的，并通过其“alt”属性或“文件名”属性具有唯一的名称。顶部的按钮可被 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

Canvas (绘图区域)是另一回事。拖放不容易自动化，因为它无法被自然识别。您必须为此编写自己的函数。

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

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

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