[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite.
vitest.dev
test
testing-tools
vite
docs: add tip for using HTML reporter on CI (#10023)
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
authored by
Hiroshi Ogawa
Claude Sonnet 4.6
and committed by
GitHub
(Mar 31, 2026, 9:55 AM +0900)
d0f042f2
146d4f0a
+17
+17
docs/guide/ui.md
+17
docs/guide/ui.md
···
53
53
You can configure output with [`outputFile`](/config/outputfile) config option. You need to specify `.html` path there. For example, `./html/index.html` is the default value.
54
54
:::
55
55
56
+
::: tip
57
+
To view the HTML report from CI, for example in GitHub Actions, upload the output directory as an artifact:
58
+
59
+
```yaml
60
+
- uses: actions/upload-artifact@v4
61
+
id: upload-report
62
+
with:
63
+
name: vitest-report
64
+
path: html/
65
+
66
+
- name: Viewer link in summary
67
+
run: echo "[View HTML report](https://viewer.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY
68
+
```
69
+
70
+
This adds a link to the job summary. Click it to open the report in [Vitest Viewer](https://viewer.vitest.dev/) directly in the browser. You can also download the artifact manually and extract it, then run `vite preview` locally as above.
71
+
:::
72
+
56
73
## Module Graph
57
74
58
75
Module Graph's tab displays the module graph of the selected test file.