From 87f8ebd6dbd68d841f8905c8546ad0be037edc31 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 12:45:20 +0900 Subject: [PATCH 01/10] docs: add tip for viewing HTML reports from CI using Zipview Co-Authored-By: Claude Sonnet 4.6 --- docs/guide/ui.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 440f7c78465b..2cb58daf166a 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -53,6 +53,19 @@ npx vite preview --outDir ./html 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. ::: +::: tip Viewing reports from CI +To view an HTML report generated in CI (e.g. GitHub Actions), upload the output directory as a zip artifact: + +```yaml +- uses: actions/upload-artifact@v4 + with: + name: vitest-report + path: html/ +``` + +Then download the artifact zip from the workflow run page and drag-and-drop it into [Zipview](https://zipview.hiro18181.workers.dev/) — a browser-only zip viewer that requires no install or local server. +::: + ## Module Graph Module Graph's tab displays the module graph of the selected test file. From 6342678c7df9787287d69c3a380865dba2dd8375 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 13:05:15 +0900 Subject: [PATCH 02/10] docs: reframe CI HTML report tip to lead with use case and end with Zipview Co-Authored-By: Claude Sonnet 4.6 --- docs/guide/ui.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 2cb58daf166a..0f95c5891150 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -53,8 +53,8 @@ npx vite preview --outDir ./html 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. ::: -::: tip Viewing reports from CI -To view an HTML report generated in CI (e.g. GitHub Actions), upload the output directory as a zip artifact: +::: tip +To view the HTML report from CI, upload the output directory as a zip artifact (e.g. in GitHub Actions): ```yaml - uses: actions/upload-artifact@v4 @@ -63,7 +63,7 @@ To view an HTML report generated in CI (e.g. GitHub Actions), upload the output path: html/ ``` -Then download the artifact zip from the workflow run page and drag-and-drop it into [Zipview](https://zipview.hiro18181.workers.dev/) — a browser-only zip viewer that requires no install or local server. +You can download and extract it, then run `vite preview` locally as above — or open the zip directly in [Zipview](https://zipview.hiro18181.workers.dev/) without any local setup. ::: ## Module Graph From ab3c2ffc3b045609744d03c241dde47e26c4c1d8 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 13:16:09 +0900 Subject: [PATCH 03/10] docs: move GitHub Actions mention earlier and use generic "artifact" term Co-Authored-By: Claude Sonnet 4.6 --- docs/guide/ui.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 0f95c5891150..4cd4a8a5b8bf 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -54,7 +54,7 @@ You can configure output with [`outputFile`](/config/outputfile) config option. ::: ::: tip -To view the HTML report from CI, upload the output directory as a zip artifact (e.g. in GitHub Actions): +To view the HTML report from CI, for example in GitHub Actions, upload the output directory as an artifact: ```yaml - uses: actions/upload-artifact@v4 @@ -63,7 +63,7 @@ To view the HTML report from CI, upload the output directory as a zip artifact ( path: html/ ``` -You can download and extract it, then run `vite preview` locally as above — or open the zip directly in [Zipview](https://zipview.hiro18181.workers.dev/) without any local setup. +Download and extract it, then run `vite preview` locally as above — or open the zip directly in [Zipview](https://zipview.hiro18181.workers.dev/) without any local setup. ::: ## Module Graph From 07b67230a97a5714dc1eec8d8804b8ded1b286b5 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 17:09:28 +0900 Subject: [PATCH 04/10] docs: zipview link as action summary --- docs/guide/ui.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 4cd4a8a5b8bf..4037989d97ef 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -58,12 +58,16 @@ To view the HTML report from CI, for example in GitHub Actions, upload the outpu ```yaml - uses: actions/upload-artifact@v4 + id: upload-report with: name: vitest-report path: html/ + +- name: Report summary + run: echo "[View HTML report on Zipview](https://zipview.hiro18181.workers.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY ``` -Download and extract it, then run `vite preview` locally as above — or open the zip directly in [Zipview](https://zipview.hiro18181.workers.dev/) without any local setup. +This adds a [Zipview](https://zipview.hiro18181.workers.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. ::: ## Module Graph From 9bc267c30d8bb19e1c611352100157278cdcb740 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 17:13:59 +0900 Subject: [PATCH 05/10] ci: demo-html-report --- .github/workflows/ci.yml | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 6ef6d0538d0b..487f50b9b526 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -248,3 +248,30 @@ jobs: name: playwright-report-rolldown path: rolldown/test/ui/test-results/ retention-days: 30 + + demo-html-report: + runs-on: ${{ matrix.os }} + strategy: + matrix: + os: [ubuntu-latest] + node_version: [24] + steps: + - uses: actions/checkout@v6 + + - uses: ./.github/actions/setup-and-cache + with: + node-version: ${{ matrix.node_version }} + + - run: pnpm i + + - run: pnpm run build + + - run: pnpm -C examples/basic test --reporter=html + + - uses: actions/upload-artifact@v4 + id: upload-report + with: + name: vitest-report + path: examples/basic/html/ + + - run: echo "[View HTML report on Zipview](https://zipview.hiro18181.workers.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY From 9465c391b0abaddb03baf4b3378086c1b0d78dd9 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 17:19:59 +0900 Subject: [PATCH 06/10] Revert "ci: demo-html-report" This reverts commit 9bc267c30d8bb19e1c611352100157278cdcb740. --- .github/workflows/ci.yml | 27 --------------------------- 1 file changed, 27 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 487f50b9b526..6ef6d0538d0b 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -248,30 +248,3 @@ jobs: name: playwright-report-rolldown path: rolldown/test/ui/test-results/ retention-days: 30 - - demo-html-report: - runs-on: ${{ matrix.os }} - strategy: - matrix: - os: [ubuntu-latest] - node_version: [24] - steps: - - uses: actions/checkout@v6 - - - uses: ./.github/actions/setup-and-cache - with: - node-version: ${{ matrix.node_version }} - - - run: pnpm i - - - run: pnpm run build - - - run: pnpm -C examples/basic test --reporter=html - - - uses: actions/upload-artifact@v4 - id: upload-report - with: - name: vitest-report - path: examples/basic/html/ - - - run: echo "[View HTML report on Zipview](https://zipview.hiro18181.workers.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY From cf79c500aa14a61b8ce7428b20852a905e9631e5 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 17:39:25 +0900 Subject: [PATCH 07/10] docs: serve Zipview at vitest.dev/zipview via Netlify proxy Co-Authored-By: Claude Sonnet 4.6 --- docs/.vitepress/scripts/pwa.ts | 2 +- docs/guide/ui.md | 4 ++-- netlify.toml | 5 +++++ 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/.vitepress/scripts/pwa.ts b/docs/.vitepress/scripts/pwa.ts index 43369ab0ea9f..b421eef94987 100644 --- a/docs/.vitepress/scripts/pwa.ts +++ b/docs/.vitepress/scripts/pwa.ts @@ -64,7 +64,7 @@ export const pwa: PwaOptions = { }, }, workbox: { - navigateFallbackDenylist: [/^\/new$/], + navigateFallbackDenylist: [/^\/new$/, /^\/zipview/], maximumFileSizeToCacheInBytes: 3 * 1024 * 1024, // <== 3MB globPatterns: ['**/*.{css,js,html,png,svg,ico,txt,woff2,json}'], // Rollup 4 change the layout: don't calculate revision (hash) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 4037989d97ef..bc3393927ed8 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -64,10 +64,10 @@ To view the HTML report from CI, for example in GitHub Actions, upload the outpu path: html/ - name: Report summary - run: echo "[View HTML report on Zipview](https://zipview.hiro18181.workers.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY + run: echo "[View HTML report on Zipview](https://vitest.dev/zipview/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY ``` -This adds a [Zipview](https://zipview.hiro18181.workers.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. +This adds a [Zipview](https://vitest.dev/zipview/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. ::: ## Module Graph diff --git a/netlify.toml b/netlify.toml index e3df27427f4f..cf6e1d8b9b7a 100755 --- a/netlify.toml +++ b/netlify.toml @@ -10,6 +10,11 @@ PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1" # https://github.com/nodejs/corepack/issues/612#issuecomment-2631462297 COREPACK_INTEGRITY_KEYS = '{"npm":[{"expires":"2025-01-29T00:00:00.000Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","keytype":"ecdsa-sha2-nistp256","scheme":"ecdsa-sha2-nistp256","key":"MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAE1Olb3zMAFFxXKHiIkQO5cJ3Yhl5i6UPp+IhuteBJbuHcA5UogKo0EWtlWwW6KSaKoTNEYL7JlCQiVnkhBktUgg=="},{"expires":null,"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","keytype":"ecdsa-sha2-nistp256","scheme":"ecdsa-sha2-nistp256","key":"MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEY6Ya7W++7aUPzvMTrezH6Ycx3c+HOKYCcNGybJZSCJq/fd7Qa8uuAKtdIkUQtQiEKERhAmE5lMMJhP8OkDOa2g=="}]}' +[[redirects]] +from = "/zipview/*" +to = "https://zipview.hiro18181.workers.dev/:splat" +status = 200 + [[redirects]] from = "/new" to = "https://stackblitz.com/fork/github/vitest-dev/vitest/tree/main/examples/basic?initialPath=__vitest__/" From 181825874dcd5a419b6525e8c625039efb000b34 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 17:57:27 +0900 Subject: [PATCH 08/10] chore: to zipview.vitest.dev --- docs/.vitepress/scripts/pwa.ts | 2 +- docs/guide/ui.md | 4 ++-- netlify.toml | 5 ----- 3 files changed, 3 insertions(+), 8 deletions(-) diff --git a/docs/.vitepress/scripts/pwa.ts b/docs/.vitepress/scripts/pwa.ts index b421eef94987..43369ab0ea9f 100644 --- a/docs/.vitepress/scripts/pwa.ts +++ b/docs/.vitepress/scripts/pwa.ts @@ -64,7 +64,7 @@ export const pwa: PwaOptions = { }, }, workbox: { - navigateFallbackDenylist: [/^\/new$/, /^\/zipview/], + navigateFallbackDenylist: [/^\/new$/], maximumFileSizeToCacheInBytes: 3 * 1024 * 1024, // <== 3MB globPatterns: ['**/*.{css,js,html,png,svg,ico,txt,woff2,json}'], // Rollup 4 change the layout: don't calculate revision (hash) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index bc3393927ed8..f054ca5c39a9 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -64,10 +64,10 @@ To view the HTML report from CI, for example in GitHub Actions, upload the outpu path: html/ - name: Report summary - run: echo "[View HTML report on Zipview](https://vitest.dev/zipview/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY + run: echo "[View HTML report on Zipview](https://zipview.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY ``` -This adds a [Zipview](https://vitest.dev/zipview/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. +This adds a [Zipview](https://zipview.vitest.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. ::: ## Module Graph diff --git a/netlify.toml b/netlify.toml index cf6e1d8b9b7a..e3df27427f4f 100755 --- a/netlify.toml +++ b/netlify.toml @@ -10,11 +10,6 @@ PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1" # https://github.com/nodejs/corepack/issues/612#issuecomment-2631462297 COREPACK_INTEGRITY_KEYS = '{"npm":[{"expires":"2025-01-29T00:00:00.000Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","keytype":"ecdsa-sha2-nistp256","scheme":"ecdsa-sha2-nistp256","key":"MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAE1Olb3zMAFFxXKHiIkQO5cJ3Yhl5i6UPp+IhuteBJbuHcA5UogKo0EWtlWwW6KSaKoTNEYL7JlCQiVnkhBktUgg=="},{"expires":null,"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","keytype":"ecdsa-sha2-nistp256","scheme":"ecdsa-sha2-nistp256","key":"MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEY6Ya7W++7aUPzvMTrezH6Ycx3c+HOKYCcNGybJZSCJq/fd7Qa8uuAKtdIkUQtQiEKERhAmE5lMMJhP8OkDOa2g=="}]}' -[[redirects]] -from = "/zipview/*" -to = "https://zipview.hiro18181.workers.dev/:splat" -status = 200 - [[redirects]] from = "/new" to = "https://stackblitz.com/fork/github/vitest-dev/vitest/tree/main/examples/basic?initialPath=__vitest__/" From 1861ca2df08dc8d7ee2c8f79f39433786268ec81 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 18:48:38 +0900 Subject: [PATCH 09/10] docs: update Zipview URL to viewer.vitest.dev Co-Authored-By: Claude Sonnet 4.6 --- docs/guide/ui.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index f054ca5c39a9..2ad0ed228fce 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -64,10 +64,10 @@ To view the HTML report from CI, for example in GitHub Actions, upload the outpu path: html/ - name: Report summary - run: echo "[View HTML report on Zipview](https://zipview.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY + run: echo "[View HTML report on Zipview](https://viewer.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY ``` -This adds a [Zipview](https://zipview.vitest.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. +This adds a [Zipview](https://viewer.vitest.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. ::: ## Module Graph From ec6728862877757bc0f7b6cfc975ec0af5dcbd2e Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 30 Mar 2026 19:01:10 +0900 Subject: [PATCH 10/10] docs: tweak --- docs/guide/ui.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/guide/ui.md b/docs/guide/ui.md index 2ad0ed228fce..780308562dbc 100644 --- a/docs/guide/ui.md +++ b/docs/guide/ui.md @@ -63,11 +63,11 @@ To view the HTML report from CI, for example in GitHub Actions, upload the outpu name: vitest-report path: html/ -- name: Report summary - run: echo "[View HTML report on Zipview](https://viewer.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY +- name: Viewer link in summary + run: echo "[View HTML report](https://viewer.vitest.dev/?url=${{ steps.upload-report.outputs.artifact-url }})" >> $GITHUB_STEP_SUMMARY ``` -This adds a [Zipview](https://viewer.vitest.dev/) link to the job summary. Click it to open the zip directly on browser — or download and extract it, then run `vite preview` locally as above. +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. ::: ## Module Graph