Add cypress build / e2e interactivity tests (#184)

Author: birkskyum

.github/workflows/e2e.yml

@@ -0,0 +1,35 @@
+
+name: ci
+
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+
+jobs:
+  e2e-tests:
+    name: "E2E tests"
+    strategy:
+      fail-fast: false
+
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "23"
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.3
+
+      - name: Install project dependencies
+        run: pnpm i
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: Run tests
+        run: pnpm run test

cypress.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'cypress'
+import vitePreprocessor from 'cypress-vite'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4173',
+    supportFile: 'cypress/support/e2e.ts',
+    specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+    setupNodeEvents(on) {
+      on('file:preprocessor', vitePreprocessor())
+    },
+    env: {
+      example: '',
+    }
+  },
+})

cypress/e2e/examples.cy.ts

@@ -0,0 +1,8 @@
+describe('Vite Plugin Solid Examples', () => {
+  it('should increment counter correctly', () => {
+    cy.visit('/')
+    cy.get('h1').contains('Count: 0')
+    cy.contains('button', 'Increment').click()
+    cy.get('h1').contains('Count: 1')
+  })
+})

cypress/support/e2e.ts

@@ -21,7 +21,8 @@
     "dev": "rollup -c -w",
     "prepublishOnly": "pnpm build",
     "release": "pnpm build && changeset publish",
-    "check": "package-check"
+    "check": "package-check",
+    "test": "node scripts/test-examples.ts"
   },
   "repository": {
     "type": "git",
@@ -58,6 +59,10 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@skypack/package-check": "^0.2.2",
     "@types/node": "^18.18.4",
+    "cypress": "^14.0.0",
+    "cypress-visual-regression": "^5.2.2",
+    "cypress-vite": "^1.6.0",
+    "cypress-wait-until": "^3.0.2",
     "prettier": "^3.1.0",
     "rollup": "^4.5.0",
     "rollup-plugin-cleaner": "^1.0.0",