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()=>{
+awaitsetup({
+server: true,
+rootDir: fileURLToPath(newURL('../../playground',import.meta.url)),
+})
+
+it('renders web components',async()=>{
+consthtml=await$fetch('/')
+expect(html).toContain(
+'<ion-app><!--[--><ion-router-outlet></ion-router-outlet><!--]--></ion-app>'
+)
+})
+
+it('renders correct viewport tags',async()=>{
+consthtml=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'
+
+exportdefaultdefineConfig({
+test: {
+coverage: {
+include: ['src/**/*.ts'],
+reporter: ['text','json','html'],
+},
+},
+})