Import schemas dynamically : tests

Co-authored-by: Julien Champagnol <[email protected]>

Author: SpliiT

components/CrsSelector.vue

@@ -66,12 +66,13 @@
   async function get_crs_table() {
     const params = { input_geode_object }
     toggle_loading()
-
+    console.log("get_crs_table")
     await api_fetch(
       { schema, params },
       {
         response_function: (response) => {
           crs_list.value = response._data.crs_list
+          console.log("crs_list", response._data.crs_list)
         },
       },
     )

components/MissingFilesSelector.vue

@@ -27,7 +27,7 @@
       <v-col cols="12">
         <FileUploader
           v-bind="{ multiple, accept }"
-          @files_uploaded="files_uploaded"
+          @files_uploaded="files_uploaded_event"
         />
       </v-col>
     </v-row>
@@ -69,6 +69,7 @@
   const toggle_loading = useToggle(loading)
 
   function files_uploaded_event(value) {
+    console.log("update_values")
     emit("update_values", { additional_files: value })
     missing_files()
   }

composables/api_fetch.js

@@ -26,14 +26,7 @@ export function api_fetch(
     throw new Error(schema.$id.concat(": ", ajv.errorsText()))
   }
   geode_store.start_request()
-  var methods = []
-  for (const method of schema.methods) {
-    methods.push(method)
-  }
-  const indexOf = methods.indexOf("OPTIONS")
-  const splice = methods.splice(indexOf, 1)
-  const method = splice[0]
-
+  const method = schema.methods.filter((m) => m !== "OPTIONS")[0]
   const request_options = {
     method: method,
   }

test/components/CrsSelector.nuxt.test.js

@@ -8,15 +8,16 @@ import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
 import CrsSelector from "@/components/CrsSelector.vue"
-import schema from "@/assets/schemas/CrsSelector.json"
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const crs_selector_schema =
+  schemas.opengeodeweb_back.geographic_coordinate_systems
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("CrsSelector.vue", async () => {
   test(`BRep`, async () => {
     const crs_list = [
@@ -26,8 +27,8 @@ describe("CrsSelector.vue", async () => {
         name: "Anguilla 1957 / British West Indies Grid",
       },
     ]
-    registerEndpoint(schema.$id, {
-      method: schema.method,
+    registerEndpoint(crs_selector_schema.$id, {
+      method: crs_selector_schema.methods.filter((m) => m !== "OPTIONS")[0],
       handler: () => ({
         crs_list,
       }),
@@ -40,8 +41,10 @@ describe("CrsSelector.vue", async () => {
       props: { input_geode_object: "BRep", key_to_update },
     })
     const td = await wrapper.find("td")
-    const imput = await td.find("input")
-    await imput.trigger("click")
+    await wrapper.vm.$nextTick()
+    const input = await td.find("input")
+    console.log("toto", input)
+    await input.trigger("click")
     expect(wrapper.emitted()).toHaveProperty("update_values")
     expect(wrapper.emitted().update_values).toHaveLength(1)
     expect(wrapper.emitted().update_values[0][0]).toEqual({

test/components/ExtensionSelector.nuxt.test.js

@@ -8,23 +8,24 @@ import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
 import ExtensionSelector from "@/components/ExtensionSelector.vue"
-import schema from "@/assets/schemas/ExtensionSelector.json"
-import { flushPromises } from "@vue/test-utils"
+
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const geode_objects_and_output_extensions =
+  schemas.opengeodeweb_back.geode_objects_and_output_extensions
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("ExtensionSelector.vue", async () => {
   test(`Select geode_object & extension`, async () => {
     const output_geode_object = "BRep"
     const output_extension = "msh"
 
-    registerEndpoint(schema.$id, {
-      method: schema.method,
+    registerEndpoint(geode_objects_and_output_extensions.$id, {
+      method: geode_objects_and_output_extensions.methods[0],
       handler: () => ({
         geode_objects_and_output_extensions: {
           BRep: { msh: { is_saveable: true } },

test/components/FileSelector.nuxt.test.js

@@ -10,19 +10,21 @@ import * as directives from "vuetify/directives"
 
 import FileSelector from "@/components/FileSelector.vue"
 import FileUploader from "@/components/FileUploader.vue"
-import schema from "@/assets/schemas/FileSelector.json"
+
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const allowed_files_schema = schemas.opengeodeweb_back.allowed_files
+const upload_file_schema = schemas.opengeodeweb_back.upload_file
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("FileSelector.vue", async () => {
   test(`Select file`, async () => {
-    registerEndpoint(schema.$id, {
-      method: schema.method,
+    registerEndpoint(allowed_files_schema.$id, {
+      method: allowed_files_schema.methods[0],
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
@@ -36,8 +38,8 @@ describe("FileSelector.vue", async () => {
 
     const file_uploader = wrapper.findComponent(FileUploader)
 
-    registerEndpoint("/upload", {
-      method: "PUT",
+    registerEndpoint(upload_file_schema.$id, {
+      method: upload_file_schema.methods[1],
       handler: () => ({}),
     })
 

test/components/FileUploader.nuxt.test.js

@@ -10,17 +10,19 @@ import * as directives from "vuetify/directives"
 
 import FileUploader from "@/components/FileUploader.vue"
 
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const upload_file_schema = schemas.opengeodeweb_back.upload_file
+
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("FileUploader.vue", async () => {
   test(`Upload file`, async () => {
-    registerEndpoint("/upload", {
-      method: "PUT",
+    registerEndpoint(upload_file_schema.$id, {
+      method: upload_file_schema.methods[0],
       handler: () => ({}),
     })
     const wrapper = await mountSuspended(FileUploader, {
@@ -35,6 +37,12 @@ describe("FileUploader.vue", async () => {
     await v_file_input.setValue(files)
     await v_file_input.trigger("change")
     const v_btn = wrapper.findComponent(components.VBtn)
+
+    registerEndpoint(upload_file_schema.$id, {
+      method: upload_file_schema.methods[1],
+      handler: () => ({}),
+    })
+
     await v_btn.trigger("click")
     await flushPromises()
     expect(wrapper.emitted().files_uploaded[0][0]).toEqual(files)

test/components/MissingFilesSelector.nuxt.test.js

@@ -11,19 +11,20 @@ import * as directives from "vuetify/directives"
 import MissingFilesSelector from "@/components/MissingFilesSelector.vue"
 import FileUploader from "@/components/FileUploader.vue"
 
-import schema from "@/assets/schemas/MissingFilesSelector.json"
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const missing_files_schema = schemas.opengeodeweb_back.missing_files
+const upload_file_schema = schemas.opengeodeweb_back.upload_file
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("MissingFilesSelector.vue", async () => {
   test(`Select file`, async () => {
-    registerEndpoint(schema.$id, {
-      method: schema.method,
+    registerEndpoint(missing_files_schema.$id, {
+      method: missing_files_schema.methods[0],
       handler: () => ({
         has_missing_files: true,
         mandatory_files: ["fake_file.txt"],
@@ -38,7 +39,6 @@ describe("MissingFilesSelector.vue", async () => {
         multiple: false,
         input_geode_object: "BRep",
         filenames: ["fake_file.txt"],
-        route: "/upload_file",
       },
     })
 
@@ -52,8 +52,8 @@ describe("MissingFilesSelector.vue", async () => {
     await v_file_input.trigger("change")
     const v_btn = file_uploader.findComponent(components.VBtn)
 
-    registerEndpoint("/upload_file", {
-      method: "PUT",
+    registerEndpoint(upload_file_schema.$id, {
+      method: upload_file_schema.methods[1],
       handler: () => ({}),
     })
     await v_btn.trigger("click")

test/components/ObjectSelector.nuxt.test.js

@@ -9,26 +9,25 @@ import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
 import ObjectSelector from "@/components/ObjectSelector.vue"
-import schema from "@/assets/schemas/ObjectSelector.json"
-import geode_objects from "@/assets/geode_objects"
+
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+
+const allowed_objects = schemas.opengeodeweb_back.allowed_objects
 
 const vuetify = createVuetify({
   components,
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
-// for (const [geode_object] of Object.entries(geode_objects)) {
 const geode_object = "BRep"
 describe("ObjectSelector.vue", async () => {
   test(`BRep`, async () => {
     var response = {
       allowed_objects: {},
     }
     response["allowed_objects"][geode_object] = { is_loadable: true }
-    registerEndpoint(schema.$id, {
-      method: schema.method,
+    registerEndpoint(allowed_objects.$id, {
+      method: allowed_objects.methods[0],
       handler: () => response,
     })
     const wrapper = await mountSuspended(ObjectSelector, {

test/components/PackagesVersions.nuxt.test.js

@@ -14,19 +14,17 @@ const vuetify = createVuetify({
   directives,
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
-
 describe("PackagesVersions.vue", async () => {
   test(`Mount`, async () => {
     const schema = {
       $id: "/versions",
-      method: "GET",
+      methods: ["GET"],
       type: "object",
       properties: {},
       additionalProperties: false,
     }
     registerEndpoint(schema.$id, {
-      method: schema.method,
+      method: schema.methods[0],
       handler: () => ({
         versions: [
           {