从下拉列表中选择 LI 元素

Question

我的数据驱动编码-ui 测试有问题。我应该用 csv 数据替换测试中输入的信息。

我可以用 csv 数据成功替换登录名和密码输入。但是我无法用它的 csv 替换测试中的 selected LI数据。

我不知道如何 select LI，因为它似乎是自定义生成的控件元素，但我可能会随波逐流。

HTML 看起来像这样：

<div id="cphCont_cphContAut_ddlTipoJur" class="ComboAzul" style="display:inline-block;">
    <table id="cphCont_cphContAut_ddlTipoJur_ddlTipoJur_Table" class="ajax__combobox_inputcontainer" style="border-width:0px;border-style:None;border-collapse:collapse;display:inline-block;position:relative;top:5px;" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td class="ajax__combobox_textboxcontainer">
                    <input name="ctl00$ctl00$cphCont$cphContAut$ddlTipoJur$ddlTipoJur_TextBox" id="cphCont_cphContAut_ddlTipoJur_ddlTipoJur_TextBox" tabindex="3" autocomplete="off" style="width: 260px; margin: 0px;" type="text">
                </td>
                <td class="ajax__combobox_buttoncontainer">
                    <button style="height: 18px; width: 18px; margin: 0px; padding: 0px; visibility: visible;" id="cphCont_cphContAut_ddlTipoJur_ddlTipoJur_Button" type="button"></button>
                    </td>
            </tr>
        </tbody>
    </table>
    <ul id="cphCont_cphContAut_ddlTipoJur_ddlTipoJur_OptionList" class="ajax__combobox_itemlist" style="visibility: hidden; z-index: 1000; overflow: hidden; width: 310px; position: absolute; height: 133px; left: 638px; top: 425px; display: none;">
        <li style="">&nbsp;</li>
        <li style="">Cons / Ou</li>
        <li style="">Coop</li>
        <li style="">Empr Ind</li>
        <li style="">Req E</li>
        <li>Soc A</li>
        <li>Soc E</li>
    </ul>
    <input name="ctl00$ctl00$cphCont$cphContAut$ddlTipoJur$ddlTipoJur_HiddenField" id="cphCont_cphContAut_ddlTipoJur_ddlTipoJur_HiddenField" value="0" type="hidden">
</div>

在 UIMap.Designer.cs 中，UL（我相信）看起来像这样：

[GeneratedCode("Coded UITest Builder", "12.0.21005.1")]
public class UICphCont_cphConteCustom : HtmlCustom
{

    public UICphCont_cphContCustom(UITestControl searchLimitContainer) : 
            base(searchLimitContainer)
    {
        #region Search Criteria
        this.SearchProperties["TagName"] = "UL";
        this.SearchProperties["Id"] = "cphCont_cphContAut_ddlTipoJur_ddlTipoJur_OptionList";
        this.SearchProperties[UITestControl.PropertyNames.Name] = null;
        this.FilterProperties["Class"] = "ajax__combobox_itemlist";
        this.FilterProperties["ControlDefinition"] = "class=\"ajax__combobox_itemlist\" id=\"cphC";
        this.FilterProperties["TagInstance"] = "1";
        this.WindowTitles.Add("Test");
        #endregion
    }

选定的 LI 元素如下所示：

public HtmlCustom UISocaCustom
        {
            get
            {
                if ((this.mUISocaCustom == null))
                {
                    this.mUISocaCustom = new HtmlCustom(this);
                    #region Search Criteria
                    this.mUISocaCustom.SearchProperties["TagName"] = "LI";
                    this.mUISocaCustom.SearchProperties["Id"] = null;
                    this.mUISocaCustom.SearchProperties[UITestControl.PropertyNames.Name] = null;
                    this.mUISocaCustom.FilterProperties["Class"] = null;
                    this.mUISocaCustom.FilterProperties["ControlDefinition"] = null;
                    this.mUISocaCustom.FilterProperties["InnerText"] = "Soc A";
                    this.mUISocaCustom.FilterProperties["TagInstance"] = "6";
                    this.mUISocaCustom.WindowTitles.Add("tEST");
                    #endregion
                }
                return this.mUISocaCustom;
            }
        }

我用来用 csv 数据替换登录名和密码的代码是：

public void MetdG()
    {
        this.UIMap.TesterParams.UITxtLoginEditText = TestContext.DataRow["login"].ToString();
        this.UIMap.TesterParams.UITxtSenhaEditPassword = Playback.EncryptText(TestContext.DataRow["senha"].ToString());
        this.UIMap.Tester();
        // To generate code for this test, select "Generate Code for Coded UI Test" from the shortcut menu and select one of the menu items.
    }

知道如何进行吗？

编辑：按照Ryan Cox

的指示

创建了一个静态 class 来保存浏览器 window :

[CodedUITest]
public static class GlobalVars
{
    public static BrowserWindow myWindow;
}

已编辑测试初始化方法以匹配此更改：

[TestInitialize()]
    public void BrowserStarter()
    {
        GlobalVars.myWindow = BrowserWindow.Launch(new Uri("www.google.com"));
    }

MainG 方法已编辑，因此 window 可以执行脚本：

 GlobalVars.myWindow.ExecuteScript("var xpath = li[text()='Soca'];var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;);matchingElement.innerHTML = arguments[0];", TestContext.DataRow["type"].ToString());

现在的问题是脚本抛出异常。我相信这是因为它在元素存在之前搜索它（测试在此之前进行了 2 或 3 页）

Answer 1

您要做的是更改列表项的内部 html，而不是像在 <input> 元素中那样输入文本，因此您需要 execute a script 执行此操作并修改 DOM。由于这不是用户的正常操作（单击此按钮、在那里输入文本、展开此组合框等），您将不得不使用 javascript 来完成它。

browserWindow.ExecuteScript("var elements = document.getElementsByTagName('li')

for (var i = 0; i < elements.length; i++) {
 if (elements[i].innerHTML.indexOf("Soc A") !== -1) {
     elements[i].innerHTML = arguments[0];
     break;
 }
}", TestContext.DataRow["type"].ToString());
//Comment to fill space

当然，如果你的列表项有一个 id，这会更容易：

browserWindow.ExecuteScript("document.getElementById("Soc A list item").innerHTML = arguments[0];", TestContext.DataRow["type"].ToString());

Answer 2

感谢 Ryan Cox 他昨天提供的所有帮助！

通过添加这行代码解决了问题：

this.UIMap.TestWindow.TestDocument5.UIContCustom.UISocaCustom.
SearchProperties[HtmlCustom.PropertyNames.InnerText] = 
TestContext.DataRow["type"].ToString();

TestDocument5 测试中的第 5 页（如预期的那样），UIContCustom UL 元素和 UISocaCustom 测试生成的自定义 HTML 元素。

值得注意的是，尝试通过 GetProperty 更改 InnerText 的值将失败，因为它会吐出 read-only 消息。

从下拉列表中选择 LI 元素

Selecting a LI element from Dropdown

coded-ui-tests