Question
Pegasystems Inc.
JP
Last activity: 10 Oct 2016 8:59 EDT
OpenSpan 7.1 How to automate item selection within a dynamic list of items on web page ?
I need to automate item selection in a list of items on a web page.
The item with matching "template name" should be selected.
The list of items are dynamically generated and each row of item is rendered as html <div> tag instead of <tr> tag inside a <table>.
Also, it is not predictable that how many items will be displayed on the screen.
The generated html code will look like below.
I need to automate item selection in a list of items on a web page.
The item with matching "template name" should be selected.
The list of items are dynamically generated and each row of item is rendered as html <div> tag instead of <tr> tag inside a <table>.
Also, it is not predictable that how many items will be displayed on the screen.
The generated html code will look like below.
<html>
<head>
<style>
div.template_cell{
width: 30%;
float: left;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-color: #00FFFF;
}
div.template_cell_head{
background-color: #FF00FF;
}
div.template_row{
height: 30px;
}
</style>
</head>
<body>
<form>
<div id="templates">
<div class="template_row" id="template1">
<div class="template_cell template_cell_head"><span>template name</span></div>
<div class="template_cell template_cell_head"><input id="chk_all" type="checkbox"/></div>
</div>
<div class="template_row" id="template1">
<div class="template_cell"><span>template_name_1</span></div>
<div class="template_cell"><input id="chk1" type="checkbox"/></div>
</div>
<div class="template_row" id="template2">
<div class="template_cell"><span>template_name_2</span></div>
<div class="template_cell"><input id="chk2" type="checkbox"/></div>
</div>
<div class="template_row" id="template3">
<div class="template_cell"><span>template_name_3</span></div>
<div class="template_cell"><input id="chk3" type="checkbox"/></div>
</div>
</div>
</form>
</body>
</html>
Accenture
IN
Hi,
When you create a HTML Table control u can create a clones of datacell. with list loop u can check the template name. When matches perform click on clone object.
Pegasystems Inc.
JP
There is no <table> in the dynamically generated web page. I've tried interrogator's "HTML Table Designer" option and unfortuantely it couldn't recognize <div> tags.
Pegasystems Inc.
US
You can access the DIVs and create controls for them from the Web Controls tab.
Interrogate the div and change the match rules so that it matches all of the like Divs. Set the UseKeys value to true. You can then use the GetClones method to loop through the Divs and click the correct one.
I will work up an example later - but try this in the meantime.
Pegasystems Inc.
JP
Hi Jeff,
I am trying to use "UseKeys" feature as you advised, but couldn't figure out the right way to set/get keys for controls. (I've attached screenshot of my automation flow)
The automation ends up with "OpenSpan.Automation.KeyNotFoundException".
Exception Type: OpenSpan.Automation.KeyNotFoundException
KeyName: "Key"
CloneContextId: WebAdapter-8D3ECA41FD52B5C\CheckBox-8D3ECA4424A3DA4
MachineName: ""
CreatedDateTime: 2016/10/06 17:19:37
AppDomainName: "OpenSpan.Runtime.exe"
ThreadIdentityName: ""
WindowsIdentityName: ""
AdditionalInformation: NameValueCollection with 0 items
Message: "Could not find instance from KeyProvider. KeyName: Key KeyProviderName: chk_template"
Data: IDictionary (System.Collections.ListDictionaryInternal) with 0 items
TargetSite: Void UpdateKeyContainer(OpenSpan.Automation.ConnectableHost, OpenSpan.Automation.ExecutionEventArgs)
HelpLink: NULL
Source: "OpenSpan.Automation"
Pegasystems Inc.
US
You should not use the Loaded event to trigger your automation, use the Created event instead. Created is when OpenSpan has matched the control and attached to the target. Loaded is a web browser event and will happen before the controls are created. You cannot work with a control that is not created.
Pegasystems Inc.
JP
Isn't it that all events except "Created", implicitly mean the control has already matched and created? so if an automation is triggered by an event, "Click" for example, you can count on that the button control which fired "Click" event is created.
Pegasystems Inc.
US
There is an implicit wait for create of by default 30 seconds on controls but there is no guarantee that the control will be created. Using the implicit wait for create does not allow you to handle a not created situation and can introduce long unexpected pauses in your execution. It is always best to explicitly wait for the needed controls.
Accenture
IN
Updated: 8 Oct 2016 3:45 EDT
Pegasystems Inc.
JP
The div tag contains template name and the div tag contains check box has same sequence number at the and of the id attribute for each tag. So it seems the only solution is that first loop over the list of template div tags to get the sequence number of matching template name then make a second loop over the list of check boxes to match the sequence number abtained in the first loop. Are there any smarter way can avoid double loop?