* @vitest-environment jsdom
*/
import path from 'node:path'
import { expect, describe, beforeEach, afterEach, it, vi, type MockInstance } from 'vitest'
import { remote } from '../../../src/index.js'
vi.mock('fetch')
vi.mock('@wdio/logger', () => import(path.join(process.cwd(), '__mocks__', '@wdio/logger')))
describe('newWindow', () => {
beforeEach(() => {
global.window.open = vi.fn()
})
afterEach(() => {
vi.mocked(fetch).mockClear()
vi.mocked(global.window.open).mockRestore()
})
it('should allow to create a new window handle', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
vi.mocked(fetch).setMockResponse([
[],
null,
[],
[],
[],
['new-window-handle'],
null
])
const newHandle = await browser.newWindow('https://webdriver.io', {
windowName: 'some name',
windowFeatures: 'some params'
})
expect(newHandle.handle).toBe('new-window-handle')
expect(vi.mocked(fetch).mock.calls).toHaveLength(8)
expect(JSON.parse(vi.mocked(fetch).mock.calls[2][1]?.body as any).args)
.toEqual(['https://webdriver.io', 'some name', 'some params'])
expect(vi.mocked(fetch).mock.calls[3][0].pathname)
.toContain('/window/handles')
})
it('should apply default args', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
vi.mocked(fetch).setMockResponse([
[],
null,
[],
['new-window-handle'],
null
])
await browser.newWindow('https://webdriver.io')
expect(vi.mocked(fetch).mock.calls).toHaveLength(6)
expect(JSON.parse(vi.mocked(fetch).mock.calls[2][1]?.body as any).args)
.toEqual(['https://webdriver.io', '', ''])
})
it('should fail if url is invalid', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
expect.hasAssertions()
try {
await browser.newWindow({})
} catch (err: any) {
expect(err.message).toContain('number or type')
}
})
it('should fail if browser is a mobile device', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'ipad',
mobileMode: true
}
})
const error = await browser.newWindow('https://webdriver.io', {
windowName: 'some name',
windowFeatures: 'some params'
}).catch((err: Error) => err) as Error
expect(error.message).toContain('not supported on mobile')
})
it('should open a new window by default', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'bidi'
}
})
const browsingContextCreateSpy: MockInstance = vi.spyOn(browser, 'browsingContextCreate')
browsingContextCreateSpy.mockImplementation(() => ({ context: 'new-window-handle', type: 'window' }))
const browsingContextNavigateSpy: MockInstance = vi.spyOn(browser, 'browsingContextNavigate')
browsingContextNavigateSpy.mockImplementation(() => ({}))
const newHandle = await browser.newWindow('https://webdriver.io', {
windowName: 'some window'
})
expect(newHandle.type).toBe('window')
expect(browsingContextCreateSpy).toHaveBeenCalledTimes(1)
expect(browsingContextCreateSpy).toHaveBeenCalledWith({ type: 'window' })
expect(browsingContextNavigateSpy).toHaveBeenCalledTimes(1)
expect(browsingContextNavigateSpy).toHaveBeenCalledWith({
context: 'new-window-handle',
url: 'https://webdriver.io'
})
})
it('should open a new tab when type is tab', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'bidi'
}
})
const browsingContextCreateSpy: MockInstance = vi.spyOn(browser, 'browsingContextCreate')
browsingContextCreateSpy.mockImplementation(() => ({ context: 'new-tab-handle', type: 'tab' }))
const browsingContextNavigateSpy: MockInstance = vi.spyOn(browser, 'browsingContextNavigate')
browsingContextNavigateSpy.mockImplementation(() => ({}))
const newHandle = await browser.newWindow('https://webdriver.io', {
type: 'tab',
windowName: 'some tab'
})
expect(newHandle.type).toBe('tab')
expect(browsingContextCreateSpy).toHaveBeenCalledTimes(1)
expect(browsingContextCreateSpy).toHaveBeenCalledWith({ type: 'tab' })
expect(browsingContextNavigateSpy).toHaveBeenCalledTimes(1)
expect(browsingContextNavigateSpy).toHaveBeenCalledWith({
context: 'new-tab-handle',
url: 'https://webdriver.io'
})
})
})
