@isograph/babel-plugin 0.0.0-main-2d6f39f7 → 0.0.0-main-eaa1d223

package/BabelPluginIsograph.test.js

@@ -0,0 +1,97 @@
+import { transform } from '@babel/core';
+import { describe, expect, test, vi } from 'vitest';
+import plugin from './BabelPluginIsograph';
+
+// @ts-ignore
+async function mock(mockedUri, stub) {
+  const { Module } = await import('module');
+  const path = await import('path');
+  // @ts-ignore
+  Module._load_original = Module._load;
+  // @ts-ignore
+  Module._load = (uri, parent) => {
+    if (uri === mockedUri) return stub(path);
+    // @ts-ignore
+    return Module._load_original(uri, parent);
+  };
+}
+
+// In order to test `require`
+vi.hoisted(
+  () =>
+    // @ts-ignore
+    void mock('cosmiconfig', (path) => () => ({
+      searchSync: () => ({
+        config: {
+          project_root: './src/components',
+          schema: './backend/schema.graphql',
+          schema_extensions: ['./backend/schema-extension.graphql'],
+          options: {
+            module: 'esmodule',
+          },
+        },
+        filepath: `${path.resolve('.')}/isograph.config.json`,
+      }),
+    })),
+);
+
+describe('Babel plugin Isograph', () => {
+  const transformerOpts = {
+    babelrc: false,
+    filename: './src/components/Home/Header/File.ts',
+    plugins: [[plugin, {}]],
+  };
+
+  test('should return an identity for non called iso function', () => {
+    const code = `
+      export const HomeRoute = iso(\`
+          field Query.HomeRoute @component {
+            pets {
+              id
+            }
+          }
+        \`);
+      `;
+
+    const result = transform(code, transformerOpts) ?? { code: '' };
+
+    expect(result.code).toMatchInlineSnapshot(
+      `"export const HomeRoute = x => x;"`,
+    );
+  });
+
+  test('should preserve function call when iso applied', () => {
+    const code = `
+      export const HomeRoute = iso(\`
+          field Query.HomeRoute @component {
+            pets {
+              id
+            }
+          }
+        \`)(function HomeRouteComponent() {
+        return 'Render';
+      });
+      `;
+
+    const result = transform(code, transformerOpts) ?? { code: '' };
+
+    expect(result.code).toMatchInlineSnapshot(`
+        "export const HomeRoute = function HomeRouteComponent() {
+          return 'Render';
+        };"
+      `);
+  });
+
+  test('should transform the iso function to a require call', () => {
+    const code = `function test() { const a=iso(\`entrypoint Query.HomeRoute\`); }`;
+
+    const result = transform(code, transformerOpts) ?? { code: '' };
+
+    expect(result.code).toMatchInlineSnapshot(`
+      "import _HomeRoute from "../../__isograph/Query/HomeRoute/entrypoint.ts";
+      function test() {
+        const a = _HomeRoute;
+      }"
+    `);
+  });
+});

package/package.json

@@ -2,7 +2,7 @@
   "name": "@isograph/babel-plugin",
   "description": "A Babel plugin for use with Isograph applications.",
   "homepage": "https://isograph.dev",
-  "version": "0.0.0-main-2d6f39f7",
+  "version": "0.0.0-main-eaa1d223",
   "keywords": [
     "graphql",
     "isograph",
@@ -17,7 +17,8 @@
   },
   "scripts": {
     "tsc": "tsc",
-    "tsc-force": "tsc --build --clean && tsc --build --force"
+    "tsc-force": "tsc --build --clean && tsc --build --force",
+    "test": "vitest run"
   },
   "dependencies": {
     "@babel/helper-module-imports": "^7.0.0",