import type { ComponentRenderOptions, RenderResult } from 'vitest-browser-vue'
import { vTooltip } from 'floating-vue'
import { vi } from 'vitest'
import { render as _render } from 'vitest-browser-vue'

export { page } from 'vitest/browser'

export const render = vi.defineHelper(
  <C>(component: C, options?: ComponentRenderOptions<C, any>): Promise<RenderResult<any>> => {
    return Promise.resolve(
      _render(component, {
        ...options,
        global: {
          directives: {
            tooltip: vTooltip,
          },
        },
      }),
    )
  },
)