import fs from 'node:fs'
import path from 'node:path'
import { test, expect, vi } from 'vitest'
import { getPrototype } from '../../src/utils/index.js'
import { remote } from '../../src/index.js'

vi.mock('fetch')
vi.mock('@wdio/logger', () => import(path.join(process.cwd(), '__mocks__', '@wdio/logger')))

const IGNORED_COMMANDS = ['getElements']
const elementScope = 'element'
const scopes = ['mobile'].concat(elementScope)
const baseDir = path.resolve(__dirname, '../..', 'src', 'commands')

const files = scopes.flatMap(scope => {
    const dir = path.join(baseDir, scope)
    return fs
        .readdirSync(dir)
        .map(f => path.basename(f, path.extname(f)))
        .filter(f => !IGNORED_COMMANDS.includes(f))
})

test(scopes.join(', ') + ' commands list and strategies', () => {
    const elementPrototype = Object.keys(getPrototype(elementScope))
    const combinedPrototype = [
        ...new Set([...elementPrototype, ...files])
    ]

    const expected = [...new Set(['puppeteer', ...files, 'strategies'])]

    expect(combinedPrototype.sort()).toEqual(expected.sort())
})

test('no browser commands in element scope', async () => {
    const browser = await remote({
        baseUrl: 'http://foobar.com',
        capabilities: {
            browserName: 'foobar'
        }
    })

    const elem = await browser.$('#foo')
    expect(typeof elem.addValue).toBe('function')
    // @ts-expect-error not existing command on element
    expect(typeof elem.setCookies).toBe('undefined')
})