How to click a button without id using FluentAutomation SeleniumWebDriver?

Question

I am using FluentAutomation library that wraps Selenium Web driver calls so the site can be navigated in a more behavioral manner.

As long as elements have id or other distinct properties, it works straightforward:

    I.Open(Site.BaseUrl);
    I.WaitUntil(() => I.Expect.Exists("#name-search"));
    I.Click("#applicationHost a");

But I need the driver to click on the buttons identified with the following XPath expressions:

//div[@id='questions']/div/div/div[4]/label/span[2]
//div[@id='questions']/div/div/div[2]/label/span[2]

etc. At least this is the XPath returned by Selenium IDE recorder. But I don't seem to be able to find right way of referencing these buttons. As you see, the only difference is the index of one of the divs (div[4], div[2]). Is there a common convention to refer to elements with such XPath?

UPDATE: Here's HTML extract from page inspector.

<div class="small-12 large-10 columns large-centered" data-bind="foreach: currentQuestion.alternatives">
            <div class="valg">
                <label data-bind="attr: { for: 'radio-' + $index() }" for="radio-0">
                    <input type="radio" name="radio-question-40" data-bind="attr: { for: 'radio-' + $index() }, value: value" class="hidden" for="radio-0" value="1">
                    <span class="enighet" data-bind="text: ($index() + 1)">1</span>
                    <span class="custom radio" data-bind="click: $parent.pickAnswer, css: { checked: $data.selected }"></span>
                    <span class="enighet" data-bind="text: text">Text for option 1</span>
                </label>
            </div>

            <div class="valg">
                <label data-bind="attr: { for: 'radio-' + $index() }" for="radio-1">
                    <input type="radio" name="radio-question-40" data-bind="attr: { for: 'radio-' + $index() }, value: value" class="hidden" for="radio-1" value="2">
                    <span class="enighet" data-bind="text: ($index() + 1)">2</span>
                    <span class="custom radio" data-bind="click: $parent.pickAnswer, css: { checked: $data.selected }"></span>
                    <span class="enighet" data-bind="text: text">Text for option 2</span>
                </label>
            </div>

        </div>

Can you show your 3-4 html lines ? – e1che Apr 26 '13 at 06:31 — e1che, Apr 26 '13 at 06:31
Hi @e1che, I updated the post with an HTML extract. – Vagif Abilov Apr 26 '13 at 07:01 — Vagif Abilov, Apr 26 '13 at 07:01

score 2 · Accepted Answer · answered Apr 26 '13 at 07:30

2

So what i can suggest with XPATH is :

btn 1 : "//div[@class='valg'][position() = 0]/label/span[2]"

btn 2 : "//div[@class='valg'][position() = 1]/label/span[2]"

or in CSS selector

btn 1 : "div.valg:nth-child(1) label span.enighet"

btn 2 : "div.valg:nth-child(2) label span.enighet"

But i see that actually you have more div than what you've show. Tell me what's up.

answered Apr 26 '13 at 07:30

e1che

1,241
1
17
34

Hi @e1che, your suggestion worked, I can reach elements using CSS selector as you proposed (not sure why number of divs didn't match the earlier example, I pasted it from the inspector). One thing I am still not sure of. I am not able to use I.Select command because there is no "select" element. But using "click" on either of the elements don't select anything. Anyway, it's a different issue. Thanks for the help. – Vagif Abilov Apr 26 '13 at 08:11

score 0 · Answer 2 · answered Apr 28 '17 at 13:31

0

Have the same problem, and i used the Selenium IDE for identificate the XPATH for each elemt, then use it like this:

driver.findElement(By.xpath("//div[@id='thalamusboapp-218829419']/div/div[2]/div[3]/div/div/div[2]/div/span/span") );

answered Apr 28 '17 at 13:31

Alan Duarte

1
1

How to click a button without id using FluentAutomation SeleniumWebDriver?

2 Answers2