test: add inline snapshots for runtime/ transforms (#257)

Author: danielroe

eslint.config.js

@@ -12,4 +12,6 @@ export default createConfigForNuxt({
       './example/playground',
     ],
   },
+}).append({
+  ignores: ['test/__snapshots__/*'],
 })

example/src/runtime/components/TestMe.vue

@@ -0,0 +1,18 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  props: {
+    count: {
+      type: Number,
+      required: true,
+    },
+  },
+})
+</script>
+
+<template>
+  <div>
+    {{ count }}
+  </div>
+</template>

example/src/runtime/composables/useWrappedFetch.ts

@@ -0,0 +1,7 @@
+// TODO: investigate how to avoid the need for this import
+import type {} from 'ofetch'
+import { useFetch } from '#app'
+
+export const useWrappedFetch = () => {
+  return useFetch('/api/applications')
+}

test/__snapshots__/TestMe.vue

@@ -0,0 +1,17 @@
+<script>
+import { defineComponent } from "vue";
+export default defineComponent({
+  props: {
+    count: {
+      type: Number,
+      required: true
+    }
+  }
+});
+</script>
+
+<template>
+  <div>
+    {{ count }}
+  </div>
+</template>

test/__snapshots__/plugin.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("#app").Plugin<{
+    injection: "injected";
+}> & import("#app").ObjectPlugin<{
+    injection: "injected";
+}>;
+export default _default;

test/__snapshots__/useWrappedFetch.d.ts

@@ -0,0 +1 @@
+export declare const useWrappedFetch: () => import("#app").AsyncData<unknown, import("ofetch").FetchError<any> | null>;

test/build.spec.ts

@@ -86,14 +86,17 @@ describe('module builder', () => {
 
   it('should generate typed plugin', async () => {
     const pluginDts = await readFile(join(distDir, 'runtime/plugins/plugin.d.ts'), 'utf-8')
-    expect(pluginDts).toMatchInlineSnapshot(`
-      "declare const _default: import("#app").Plugin<{
-          injection: "injected";
-      }> & import("#app").ObjectPlugin<{
-          injection: "injected";
-      }>;
-      export default _default;
-      "
-    `)
+    expect(pluginDts).toMatchFileSnapshot('__snapshots__/plugin.d.ts')
+  })
+
+  // TODO: https://github.com/nuxt/module-builder/issues/239
+  it('should generate components correctly', async () => {
+    const componentFile = await readFile(join(distDir, 'runtime/components/TestMe.vue'), 'utf-8')
+    expect(componentFile).toMatchFileSnapshot('__snapshots__/TestMe.vue')
+  })
+
+  it('should generate wrapped composables', async () => {
+    const componentFile = await readFile(join(distDir, 'runtime/composables/useWrappedFetch.d.ts'), 'utf-8')
+    expect(componentFile).toMatchFileSnapshot('__snapshots__/useWrappedFetch.d.ts')
   })
 })