Hey there! Been playing around with Browser mode recently in a Lit project and noticed there wasn't a dedicated Lit library, so I thought I'd make one.

import { render } from 'vitest-browser-lit'
import { expect, test } from 'vitest'
import { html } from 'lit'

test('counter button increments the count', async () => {
  const screen = render(html`<counter-element count="1"></counter-element>`)

  await screen.getByRole('button', { name: 'Increment' }).click()

  await expect.element(screen.getByText('Count is 2')).toBeVisible()
})

I have an (unpublished) version over at EskiMojo14/vitest-browser-lit (based on vitest-browser-react) which seems to do all I imagine it needing to do, but I don't want to step on any toes by publishing it under that name if it seems official.

If you guys want it, I'd be very happy to transfer ownership over to the Vitest team, or come up with some name that sounds a little less first party :) If it's possible to transfer ownership while retaining the ability to work on it, I think that'd be ideal, but depends on what you guys think.

I'd also do the work to add it to the vitest init browser command, it doesn't look that complicated to do.

Hope to hear from you!