playwright/examples/components-vue/src/components/Counter.spec.tsx

import { test, expect } from '@playwright/experimental-ct-vue'

import Counter from './Counter.vue'

test.use({ viewport: { width: 500, height: 500 } })

test('should work', async ({ mount }) => {
  const values = []
  const component = await mount(<Counter v-on:changed={counter => values.push(counter)}></Counter>)
  await component.click()
  expect(values).toEqual([1])
  await component.click()
  expect(values).toEqual([1, 2])
  await component.click()
  expect(values).toEqual([1, 2, 3])
})