使用 Web 对象标识符 - 练习

在此练习中,您在测试对象描述中使用 XPath 和 CSS 标识符帮助在 HTML 表中查找正确按钮。

先决条件

  1. 打开 UFT One 并新建测试。

  2. 通过选择“工具”>“对象标识”,在“对象标识”对话框中选择 Web 环境,然后从“测试对象类”列表中选择 Button 测试对象类,来禁用 Button 测试对象类的智能标识。

  3. 通过清除用自动 XPath 标识符识别和运行复选框禁用 Web > 高级节点(工具 > 选项 > GUI 测试选项卡 > Web > 高级节点)中的自动 XPath。

返回页首

创建示例 Web 应用程序

  1. 以下语法内容复制到文本文档中,然后以 .html 扩展名保存该文档。该文档另存为 HTML 页面。

    <html>
    <head>
        <title>Sample Web Page</title>
        <style type="text/css">
            body
            {
                background: green; 
                color: blue; 
            }
            .SelectedRow
            {
                color: #00F; 
                background: #ebcbeb; 
                width: 450px; 
            }
            .RegularRow
            {
                color: #444; 
                background: #cbebeb; 
                width: 450px; 
            }
            .BPTRow
            {
                color: #D9660E; 
                background: #cbebeb; 
                width: 450px; 
            }
        </style>
    </head>
    <body>
        <br />
        <br />
        <table id="maintab">
            <tr class="BPTRow" id="BPT">
                <td>
                    Business Process Testing
                </td>
                <td>
                    <input type="button" value="Buy" />
                </td>
            </tr>
            <tr class="RegularRow" id="QC">
                <td>
                    Application Lifecycle Management
                </td>
                <td>
                    <input type="button" value="Buy" />
                </td>
            </tr>
            <tr class="SelectedRow" id="UFT">
                <td>
                    Unified Functional Testing
                </td>
                <td>
                    <input type="button" value="Buy" />
                </td>
            </tr>
        </table>
    </body>
    </html>
    
  2. 在任意浏览器中查看新建的 HTML 页面的外观和内容。确保它与以下图像匹配。

返回页首

识别 Web 应用程序中的按钮对象

  1. UFT One 中,打开“对象存储库管理器”,然后选择“对象”>“导航并识别”UFT One 将隐藏,光标将变为指向手。

  2. 要验证该 UFT One 是否已正确识别对象,请在对象存储库中选择每个 Button 对象,并选择“查看”>“在应用程序中高亮显示”UFT One 将在 HTML 页面中突出显示每个按钮对象。

  3. 重命名 Button 对象以使其更清楚明了:

    • Buy 重命名为 Buy_BPT

    • Buy_2 重命名为 Buy_ALM

    • Buy_3 重命名为 Buy_UFT

返回页首

从按钮对象中删除序号标识符

因为所有按钮对象均具有相同属性值,所以当 UFT One 识别这些对象后,它便根据每个对象在应用程序中的位置对每个测试对象分配序号标识符。如果应用程序中按钮的排序顺序发生更改,则上述操作可能会导致 UFT One 不能正确标识对象。

  1. 在“对象存储库”窗口中选择第一个按钮对象,以在对象存储库窗口右侧会显示其对象属性。

  2. 序号标识符部分中,选择浏览按钮。将打开“序号标识符”对话框。

  3. Identifier type 下拉列表中,选择,然后关闭对话框。序号标识符将从测试对象的描述属性中删除。

  4. 对每个按钮重复上面的步骤。

  5. 通过选择每个测试对象并选择“查看”>“在应用程序中高亮显示”,验证测试对象描述是否不再唯一。UFT One 无法标识对象。

返回页首

根据对象的父容器添加 CSS 标识符

  1. 选择 Buy_BPT 按钮。测试对象详细信息显示在对象存储库窗口的右侧。

  2. Object Description 部分中,单击添加按钮,然后将 css 属性添加到测试对象描述中。

  3. 将以下语法复制并粘贴到“值”编辑框中:

    tr.BPTRow input

返回页首

根据对象的父容器添加 XPath 标识符

  1. 选择 Buy_UFT 按钮。测试对象详细信息显示在对象存储库窗口的右侧。

  2. Object Description 部分中,单击添加按钮,然后将 xpath 属性添加到测试对象描述中。

  3. 将以下语法复制并粘贴到“值”编辑框中:

    
    //TR[@id='UFT']/*/INPUT
    

返回页首

根据对象的同级元素添加 XPath 标识符

  1. 选择 Buy_ALM 按钮。测试对象详细信息显示在对象存储库窗口的右侧。

  2. Object Description 部分中,单击添加按钮,然后将 xpath 属性添加到测试对象描述中。

  3. 将以下语法复制并粘贴到“值”编辑框中:

    //td[contains(text(),'ALM')]/../*/INPUT
    

返回页首

结果

选择每个对象,并选择“查看”>“在应用程序中高亮显示”UFT One 现在可以根据添加的 Web 对象标识符标识每个按钮。

返回页首