@dowser/web

Vitest reporter and browser shim for dowser — record web flow tests in a real browser via Vitest browser mode and produce the same shareable session zip the on-device React Native recorder produces.

Install

yarn add -D @dowser/web @vitest/browser playwright @testing-library/user-event

Usage

// vitest.config.ts
import {defineConfig} from 'vitest/config';
import {dowserVitest} from '@dowser/web';

const dowser = dowserVitest({outDir: 'dowser-recordings'});

export default defineConfig({
  test: {
    browser: {
      enabled: true,
      provider: 'playwright',
      instances: [{browser: 'chromium'}],
      commands: dowser.commands,
    },
    reporters: ['default', dowser.reporter],
    setupFiles: [...dowser.setupFiles],
  },
});

Existing *.test.ts specs that use @testing-library/<framework> + userEvent work unchanged. Each test produces dowser-recordings/dowser-session-<id>-<ts>.zip.

See https://github.com/getdowser/dowser for the full guide.