Coverage report should be refreshed in the UI when tests are re-run

[sdelpuerto-intelygenz]

Clear and concise description of the problem

When running vitest with the --ui and --coverage options, there is no convenient way to see changes to the coverage report through the UI.

Suggested solution

It would be great if the coverage report was refreshed every time it's updated, just like the test results are, without user intervention.

Alternative

Alternatively, the currently open report could be synced to the URL. That way the user can refresh the window and not have to navigate back to the report they were looking at earlier, but this still requires user intervention.

Additional context

The way it currently works, I'd rather have a new tab open when I click on the coverage button on the UI, rather than show an iframe that doesn't automatically refresh or stay synced with the URL. Being able to have this behavior could also be a potential solution.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[userquin]

since coverage is static we'll need to add no cache headers for any resource in the middleware, working on it...

[sdelpuerto-intelygenz]

Thanks for looking into this. Since your changes haven't been released yet, I tried them locally with a PNPM patch, but the coverage report still doesn't refresh for me. Am I missing anything?

[userquin]

@sdelpuerto-intelygenz maybe we should add some random/timestamp in the iframe coverage url:
https://github.com/vitest-dev/vitest/blob/main/packages/ui/client/pages/index.vue#L30

Something like this in root page:

const useCoverageUrl = computed(() => {
  // force change coverage url
  return coverageVisible.value ? `${coverageUrl.value}?v=${Math.random()}`: `${coverageUrl.value}?v=${Math.random()}`
})
</script>

then change also src attr:

          <Coverage v-else-if="coverageVisible" key="coverage" :src="useCoverageUrl" />

[userquin]

cannot reproduce it:

undoing changes, re-running tests and selecting again the coverage works: myabe we can send the user to dashboard when re-running all or some tests forcing the user to select coverage again.

[userquin]

if you're on the coverage page, it will not refresh, I'll try to reload coverage page once re-run finish...