fix(browser): support coverage.reportsDirectory with multiple direc…

…tories

packages/ui/client/composables/navigation.ts

@@ -17,16 +17,18 @@ export const coverageEnabled = computed(() => {
 // Handling other cases seems difficult, so this limitation is mentioned in the documentation for now.
 export const coverageUrl = computed(() => {
   if (coverageEnabled.value) {
-    const idx = coverage.value!.reportsDirectory.lastIndexOf('/')
     const htmlReporter = coverage.value!.reporter.find((reporter) => {
       if (reporter[0] !== 'html')
         return undefined
 
       return reporter
     })
+
+    const reportsDirectory = coverage.value!.reportsDirectory.replace(config.value!.root, '')
+
     return htmlReporter && 'subdir' in htmlReporter[1]
-      ? `/${coverage.value!.reportsDirectory.slice(idx + 1)}/${htmlReporter[1].subdir}/index.html`
-      : `/${coverage.value!.reportsDirectory.slice(idx + 1)}/index.html`
+      ? `${reportsDirectory}/${htmlReporter[1].subdir}/index.html`
+      : `${reportsDirectory}/index.html`
   }
 
   return undefined