Update Quasar tests

Author: ValentinCrochemore

src/generators/QuasarGenerator.js

@@ -13,7 +13,7 @@ export default class extends BaseGenerator {
       "utils/mercure.ts",
     ]);
 
-    this.registerTemplates(`quasar/`, [
+    this.registerTemplates("quasar/", [
       // common components
       "components/common/ActionCellComponent.vue",
       "components/common/BreadcrumbComponent.vue",
@@ -191,17 +191,17 @@ export default {
       const paramIndex = fields.findIndex((field) => field.name === p.variable);
       if (paramIndex === -1) {
         if (p.variable.startsWith("order[")) {
-          var v = p.variable.slice(6, -1);
-          var found = fields.findIndex((field) => field.name === v);
+          let v = p.variable.slice(6, -1);
+          let found = fields.findIndex((field) => field.name === v);
           if (found !== -1) {
             fields[found].sortable = true;
           }
           return;
         }
 
         if (p.variable.startsWith("exists[")) {
-          var exists = p.variable.slice(7, -1);
-          var foundExistsFieldIndex = fields.findIndex(
+          let exists = p.variable.slice(7, -1);
+          let foundExistsFieldIndex = fields.findIndex(
             (field) => field.name === exists
           );
           if (foundExistsFieldIndex !== -1) {
@@ -244,7 +244,10 @@ export default {
     [
       `${dir}/components/common`,
       `${dir}/composables`,
+      `${dir}/i18n`,
+      `${dir}/i18n/en-US`,
       `${dir}/config`,
+      `${dir}/router`,
       `${dir}/types`,
       `${dir}/utils`,
     ].forEach((dir) => this.createDir(dir, false));

src/generators/QuasarGenerator.test.js

@@ -7,7 +7,7 @@ import QuasarGenerator from "./QuasarGenerator.js";
 
 const dirname = path.dirname(fileURLToPath(import.meta.url));
 
-test("Generate a Quasar app", () => {
+test("Generate a Quasar app", async () => {
   const generator = new QuasarGenerator({
     hydraPrefix: "hydra:",
     templateDirectory: `${dirname}/../../templates`,
@@ -21,6 +21,7 @@ test("Generate a Quasar app", () => {
       reference: null,
       required: true,
       description: "An URL",
+      type: "string",
     }),
   ];
   const resource = new Resource("abc", "http://example.com/foos", {
@@ -37,60 +38,63 @@ test("Generate a Quasar app", () => {
     title: "My API",
     resources: [resource],
   });
-  generator
-    .generate(api, resource, tmpobj.name)
-    .then(() => {
-      expect(fs.existsSync(tmpobj.name + "/components/foo/Create.vue")).toBe(
-        true
-      );
-      expect(fs.existsSync(tmpobj.name + "/components/foo/Form.vue")).toBe(
-        true
-      );
-      expect(fs.existsSync(tmpobj.name + "/components/foo/List.vue")).toBe(
-        true
-      );
-      expect(fs.existsSync(tmpobj.name + "/components/foo/Show.vue")).toBe(
-        true
-      );
-      expect(fs.existsSync(tmpobj.name + "/components/foo/Update.vue")).toBe(
-        true
-      );
 
-      expect(fs.existsSync(tmpobj.name + "/config/entrypoint.js")).toBe(true);
+  await generator.generate(api, resource, tmpobj.name, []);
 
-      expect(fs.existsSync(tmpobj.name + "/error/SubmissionError.js")).toBe(
-        true
-      );
+  // common components
+  [
+    "ActionCell",
+    "Breadcrumb",
+    "ConfirmDelete",
+    "DataFilter",
+    "FormRepeater",
+    "Loading",
+    "Toolbar",
+  ].forEach((name) => {
+    expect(
+      fs.existsSync(`${tmpobj.name}/components/common/${name}Component.vue`)
+    ).toBe(true);
+  });
+
+  // components
+  ["Create", "Form", "List", "Show", "Update"].forEach((name) => {
+    expect(
+      fs.existsSync(`${tmpobj.name}/components/foo/${name}Component.vue`)
+    ).toBe(true);
+  });
+
+  // i18n
+  expect(fs.existsSync(`${tmpobj.name}/i18n/en-US/common.ts`)).toBe(true);
+  expect(fs.existsSync(`${tmpobj.name}/i18n/en-US/foo.ts`)).toBe(true);
+
+  // pages
+  ["Create", "List", "Show", "Update"].forEach((name) => {
+    expect(fs.existsSync(`${tmpobj.name}/pages/foo/${name}Page.vue`)).toBe(
+      true
+    );
+  });
+
+  // router
+  expect(fs.existsSync(`${tmpobj.name}/router/foo.ts`)).toBe(true);
+
+  // stores
+  ["create", "delete", "list", "show", "update"].forEach((name) => {
+    expect(fs.existsSync(`${tmpobj.name}/stores/foo/${name}.ts`)).toBe(true);
+  });
+
+  // types
+  ["breadcrumb", "collection", "error", "foo", "item", "list", "view"].forEach(
+    (name) => {
+      expect(fs.existsSync(`${tmpobj.name}/types/${name}.ts`)).toBe(true);
+    }
+  );
 
-      expect(fs.existsSync(tmpobj.name + "/router/foo.js")).toBe(true);
+  // utils
+  expect(fs.existsSync(`${tmpobj.name}/utils/date.ts`)).toBe(true);
+  expect(fs.existsSync(`${tmpobj.name}/utils/fetch.ts`)).toBe(true);
 
-      expect(fs.existsSync(tmpobj.name + "/store/modules/foo/index.js")).toBe(
-        true
-      );
+  // config
+  expect(fs.existsSync(`${tmpobj.name}/config/entrypoint.ts`)).toBe(true);
 
-      ["create", "delete", "list", "show", "update"].forEach((action) => {
-        expect(
-          fs.existsSync(`${tmpobj.name}/store/modules/foo/${action}/actions.js`)
-        ).toBe(true);
-        expect(
-          fs.existsSync(`${tmpobj.name}/store/modules/foo/${action}/getters.js`)
-        ).toBe(true);
-        expect(
-          fs.existsSync(`${tmpobj.name}/store/modules/foo/${action}/index.js`)
-        ).toBe(true);
-        expect(
-          fs.existsSync(
-            `${tmpobj.name}/store/modules/foo/${action}/mutation_types.js`
-          )
-        ).toBe(true);
-        expect(
-          fs.existsSync(
-            `${tmpobj.name}/store/modules/foo/${action}/mutations.js`
-          )
-        ).toBe(true);
-      });
-      expect(fs.existsSync(tmpobj.name + "/utils/fetch.js")).toBe(true);
-      tmpobj.removeCallback();
-    })
-    .catch(() => {});
+  tmpobj.removeCallback();
 });