What is the proper way to wait for a new URL to load in nightwatch?

javascript nightwatch.js
Bryn Wolfe picture Bryn Wolfe · Apr 4, 2016 · Viewed 8.6k times · Source

A page I am testing has a button that takes you to a different page on the same site. After clicking on that button, I want to wait for that page to load before continuing. Normally, I would just wait for some element on that page to load, but since I recently updated nightwatch/selenium, that waitForElementPresent() test has stopped working. In the process of debugging the problem, I thought it made sense to wait for the new URL to load, but I don't see a nightwatch way to do that. I can hard code a wait with a pause() followed by an assert.urlContains(), but there's got to be a better way. Any suggestions?

What used to work:

this.waitForElementVisible(runCSS,3000)
    .click(runCSS)
    .waitForElementPresent(newPageElementCSS,5000)

but now it times out on the second wait, even though I can clearly see the new page on the browser display (Firefox 45.0.1 on Windows 8.1).

Answer

eyn picture eyn · May 11, 2018

Wait for something (a selector) that is unique to the page that will be loaded after the click. It can be anything as long as it doesn't exist on the current page.

For example,

This would wait for <div name="Thingy"> anywhere on the page:

client.waitForElementVisible('div[name="Thingy"]',3000)

Related questions

Nightwatch to select option from select box

I am trying to use nightwatch.js to select an option from a select box. I have the code: this.browser.click('select[name="month"]') .pause(1000) .click('option[value="3"]') .click('select[name="day"]') .pause(1000) .click('option[value="6"]…

Read More
Nightwatch: Better way than `.pause(1000)` to avoid brittle tests?

Is .pause(1000) really the best-practice there is to wait for form submission? I'm looking for a way to reliably submit a form without having to know details about the page appearing as a result of the form submission. The example …

Read More
How to scroll to element using Nightwatch?

I am using nightwatch for e2etesting my app. One of the tests fails because it cannot scroll to the element that it is testing I suspect. Question do I need to scroll or is there another way to do …

Read More