click not working

Something strange happens when testing my Bootstrap website using Nightwatch.

I have the following element in my page definition:

    createAccountModalBackground: {
      selector:'div.modal-backdrop'
    }

In my test I execute the following code:

    subscribePage
      .click('@subscribeLiteButton')
      .waitForElementVisible('@createAccountModal', 1000)
      .waitForElementVisible('@createAccountModalBackground', 1000)
      .click('@createAccountModalBackground')

The click never gets executed. The modal stays on screen.

If however I replace the click call with:

      client.execute(function() {
        document.querySelector('div.modal-backdrop').click()
      })

It works fine.

Is there an issue somewhere?

Do you need more information?

[MateuszJeziorski]

Maybe element is hovered by other element or you need to scroll down to the element? That would explain why this works fine

client.execute(function() {
        document.querySelector('div.modal-backdrop').click()
 })

Or you had luck and element disappear sometimes just after you check if the element is visible

Also, what do you mean The click never gets executed. The modal stays on screen. ? Is there any error?

[ir-fuel]

You are quick in closing this ticket, no? The line before doing this click I have: .waitForElementVisible('@createAccountModalBackground', 1000) so why are you concluding that the element is not visible at the time of the click? If it isn’t visible that line should fail.

edit: running my tests shows me: Element <div.modal-backdrop> was visible after 48 milliseconds.