getWindowHandle() Selenium Webdriver Javascript

Question

Made some changes based on help from engineering. Here is the final code I used for grabbing the new window handle:

localdriver = @driver
@driver.getAllWindowHandles()
.then (handles) ->
    localdriver.switchTo().window(handles[1])

I'm currently running an automation stack that uses Selenium Webdriver, Mocha, Chai, and Grunt. I'm creating scripts in Coffeescript, but an answer to my question in Javascript would be perfectly fine.

What I'm trying to do:

Click button on main browser window
Switch driver to the second window that opens after button click
Perform actions in the second window
Close second window and return to the first.

I've scoured the internet looking for an answer on how to do this. Just started learning all this stuff a few months ago, and I'm still stumbling through creating stuff. I'm seeing a lot of Java and C+ examples, but not much on the Javascript side. Can anyone provide an example of how to set up the code for the above scenario using Selenium Webdriver and Javascript?

Paulo Mattos · Accepted Answer · 2019-01-27 00:34:00Z

14

var parent = driver.getWindowHandle();
var windows = driver.getAllWindowHandles();

driver.switchTo().window(windows[1]);

// do some stuff

driver.close();
driver.switchTo().window(parent);

edited Jan 27, 2019 at 0:34

Paulo Mattos

19.4k10 gold badges80 silver badges87 bronze badges

answered Apr 24, 2015 at 18:50

Rohn Adams

8378 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Jeremy Moritz Over a year ago

driver.getWindowHandles() is not a function

Rohn Adams Over a year ago

Are you sure? It is still referenced on the selenium documentation pages: seleniumhq.org/docs/03_webdriver.jsp <--- scroll down to "Moving between windows and frames". It is also still listed here under this documentation: selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/…

Jeremy Moritz Over a year ago

You're looking at the java documentation. In JavaScript, the correct method is driver.getAllWindowHandles()

Rick Runyon Over a year ago

Thank you @Jeremy-DeerAngel-org, been chasing my tail on this for hours

supersan Over a year ago

@JeremyMoritz I think the accepted answer must be changed to reflect this. Anyway where did you find out about getAllWindowHandles. I can find any docs which have a list of functions including this for node?

|

Jeremy Moritz · Accepted Answer · 2016-02-23 22:56:42Z

5

What you want is driver.getAllWindowHandles(), but because this returns a promise, make sure that you then use the handles inside of the then function

// select the newly opened window
driver.getAllWindowHandles().then(function gotWindowHandles(allhandles) {
    driver.switchTo().window(allhandles[allhandles.length - 1]);
});

answered Feb 23, 2016 at 22:56

Jeremy Moritz

15.1k7 gold badges44 silver badges47 bronze badges

3 Comments

Ragnarsson Over a year ago

Hi, I tried your code, but it said "getAllWindowHandles is not a function in <eval> ..."

Jeremy Moritz Over a year ago

@Ragnarsson I’m not sure what’s going on in your specific case. It may be no comfort to know this but it worked on my machine. Unfortunately, it's been two years since i worked with that code, so I'm not able to troubleshoot it now. :-/

ColinWa Over a year ago

@Ragnarsson

await driver.getAllWindowHandles().then(async (allhandles) => {            return await driver.switchTo().window(allhandles[allhandles.length - 1]);         });

Jai Prak · Accepted Answer · 2018-06-20 09:42:29Z

1

Whenever new tab opens, it takes some time to come up and render. In this situation, it is difficult to switch the tab because the tab is not opened yet and driver.getAllWindowHandles() will not give handler for that tab. I solved this problem in this way, I am assuming I have one opened tab and on some button click, I am opening new 2nd tab.

function openNewTab(driver) {
  driver.wait(function () {
    return driver.getAllWindowHandles().then(function (handles) {
      var isHandleCount2 = (handles.length == 2);
      if (isHandleCount2) {
        driver.switchTo().window(handles[1]);
      }
      return isHandleCount2;
    });
  }).then(function () {
  // Now do some stuff in new tab
    var buttonElement = driver.wait(until.elementLocated(By.xpath("//td[*//span[text()='Click me']]")));
    buttonElement.click();
  });
}

This code will wait until the number of handles or tabs will not equal to 2.

answered Jun 20, 2018 at 9:42

Jai Prak

3,4826 gold badges32 silver badges39 bronze badges

1 Comment

ColinWa Over a year ago

This is brilliant: +1. What about the case of two tabs or more? The newest tab will always be the last Tab. i made slight changes:

return await driver.wait(async function () {             return await driver.getAllWindowHandles().then(async function (handles) {                 if (handles.length > 1) {                     return driver.switchTo().window(handles[handles.length - 1]);                 }                 return false;             });         }).then(function () {                      });

ColinWa · Accepted Answer · 2019-10-10 14:03:13Z

0

@Jai Prak's answer is brilliant.
What about the case of three tabs or more?
The newest tab will always be the last Tab.

return await driver.wait(async function () {
    return await driver.getAllWindowHandles().then(async function (handles) {
       // var isHandleCount2 = (handles.length == 2);
        if (handles.length > 1) {
            return driver.switchTo().window(handles[handles.length - 1]);
        }
        return false;
    });
}).then(function () {
    // Now do some stuff in new tab

});

The above will apply except in cases you switch between Tabs.
To move the next tab, get the current Tab's index -1

answered Oct 10, 2019 at 14:03

ColinWa

9981 gold badge12 silver badges27 bronze badges

Collectives™ on Stack Overflow

getWindowHandle() Selenium Webdriver Javascript

4 Answers 4

7 Comments

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related