Yes, how Page Object provides for the ability to manage dynamic references
is one of my major frustrations with the gem's API.
Firstly, Watir (and Page Object) allow you to pass in multiple parameters
in a hash format:
div(:nav_div, {class: 'applied-vouchers-list', index: 1})
nav_div_element
This can also be done with less hard coding using collections:
divs(:nav_divs, {class: 'applied-vouchers-list')
nav_divs_element[1]
Note that you can't put multiple classes (space separated values) into the
class locator, without using an array.
What it appears you actually want is to find if a specific value is
present, though, which is poorly suited for hard coding an element in the
PO gem. So I'd recommend creating a separate method for it:
def code_removable?(id)
button_element(data_gift_id: id)
el.exists? && el.parent.text == 'Remove'
end
On Tuesday, July 3, 2018 at 7:06:15 AM UTC-5, NaviHan wrote:
>
> Hi All
>
> In fact I nailed it in parts by using
>
> div(:nav_div, class: "row applied-voucers-list")
> span (:applied_voucher) do |page|
> page.nav_div_element.span_element
> end
>
>
> This gives me the first div.
>
> But how do I access the second div using index parameter?
>
> On Tuesday, 3 July 2018 21:48:19 UTC+10, NaviHan wrote:
>>
>> This is my first post here. Apologies if there is a mistake.
>>
>> I have a section of a page as attached in the pic.
>>
>>
>> The html code for the section is as follows
>> Enter code here...<div class="small-12 applied-evouchers">
>> <div class="row applied-voucers-list">
>> <div class="small-6">
>> <span>9830318220466018</span>
>> </div>
>> <div class="small-6 small-text-right">
>> <button type="button" class="remove-gift-cert"
>> data-gift-id="9830318220466018">
>> <span class="icon icon-cross-standard-small-black"></span>
>> <span class="underline remove-evoucher-button-text">Remove</span>
>> </button>
>> </div>
>> </div>
>> <hr>
>> <div class="row applied-voucers-list">
>> <div class="small-6">
>> <span>9831228610400260</span>
>> </div>
>> <div class="small-6 small-text-right">
>> <button type="button" class="remove-gift-cert"
>> data-gift-id="9831228610400260">
>> <span class="icon icon-cross-standard-small-black"></span>
>> <span class="underline remove-evoucher-button-text">Remove</span>
>> </button>
>> </div>
>> </div>
>> <hr>
>> </div>
>>
>> I need to assert two value here
>>
>> 1. The vouchers applied, which are 9830318220466018 & 9831228610400260
>> 2. The span "Remove"
>>
>> The issue Im facing is as these two divs are identical and 1 & 2 doesnt
>> have a unique identifier I cannt locate them using PageObjects.
>>
>> I can locate the element using the following Java script
>> document.getElementsByClassName('applied-voucers-list')[0].innerText;
>> This returns
>> Enter code here..."9830318220466018
>> Remove
>> "
>>
>> I tried to capture this with the code
>> Enter code here...@var =
>> @browser.execute_script("document.getElementsByClassName('applied-voucers-list')[0].innerText;")
>>
>> This isnt working
>>
>> Any clue?
>>
>>
--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
[email protected]
http://groups.google.com/group/watir-general
[email protected]
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
