test: add ssr tests

Author: danielroe

.github/workflows/ci.yml

@@ -46,8 +46,8 @@ jobs:
       - name: 🛠 Build project
         run: pnpm build
 
-      # - name: 🧪 Test project
-      #   run: pnpm test --coverage
+      - name: 🧪 Test project
+        run: pnpm test -- --coverage
 
-      # - name: 🟩 Coverage
-      #   uses: codecov/codecov-action@v3
+      - name: 🟩 Coverage
+        uses: codecov/codecov-action@v3

package.json

@@ -47,7 +47,7 @@
     "prepare": "husky install",
     "prepublishOnly": "pnpm lint && pnpm test && pinst --disable",
     "release": "release-it",
-    "test": "echo 'create tests'",
+    "test": "vitest run",
     "postinstall": "husky install",
     "postpublish": "pinst --enable"
   },
@@ -64,6 +64,7 @@
   "devDependencies": {
     "@nuxt/module-builder": "^0.1.7",
     "@nuxt/schema": "3.0.0-rc.4",
+    "@nuxt/test-utils": "3.0.0-rc.4",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/node": "^18.0.0",

pnpm-lock.yaml

@@ -0,0 +1,25 @@
+/* @vitest-environment node */
+import { fileURLToPath } from 'node:url'
+import { setup } from '@nuxt/test-utils'
+import { describe, expect, it } from 'vitest'
+
+describe('nuxt ionic', async () => {
+  await setup({
+    server: true,
+    rootDir: fileURLToPath(new URL('../../playground', import.meta.url)),
+  })
+
+  it('renders web components', async () => {
+    const html = await $fetch('/')
+    expect(html).toContain(
+      '<ion-app><!--[--><ion-router-outlet></ion-router-outlet><!--]--></ion-app>'
+    )
+  })
+
+  it('renders correct viewport tags', async () => {
+    const html = await $fetch('/')
+    expect(html).toContain(
+      '<meta name="viewport" content="viewport-fit: cover, width: device-width, initial-scale: 1.0, minimum-scale: 1.0, maximum-scale: 1.0, user-scalable: no">'
+    )
+  })
+})

test/e2e/ssr.spec.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    coverage: {
+      include: ['src/**/*.ts'],
+      reporter: ['text', 'json', 'html'],
+    },
+  },
+})