How to Click a Specified Link Within an HTML <UL>?

[Gregory]

I am trying to loop through an HTML unordered list, find a specific value, and then click the associated delete link.  So far, I can loop through the <UL>, find the value, and click the first delete button in the <UL>.  Is there a way to cycle down through the HTML and tell test studio to click the delete link for a specific tag?

Example:

The <UL> has two values:
A role

Test Role

The script will loop through the list and find 'Test Role'.  At this point, it needs to click the delete link associated with this item.  My current script always clicks the delete link for 'A role', which is the first one in the list.  I cannot figure out how to make it click the delete link for 'Test Role'.

Does anybody have any suggestions?  I have attached screen shots of the DOM and the UI and my current script is below.

Thanks!


HtmlUnorderedList roles = ActiveBrowser.Find.ById<HtmlUnorderedList>("Roles");
HtmlAnchor a = Find.ById<HtmlAnchor>("deleteRole");

//Loop through each <li>, find role and click the delete link
foreach(HtmlListItem item in roles.AllItems)
{
     if (item.TextContent.ToString() == "Test Role")
     {
          Log.WriteLine(item.TextContent.ToString());
          a.MouseClick();
     }
}

 

 

 

[Daniel]

Are you specifically looking for just Test Role?  Like will you know the text content of the list item you are in search of beforehand without needing to loop through the entire list?

HtmlUnorderedList roles = ActiveBrowser.Find.ById<HtmlUnorderedList>("Roles");

HtmlListItem li = roles.Find.ByContent<HtmlListItem>("l:Test Role");
HtmlAnchor a = li.Find.ByAttributes<HtmlAnchor>("id=deleteRole");
if (!object.Equals(a, null))
{
    a.MouseClick();
    Log.WriteLine("Mouse Click!");
}

The above finds the Unordered List "Roles".  From there, we search within Role to find the literal text "Test Role" (http://www.telerik.com/automated-testing-tools/support/documentation/user-guide/write-tests-in-code/intermediate-topics/element-identification/finding-page-elements.aspx).  Once we have the HtmlListItem, we can then find the HtmlAnchor with the id of "deleteRole".

The big problem is the list items don't have ID's.  Without ID's you are working against the system trying to find based on text content that could change.

[Gregory]

Daniel,

Thank you so much for your response.  This is exactly what I needed.  Since the script preceeding this will add the role, we will know exactly what text to look for.  The next plan is to make the text parameter driven.  However, we are trying to get our devs to add id's to everything to make this easier.

Thanks for all your help (again)!

[Daniel]

Great, glad it will work for you.  I know all about no ID's an brittle tests due to it.  Good luck.

[Boyan Boev]

Hi,

@Daniel, thank you again for helping!

@Gregory, we are glad to hear that Daniel could help you. 

Let us know if you need further help.

Regards,
Boyan Boev
Telerik