import path from 'node:path'
import { expect, describe, it, beforeAll, afterEach, vi } from 'vitest'
import { remote } from '../../../src/index.js'
vi.mock('fetch')
vi.mock('@wdio/logger', () => import(path.join(process.cwd(), '__mocks__', '@wdio/logger')))
describe('isClickable test', () => {
let browser: WebdriverIO.Browser
let elem: any
beforeAll(async () => {
browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
elem = await browser.$('#foo')
vi.mocked(fetch).mockClear()
})
it('should allow to check if element is clickable', async () => {
await elem.isClickable()
expect(vi.mocked(fetch).mock.calls[0][0]!.pathname)
.toBe('/session/foobar-123/execute/sync')
expect(JSON.parse(vi.mocked(fetch).mock.calls[0][1]!.body as any).args[0]).toEqual({
'element-6066-11e4-a52e-4f735466cecf': 'some-elem-123',
ELEMENT: 'some-elem-123'
})
})
it('should return false if element can\'t be found after refetching it', async () => {
const elem = await browser.$('#nonexisting')
expect(await elem.isClickable()).toBe(false)
expect(fetch).toBeCalledTimes(2)
})
it('should throw if in mobile native context', async () => {
const scope = {
isDisplayed: vi.fn().mockResolvedValue(true),
execute: vi.fn(),
options: {},
isMobile: true,
isNativeContext: true
}
await expect(() => elem.isClickable.call(scope)).rejects.toThrow()
})
it('should not throw if getContext fails', async () => {
const scope = {
isDisplayed: vi.fn().mockResolvedValue(true),
execute: vi.fn(),
options: {},
isMobile: true,
getContext: vi.fn().mockRejectedValue(new Error('command does not exist'))
}
await elem.isClickable.call(scope)
expect(scope.execute).toBeCalledTimes(1)
})
afterEach(() => {
vi.mocked(fetch).mockClear()
})
})
