Cover image for How to handle multiple windows in WebdriverIO

How to handle multiple windows in WebdriverIO

automationbro profile image Automation Bro ・1 min read

Scenario: Switch to a new window, close the new window and switch back to the old window.

Let's take a look at how to do that -

I'll be using this test site for our example.

Alt Text

describe('New Tab', () => {
  it('should be able to switch to a new tab', () => {
    // find selector
    const link = $('.example a');

    // access the page

    // click on the link to open a new window

    // switch window

    // optional assertion
    expect(browser).toHaveTitle('New Window');

  it('should close the new tab and switch back to old tab', () => {
    // close new window

    // switch back to old window

    // optional assertion
    expect(browser).toHaveTitle('The Internet');

πŸ’Ž You can also find this example on GitHub.

Check out the video below to see a detailed explanation of the code above.

To learn more about WebdriverIO, check out my free tutorial series here -


I hope this post helped you out, let me know in the comments below!

Happy testing! πŸ˜„


Follow @automationbro on Twitter
Subscribe to my YouTube channel

Posted on by:

automationbro profile

Automation Bro


I enjoy discussing topics related to Test Automation | Quality Assurance | Web Dev. Check out my Youtube channel @AutomationBro.


markdown guide