import path from 'node:path'
import { ELEMENT_KEY } from 'webdriver'
import { expect, describe, it, 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('element', () => {
it('should fetch an element', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
const elem = await browser.$('#foo')
const elems = await elem.$$('#subfoo')
expect(vi.mocked(fetch).mock.calls[1][1]!.method).toBe('POST')
expect(vi.mocked(fetch).mock.calls[1][0]!.pathname)
.toBe('/session/foobar-123/element')
expect(vi.mocked(fetch).mock.calls[1][1]!.body)
.toEqual(JSON.stringify({ using: 'css selector', value: '#foo' }))
expect(elem.elementId).toBe('some-elem-123')
expect(vi.mocked(fetch).mock.calls[2][1]!.method).toBe('POST')
expect(vi.mocked(fetch).mock.calls[2][0]!.pathname)
.toBe('/session/foobar-123/element/some-elem-123/elements')
expect(vi.mocked(fetch).mock.calls[2][1]!.body)
.toEqual(JSON.stringify({ using: 'css selector', value: '#subfoo' }))
expect(elems).toHaveLength(3)
expect(elems[0].elementId).toBe('some-sub-elem-321')
expect(elems[0][ELEMENT_KEY]).toBe('some-sub-elem-321')
expect(elems[0].ELEMENT).toBe(undefined)
expect(elems[0].selector).toBe('#subfoo')
expect(elems[0].index).toBe(0)
expect(elems[1].elementId).toBe('some-elem-456')
expect(elems[1][ELEMENT_KEY]).toBe('some-elem-456')
expect(elems[1].ELEMENT).toBe(undefined)
expect(elems[1].selector).toBe('#subfoo')
expect(elems[1].index).toBe(1)
expect(elems[2].elementId).toBe('some-elem-789')
expect(elems[2][ELEMENT_KEY]).toBe('some-elem-789')
expect(elems[2].ELEMENT).toBe(undefined)
expect(elems[2].selector).toBe('#subfoo')
expect(elems[2].index).toBe(2)
})
it('keeps prototype from browser object', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar',
mobileMode: true,
'appium-version': '1.9.2'
} as any
})
const elem = await browser.$('#foo')
const elems = await elem.$$('.foo')
expect(elems[0].isMobile).toBe(true)
expect(elems[1].isMobile).toBe(true)
expect(elems[2].isMobile).toBe(true)
})
it('should be able to use entries', async () => {
const browser = await remote({
baseUrl: 'http://foobar.com',
capabilities: {
browserName: 'foobar'
}
})
const elem = await browser.$('#foo')
const elems = await elem.$$('.foo')
const entries = []
for await (const entry of elems.entries()) {
const [index, element] = entry
entries.push([
index,
{
elementId: element.elementId,
[ELEMENT_KEY]: element[ELEMENT_KEY],
selector: element.selector,
index: element.index
}
])
}
expect(entries).toStrictEqual([
[0, {
[ELEMENT_KEY]: 'some-sub-elem-321',
selector: '.foo',
index: 0,
elementId: 'some-sub-elem-321'
}],
[1, {
[ELEMENT_KEY]: 'some-elem-456',
selector: '.foo',
index: 1,
elementId: 'some-elem-456'
}],
[2, {
[ELEMENT_KEY]: 'some-elem-789',
selector: '.foo',
index: 2,
elementId: 'some-elem-789'
}]
])
})
afterEach(() => {
vi.mocked(fetch).mockClear()
})
})
