Nightwatch.js - How to do assertion on new browser tab - selenium

Question

I have to test one scenario. User types desired URL to text which is linked with button. When user clicks this button, user will be directed to typed URL.
When I do assertion for new tab (Google), output is always like "localhost:8080" which is my previous tab (currentPage).
I think I should set new tab to "this" but, I could not figure it out. If you can help me, I will be appreciated.
linkTest.spec.js
module.exports = {
tags: ['component', 'linkTest'],
before: function(client, done) {
this.currentPage = client.maximizeWindow().page.linkTestPage();
this.currentPage
.navigate(client.globals.devUrl)
.waitForElementVisible('body', 60000)
.customPerform(function() {
done();
});
},
'CASE ID - Case Name'() {
let googleUrl = 'https://www.google.com/';
this.currentPage
.checkInitialElements()
.setExternalUrlText(googleUrl)
.clickLinkLabel();
// Handle with new tab
this.client.windowHandles(function(result) {
let googleTab = result.value[1]; // New Google tab index
this.switchWindow(googleTab) // Switch to Google tab
.assert.urlContains('Google'); // Verify new tab is Google
});
},
after: function(client, done) {
client.end().customPerform(done);
},
};
customPerform.js
exports.command = function(fn, callback) {
this.perform(fn);
if (typeof callback === 'function') {
callback.call(self);
}
return this; // allows the command to be chained.
};

Answer 1

Not sure if you've already figured out how to do this or not, but the way that I was able to is to throw the assertions for the new page into a callback function for the switchWindow function. So in your example,
// Handle with new tab
this.client.windowHandles(function(result) {
let googleTab = result.value[1]; // New Google tab index
// Switch to Google tab
this.switchWindow(googleTab, function() {
this.assert.urlContains('Google'); // Verify new tab is Google
});
});