feat: add qwik example (#61)

Author: WuMingDao

examples/qwik/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@vitest-examples/qwik",
+  "type": "module",
+  "scripts": {
+    "test": "vitest"
+  },
+  "devDependencies": {
+    "@builder.io/qwik": "^1.11.0",
+    "@builder.io/qwik-city": "^1.11.0",
+    "@vitest/browser-playwright": "^4.0.16",
+    "playwright": "^1.57.0",
+    "typescript": "~5.8.3",
+    "vite": "^6.0.7",
+    "vitest": "^4.0.16",
+    "vitest-browser-qwik": "^0.1.0"
+  }
+}

examples/qwik/src/HelloWorld.tsx

@@ -0,0 +1,11 @@
+import { component$, useSignal } from '@builder.io/qwik'
+
+export default component$(({ name }: { name: string }) => {
+  const count = useSignal(1)
+  return (
+    <div>
+      <h1>Hello {name} x{count.value}!</h1>
+      <button onClick$={() => count.value++}>Increment</button>
+    </div>
+  )
+})

examples/qwik/tests/HelloWorld.spec.tsx

@@ -0,0 +1,12 @@
+import { expect, test } from 'vitest'
+import { render } from 'vitest-browser-qwik'
+import HelloWorld from '../src/HelloWorld'
+
+test('renders name', async () => {
+  const screen = await render(<HelloWorld name="Vitest" />)
+
+  await expect.element(screen.getByText('Hello Vitest x1!')).toBeInTheDocument()
+  await screen.getByRole('button', { name: 'Increment' }).click()
+
+  await expect.element(screen.getByText('Hello Vitest x2!')).toBeInTheDocument()
+})

examples/qwik/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@builder.io/qwik",
+    "strict": true,
+    "declaration": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "allowSyntheticDefaultImports": true
+  }
+}

examples/qwik/vitest.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vitest/config'
+import { qwikVite } from '@builder.io/qwik/optimizer'
+import { playwright } from '@vitest/browser-playwright'
+
+export default defineConfig({
+  plugins: [qwikVite()],
+  test: {
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      instances: [
+        { browser: 'chromium' },
+      ],
+    },
+  },
+})