.click function passes When step, but isn't actually clicking the element in the browser

Question

I'm currently trying to script some automation tests.

I've hit a block with what should be a simple checkbox click...

The issue is the test run passes the step, but in the browser the "click" hasn't actually occurred.

POM

    optionClick(optionValue){
        const option = $('//input[@type="checkbox"]').$('..').$('label').$('//span[contains(text(), "'+optionValue+'")]');
        option.waitForDisplayed(2000);
        const optionSelect = $('//input[@type="checkbox"]').$('..').$('label').$('//span[contains(text(), "'+optionValue+'")]');
        optionSelect.click();
    }

Feature is - And I select the 'Create' option

the html element I'm trying to click is as follows:

score 1 · Answer 1 · answered Sep 27 '19 at 19:54

1

The click function is asynchronous. If you don't do an await or wrap the click call in a promise then the action will take place synchronously meaning your test will move on and will probably finish before the click actually takes place.

What you need to do is:

        await optionSelect.click();

answered Sep 27 '19 at 19:54

Ray

1,134
10
27

I'm working sync rather than async :/ Is there a different function to use instead? I've got .click working elsewhere in other methods, so not sue why it's not working here... – Grubsniff Sep 30 '19 at 10:47
Resolved the issue. Thanks for your suggestion though :) – Grubsniff Sep 30 '19 at 13:30
You could also just do it through a return, and it should execute – KyleFairns Oct 03 '19 at 11:14

.click function passes When step, but isn't actually clicking the element in the browser

1 Answers1