fix tests

Author: JulienChampagnol

components/Inspector/InspectionButton.vue

@@ -24,8 +24,8 @@
     "decrement_step",
   ])
   const props = defineProps({
-    input_geode_object: { type: String, required: false },
-    filename: { type: String, required: false },
+    input_geode_object: { type: String, required: true },
+    filename: { type: String, required: true },
   })
   const loading = ref(false)
   const toggle_loading = useToggle(loading)

components/Inspector/ResultPanel.vue

@@ -24,7 +24,7 @@
             v-if="result.children"
             :inspection_result="result.children"
           />
-          <v-container v-if="result.nb_issues > 0">
+          <v-container v-if="result.issues">
             <v-col>
               <v-row
                 v-for="(issue, index) in result.issues"
@@ -50,6 +50,6 @@
   onMounted(async () => {
     opened_panels.value = props.inspection_result
       .map((result, i) => (result.nb_issues > 0 ? i : -1))
-      .filter((index) => index !== false)
+      .filter((index) => index !== -1)
   })
 </script>

package.json

@@ -7,7 +7,7 @@
     "geode_objects": "node scripts/generate_geode_objects.js && prettier ./assets/geode_objects.js --write"
   },
   "devDependencies": {
-    "@nuxt/test-utils": "^3.12.1",
+    "@nuxt/test-utils": "^3.12.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitest/coverage-v8": "^1.4.0",
     "@vue/test-utils": "^2.4.5",
@@ -40,19 +40,19 @@
   "dependencies": {
     "@geode/opengeodeweb-back": "4.1.0",
     "@geode/opengeodeweb-viewer": "0.1.1",
-    "@kitware/vtk.js": "^30.4.1",
+    "@kitware/vtk.js": "^30.3.1",
     "@mdi/font": "^7.4.47",
     "@pinia/nuxt": "^0.5.1",
-    "@types/node": "^20.12.7",
+    "@types/node": "^20.12.4",
     "@vueuse/components": "^10.9.0",
     "@vueuse/nuxt": "^10.9.0",
-    "ajv": "^8.13.0",
+    "ajv": "^8.12.0",
     "pinia": "^2.1.7",
-    "sass": "^1.75.0",
+    "sass": "^1.74.1",
     "semver": "^7.6.0",
     "vue-recaptcha": "^2.0.3",
     "vue3-carousel": "^0.3.3",
-    "vuetify": "^3.5.17"
+    "vuetify": "^3.5.14"
   },
   "repository": {
     "type": "git",

test/components/ErrorsBanner.nuxt.test.js renamed to test/components/Errors/ErrorsBanner.nuxt.test.js

@@ -1,7 +1,7 @@
 // @vitest-environment nuxt
 
 import { describe, expect, test } from "vitest"
-import { flushPromises, mount } from "@vue/test-utils"
+import { mount } from "@vue/test-utils"
 import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
@@ -11,16 +11,30 @@ import ErrorsSnackers from "@/components/Errors/Snackers.vue"
 const vuetify = createVuetify({
   components,
   directives,
+  layout: {
+    name: "custom",
+    render(h, children) {
+      return h("div", {}, children)
+    },
+  },
 })
 
 describe("ErrorsSnackers.vue", async () => {
   test(`Test delete error`, async () => {
-    const wrapper = await mount(ErrorsSnackers, {
-      global: {
-        plugins: [vuetify],
+    const wrapper = mount(
+      {
+        template: "<v-layout><ErrorsSnackers/></v-layout>",
       },
-    })
-    console.log("wrapper", wrapper.componentVM)
+      {
+        props: {},
+        global: {
+          components: {
+            ErrorsSnackers,
+          },
+          plugins: [vuetify],
+        },
+      },
+    )
 
     const errors_store = use_errors_store()
     const error = {
@@ -30,12 +44,8 @@ describe("ErrorsSnackers.vue", async () => {
       description: "Test desription",
     }
     await errors_store.add_error(error)
-    await flushPromises()
     expect(errors_store.errors.length).toBe(1)
-    console.log("errors_store.errors", errors_store.errors)
     const v_btn = await wrapper.findComponent(components.VBtn)
-    console.log("v_btn", v_btn)
-
     await v_btn.trigger("click")
     expect(errors_store.errors.length).toBe(0)
   })

test/components/ErrorsSnackers.nuxt.test.js renamed to test/components/Errors/ErrorsSnackers.nuxt.test.js

@@ -0,0 +1,68 @@
+// @vitest-environment nuxt
+
+import { describe, expect, test } from "vitest"
+import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
+import { mount } from "@vue/test-utils"
+import { flushPromises } from "@vue/test-utils"
+
+import { createVuetify } from "vuetify"
+import * as components from "vuetify/components"
+import * as directives from "vuetify/directives"
+
+import InspectorInspectionButton from "@/components/Inspector/InspectionButton.vue"
+import schemas from "@geode/opengeodeweb-back/schemas.json"
+const schema = schemas.opengeodeweb_back.inspect_file
+
+const vuetify = createVuetify({
+  components,
+  directives,
+})
+
+describe("Inspector/InspectionButton.vue", async () => {
+  test(`Test with issues`, async () => {
+    var inspection_result = {
+      title: "Brep inspection",
+      nb_issues: 3,
+      children: [
+        {
+          title: "Brep inspection",
+          nb_issues: 2,
+          issues: ["issue 1", "issue 2"],
+        },
+        {
+          title: "Brep inspection",
+          nb_issues: 1,
+          issues: ["issue 1"],
+        },
+      ],
+    }
+
+    registerEndpoint(schema.$id, {
+      method: schema.methods[0],
+      handler: () => ({
+        inspection_result,
+      }),
+    })
+    const input_geode_object = "BRep"
+    const filename = "test.txt"
+
+    const wrapper = await mountSuspended(InspectorInspectionButton, {
+      global: {
+        plugins: [vuetify],
+      },
+      props: { input_geode_object, filename },
+    })
+
+    expect(wrapper.exists()).toBe(true)
+    const v_btn = await wrapper.findComponent(components.VBtn)
+    await v_btn.trigger("click")
+    await flushPromises()
+
+    expect(wrapper.emitted()).toHaveProperty("update_values")
+    expect(wrapper.emitted().update_values).toHaveLength(1)
+    expect(wrapper.emitted().update_values[0][0]).toStrictEqual({
+      inspection_result: [inspection_result],
+    })
+    expect(wrapper.emitted()).toHaveProperty("increment_step")
+  })
+})

test/components/Inspector/InspectionButon.nuxt.test.js

@@ -50,7 +50,6 @@ describe("Inspector/ResultPanel.vue", async () => {
       {
         title: "Brep inspection",
         nb_issues: 0,
-        children: [],
       },
     ]
     const wrapper = await mountSuspended(InspectorResultPanel, {