从下拉列表中选择LI元素

时间:2015-09-22 16:05:05

标签: coded-ui-tests

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

我可以用csv数据成功替换登录名和密码输入..但是我没有用它的csv数据替换测试中的选择的LI

我不知道如何选择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

的指示

创建了一个静态类来保存浏览器窗口:

[CodedUITest]
public static class GlobalVars
{
    public static BrowserWindow myWindow;
}
编辑了测试初始化​​程序方法以匹配此更改:

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

编辑了MainG方法,因此窗口可以执行脚本:

 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页)

2 个答案:

答案 0 :(得分: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());

答案 1 :(得分:0)

昨天为Ryan Cox提供的所有帮助的主要道具!

通过添加以下代码来解决问题:

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

TestDocument5测试中的第5页(按预期),UIContCustom UL元素和UISocaCustom测试生成的自定义HTML元素。

值得注意的是,尝试更改InnerTextGetProperty的值会失败,因为它会吐出只读消息。