pr comments / coverage

Author: JulienChampagnol

components/PackagesVersions.vue

@@ -19,21 +19,21 @@
 </template>
 
 <script setup>
-  const infra_store = use_infra_store()
+  import Status from "@/utils/status.js"
 
   const props = defineProps({
     schema: { type: Object, required: true },
   })
-  const { schema } = props
 
+  const geode_store = use_geode_store()
   const packages_versions = ref([])
 
   async function get_packages_versions() {
     const array_promise = []
 
     const promise = new Promise((resolve, reject) => {
       api_fetch(
-        { schema },
+        { schema: props.schema },
         {
           request_error_function: () => {
             reject()
@@ -52,8 +52,8 @@
     await Promise.all(array_promise)
   }
 
-  watch(infra_store.status, () => {
-    get_packages_versions()
+  watch(geode_store.status, (value) => {
+    if (value == Status.CONNECTED) get_packages_versions()
   })
 
   await get_packages_versions()

composables/run_function_when_microservices_connected.js

@@ -1,5 +1,3 @@
-import Status from "@/utils/status.js"
-
 export function run_function_when_microservices_connected(function_to_run) {
   const infra_store = use_infra_store()
   const { microservices_connected } = storeToRefs(infra_store)

package.json

@@ -10,6 +10,7 @@
     "@nuxt/test-utils": "^3.15.1",
     "@pinia/testing": "^0.1.7",
     "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "^3.0.8",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.29.1",
@@ -73,4 +74,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

test/components/Launcher.nuxt.test.js

@@ -1,38 +1,47 @@
-// // @vitest-environment nuxt
-
-// import { describe, expect, test, vi } from "vitest"
-// import { flushPromises } from "@vue/test-utils"
-// import { mountSuspended } from "@nuxt/test-utils/runtime"
-
-// import { createVuetify } from "vuetify"
-// import * as components from "vuetify/components"
-// import * as directives from "vuetify/directives"
-
-// import Launcher from "@/components/Launcher.vue"
-
-// const vuetify = createVuetify({
-//   components,
-//   directives,
-// })
-
-// const infra_store = use_infra_store()
-
-// global.ResizeObserver = require("resize-observer-polyfill")
-
-// describe("Launcher.vue", async () => {
-//   test(`Mount`, async () => {
-//     const spy_infra_store = vi.spyOn(infra_store, "create_backend")
-//     const wrapper = await mountSuspended(Launcher, {
-//       global: {
-//         plugins: [vuetify],
-//       },
-//     })
-//     expect(wrapper.exists()).toBe(true)
-//     await infra_store.$patch({ is_captcha_validated: true })
-//     flushPromises()
-//     expect(spy_infra_store).toHaveBeenCalled()
-//   })
-// })
-describe("Fake", async () => {
-  test(`Fake`, async () => {})
+// @vitest-environment nuxt
+
+import { describe, expect, test, vi } from "vitest"
+import { flushPromises } from "@vue/test-utils"
+import { mountSuspended } from "@nuxt/test-utils/runtime"
+
+import { createVuetify } from "vuetify"
+import * as components from "vuetify/components"
+import * as directives from "vuetify/directives"
+
+import Launcher from "@/components/Launcher.vue"
+
+const vuetify = createVuetify({
+  components,
+  directives,
+})
+
+const infra_store = use_infra_store()
+
+// Mock navigator.locks API
+const mockLockRequest = vi.fn().mockImplementation(async (name, callback) => {
+  return callback({ name })
+})
+
+vi.stubGlobal("navigator", {
+  ...navigator,
+  locks: {
+    request: mockLockRequest,
+  },
+})
+
+global.ResizeObserver = require("resize-observer-polyfill")
+
+describe("Launcher.vue", async () => {
+  test(`Mount`, async () => {
+    const spy_infra_store = vi.spyOn(infra_store, "create_backend")
+    const wrapper = await mountSuspended(Launcher, {
+      global: {
+        plugins: [vuetify],
+      },
+    })
+    expect(wrapper.exists()).toBe(true)
+    await infra_store.$patch({ is_captcha_validated: true })
+    flushPromises()
+    expect(spy_infra_store).toHaveBeenCalled()
+  })
 })