oc-template-vue-compiler 1.1.9 → 2.0.1

package/dist/lib/vueOCProviderTemplate.js

@@ -6,13 +6,23 @@ function vueOCProviderTemplate({ viewPath, providerFunctions }) {
   import { createApp } from 'vue'
   import View from '${viewPath}';
 
+  let app = null;
+
   function renderer(props, element, ssr) {
     const { _staticPath, _baseUrl, _componentName, _componentVersion, ...rest } = props;
     ${providerFunctions}
 
     rest.getData = getData;
     rest.getSetting = getSetting;
-    createApp(View, rest).mount(element, ssr);
+    app = createApp(View, rest)
+    app.mount(element, ssr);
+  }
+
+  element.parentElement.unmount = () => {
+    if (app) {
+      app.unmount();
+      app = null;
+    }
   }
 
   renderer.component = View;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oc-template-vue-compiler",
-  "version": "1.1.9",
+  "version": "2.0.1",
   "description": "Compiler for the vueJS OC template",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
     "oc-template-vue": "^0.1.0",
-    "oc-vite-compiler": "^4.2.4"
+    "oc-vite-compiler": "^4.2.9"
   },
   "files": [
     "dist/**",

package/scaffold/src/package.json

@@ -22,12 +22,13 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/vue": "^8.0.0",
     "@types/testing-library__jest-dom": "^5.14.5",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
     "jsdom": "^21.1.1",
     "oc-server": "^2.1.0",
-    "oc-template-vue-compiler": "^1.1.9",
+    "oc-template-vue-compiler": "^2.0.1",
     "typescript": "5.8.2",
     "vitest": "^0.29.7",
     "vue": "^3.5.13",

package/scaffold/src/src/App.test.ts

@@ -0,0 +1,43 @@
+import { describe, it, afterEach, beforeEach, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/vue';
+
+import App from './App.vue';
+
+const getData = vi.fn();
+const getSetting = vi.fn();
+
+describe('App - Page', () => {
+  beforeEach(() => {
+    window.oc = { events: { on: vi.fn(), fire: vi.fn() } } as any;
+  });
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('Gets more data when clicking the button', () => {
+    getData.mockImplementationOnce(() => Promise.resolve({}));
+    getSetting.mockImplementationOnce(() => ({}));
+    render(App, {
+      props: {
+        firstName: 'firstName',
+        lastName: 'lastName',
+        born: 1991,
+        hobbies: [],
+      },
+      global: {
+        provide: {
+          dataProvider: {
+            firstName: 'firstName',
+            lastName: 'lastName',
+            userId: 0,
+            getData,
+            getSetting,
+          },
+        },
+      },
+    });
+
+    const extraInfoButton = screen.getByText(/Fun year fact/i);
+    expect(extraInfoButton).toBeTruthy();
+  });
+});

package/scaffold/src/vite.config.ts

@@ -6,6 +6,8 @@ export default defineConfig({
   plugins: [],
   // @ts-ignore Missing test property
   test: {
-    environment: 'jsdom'
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['src/setupTests.js'],
   }
 });