vitest.workspace.ts

import { defineWorkspace } from 'vitest/config';
import type { BrowserCommand } from 'vitest/node';

// TODO: remove when `userEvent.pointer` is supported
const resizeColumn: BrowserCommand<[resizeBy: number]> = async (context, resizeBy) => {
  const page = context.page;
  const frame = await context.frame();
  const resizeHandle = frame.locator('[role="columnheader"][aria-colindex="2"] div');
  const { x, y } = (await resizeHandle.boundingBox())!;
  await resizeHandle.hover({
    position: { x: 5, y: 5 }
  });
  await page.mouse.down();
  await page.mouse.move(x + resizeBy + 5, y);
  await page.mouse.up();
};

// TODO: remove when `userEvent.pointer` is supported
const dragFill: BrowserCommand<[from: string, to: string]> = async (context, from, to) => {
  const page = context.page;
  const frame = await context.frame();
  await frame.getByRole('gridcell', { name: from }).click();
  await frame.locator('.rdg-cell-drag-handle').hover();
  await page.mouse.down();
  const toCell = frame.getByRole('gridcell', { name: to });
  await toCell.hover();
  await page.mouse.up();
};

export default defineWorkspace([
  {
    extends: './vite.config.ts',
    test: {
      name: 'browser',
      include: ['test/browser/**/*.test.*'],
      browser: {
        enabled: true,
        name: 'chromium',
        provider: 'playwright',
        commands: { resizeColumn, dragFill },
        viewport: { width: 1920, height: 1080 },
        headless: true,
        screenshotFailures: process.env.CI !== 'true'
      },
      setupFiles: ['test/setup.ts', 'test/setupBrowser.ts']
    }
  },
  {
    extends: './vite.config.ts',
    test: {
      name: 'node',
      include: ['test/node/**/*.test.*'],
      environment: 'node',
      setupFiles: ['test/setup.ts']
    }
  }
]);