Merge branch 'linden-testing' into typescript

Author: lindenyoung

test/jest/__tests__/openProject.spec.js

@@ -1,8 +1,13 @@
+// * = added to convert tests to OverVue 9.0, using Pinia instead of Vuex
 import { mount, createLocalVue, shallowMount } from "@vue/test-utils";
 import { createApp } from "vue";
 import * as All from "quasar";
 const { Quasar, date } = All;
 
+import { createTestingPinia } from "@pinia/testing"; // *
+import { useStore } from "../../src/store/main"; // *
+const piniaStore = useStore(); // *
+
 const components = Object.keys(All).reduce((object, key) => {
   const val = All[key];
   if (val && val.component && val.component.name != null) {
@@ -11,11 +16,11 @@ const components = Object.keys(All).reduce((object, key) => {
   return object;
 }, {});
 
-import actions from "../../../src/store/options/actions";
-import mutations from "../../../src/store/options/mutations";
+// import actions from "../../../src/store/options/actions";
+// import mutations from "../../../src/store/options/mutations";
 import * as types from "../../../src/store/options/types";
-import Vuex from "vuex";
-import store from "../../../src/store/state/index";
+// import Vuex from "vuex";
+// import store from "../../../src/store/state/index";
 
 /**
  * @description: Testing functionality of the openProject action and following mutations
@@ -27,7 +32,8 @@ import store from "../../../src/store/state/index";
 describe("Test Suite for Image Upload", () => {
   const App = {};
   const app = createApp(App);
-  app.use(Quasar, Vuex, { components });
+  app.use(Quasar, piniaStore, { components }); // *
+  // app.use(Quasar, Vuex, { components });
   const payload = {
     icons: {
       div: "far fa-square fa-lg",
@@ -113,32 +119,46 @@ describe("Test Suite for Image Upload", () => {
     imagePath: { HomeView: "/Users/joju/Desktop/bootstrap1.png", b: "" },
   };
 
-  test('"[types.openProject]" action calls set_image_path, set_component_map, and set_routes', () => {
-    const commit = jest.fn();
-    actions[types.openProject]({ commit }, payload);
-    expect(commit).toHaveBeenCalledWith("SET_IMAGE_PATH", payload.imagePath);
-    expect(commit).toHaveBeenCalledWith(
-      "SET_COMPONENT_MAP",
-      payload.componentMap
-    );
-    expect(commit).toHaveBeenCalledWith("SET_ROUTES", payload.routes);
-    expect(commit).toHaveBeenCalledWith("REMOVE_ALL_STATE_PROPS_ACTIONS");
-    expect(commit).toHaveBeenCalledWith("SET_ACTIVE_ROUTE", "HomeView");
-    expect(commit).toHaveBeenCalledWith("SET_ACTIVE_COMPONENT", "");
-  });
+  // test('"[types.openProject]" action calls set_image_path, set_component_map, and set_routes', () => {
+  //   const commit = jest.fn();
+  //   actions[types.openProject]({ commit }, payload);
+  //   expect(commit).toHaveBeenCalledWith("SET_IMAGE_PATH", payload.imagePath);
+  //   expect(commit).toHaveBeenCalledWith(
+  //     "SET_COMPONENT_MAP",
+  //     payload.componentMap
+  //   );
+  //   expect(commit).toHaveBeenCalledWith("SET_ROUTES", payload.routes);
+  //   expect(commit).toHaveBeenCalledWith("REMOVE_ALL_STATE_PROPS_ACTIONS");
+  //   expect(commit).toHaveBeenCalledWith("SET_ACTIVE_ROUTE", "HomeView");
+  //   expect(commit).toHaveBeenCalledWith("SET_ACTIVE_COMPONENT", "");
+  // });
 
   test('"[types.SET_IMAGE_PATH]" mutation expect add payload to imagePath object in state', () => {
     const openState = {
       imagePath: {
         HomeView: "",
       },
     };
-    mutations[types.SET_IMAGE_PATH](openState, payload.imagePath);
-    expect(openState.imagePath).toMatchObject({
+    piniaStore.setImagePath(payload.imagePath);
+    expect(piniaStore.imagePath).toMatchObject({
       ...openState.imagePath,
       ...payload.imagePath,
     });
   });
+
+  // test('"[types.SET_IMAGE_PATH]" mutation expect add payload to imagePath object in state', () => {
+  //   const openState = {
+  //     imagePath: {
+  //       HomeView: "",
+  //     },
+  //   };
+  //   mutations[types.SET_IMAGE_PATH](openState, payload.imagePath);
+  //   expect(openState.imagePath).toMatchObject({
+  //     ...openState.imagePath,
+  //     ...payload.imagePath,
+  //   });
+  // });
+
   test('"[types.SET_COMPONENT_MAP]" mutation expect state.componentMap object to match payload.componentMap', () => {
     const openState = {
       componentMap: {
@@ -154,17 +174,48 @@ describe("Test Suite for Image Upload", () => {
         },
       },
     };
-    mutations[types.SET_COMPONENT_MAP](openState, payload.componentMap);
-    expect(openState.componentMap).toMatchObject(payload.componentMap);
+    piniaStore.setComponentMap(payload.componentMap);
+    expect(piniaStore.componentMap).toMatchObject(payload.componentMap);
   });
+
+  // test('"[types.SET_COMPONENT_MAP]" mutation expect state.componentMap object to match payload.componentMap', () => {
+  //   const openState = {
+  //     componentMap: {
+  //       App: {
+  //         componentName: "App",
+  //         children: ["HomeView"],
+  //         htmlList: [],
+  //       },
+  //       HomeView: {
+  //         componentName: "HomeView",
+  //         children: [],
+  //         htmlList: [],
+  //       },
+  //     },
+  //   };
+  //   mutations[types.SET_COMPONENT_MAP](openState, payload.componentMap);
+  //   expect(openState.componentMap).toMatchObject(payload.componentMap);
+  // });
+
   test('"[types.SET_ROUTES]" mutation expect state.routes object to match payload.routes ', () => {
     const openState = {
       routes: {
         HomeView: [],
       },
     };
-
-    mutations[types.SET_ROUTES](openState, payload.routes);
-    expect(openState.routes).toMatchObject(payload.routes);
+    piniaStore.setRoutes(payload.routes);
+    expect(piniaStore.routes).toMatchObject(payload.routes);
   });
-});
+
+  // test('"[types.SET_ROUTES]" mutation expect state.routes object to match payload.routes ', () => {
+  //   const openState = {
+  //     routes: {
+  //       HomeView: [],
+  //     },
+  //   };
+
+  //   mutations[types.SET_ROUTES](openState, payload.routes);
+  //   expect(openState.routes).toMatchObject(payload.routes);
+  // });
+
+});