Set up test framework & add basic test (#57)

.gitignore

@@ -61,3 +61,5 @@ playground/schema.graphql
 playground/queries/
 examples/yoastseo/test-src/queries/
 examples/yoastseo/test-src/schema.graphql
+tests/fixtures/basic/queries/
+tests/fixtures/basic/schema.graphql

docs/package.json

@@ -20,10 +20,10 @@
     "@nuxt/fonts": "^0.6.1",
     "@nuxt/ui-pro": "^1.1.0",
     "nuxt": "^3.11.2",
-    "nuxt-og-image": "3.0.0-rc.50"
+    "nuxt-og-image": "3.0.0-rc.51"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/eslint-config": "^0.3.1",
     "@nuxthq/studio": "^1.0.13",
     "eslint": "^8.57.0",
     "vue-tsc": "^2.0.10"

package.json

@@ -57,20 +57,18 @@
     "@graphql-codegen/client-preset": "^4.2.5",
     "@graphql-codegen/typescript-operations": "^4.2.0",
     "@nuxt/devtools": "^1.1.5",
-    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/eslint-config": "^0.3.1",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/schema": "^3.11.2",
     "@nuxt/test-utils": "^3.12.0",
     "@rollup/rollup-linux-arm64-gnu": "^4.14.0",
     "@rollup/rollup-linux-arm64-musl": "^4.14.0",
-    "@types/node": "20.12.4",
+    "@types/node": "20.12.5",
     "@vitest/coverage-v8": "^1.4.0",
     "@vue/test-utils": "^2.4.5",
     "changelogen": "^0.5.5",
     "eslint": "^8.57.0",
-    "happy-dom": "^14.5.1",
     "nuxt": "^3.11.2",
-    "playwright-core": "^1.43.0",
     "typescript": "^5.4.4",
     "untyped": "1.4.2",
     "vitest": "^1.4.0",

tests/basic.test.ts

@@ -0,0 +1,26 @@
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+import { $fetch, setup, startServer } from '@nuxt/test-utils/e2e'
+
+describe('ssr', async () => {
+  await setup({
+    rootDir: fileURLToPath(new URL('./fixtures/basic', import.meta.url)),
+  })
+
+  it('renders the index page', async () => {
+    // Get response to a server-rendered page with `$fetch`.
+    const html = await $fetch('/')
+    expect(html).toContain('<div>basic <span>original value</span></div>')
+  })
+
+  it('changes runtime config and restarts', async () => {
+    await startServer({ env: { NUXT_PUBLIC_MY_VALUE: 'overwritten by test!' } })
+
+    const html = await $fetch('/')
+    expect(html).toContain('<div>basic <span>overwritten by test!</span></div>')
+
+    await startServer()
+    const htmlRestored = await $fetch('/')
+    expect(htmlRestored).toContain('<div>basic <span>original value</span></div>')
+  })
+})

tests/fixtures/basic/nuxt.config.ts

@@ -0,0 +1,12 @@
+import WPNuxtModule from '../../../src/module'
+
+export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      myValue: 'original value',
+    },
+  },
+  modules: [
+    WPNuxtModule
+  ]
+})

tests/fixtures/basic/package.json

@@ -0,0 +1,5 @@
+{
+  "private": true,
+  "name": "basic",
+  "type": "module"
+}

tests/fixtures/basic/pages/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { useRuntimeConfig } from 'nuxt/app';
+
+const config = useRuntimeConfig();
+</script>
+
+<template>
+  <div>basic <span>{{ config.public.myValue }}</span></div>
+</template>