feat: support opening html trace view by hi-ogawa · Pull Request #811 · vitest-dev/vscode

hi-ogawa · 2026-09-03T09:11:11Z

This PR add per-test actions to open trace view focused layout of html report in an extension-managed webview. The webview tab is reused when switching tests and auto reselects/refreshes when the report is regenerated.

Screen.Recording.2026-09-08.at.19.36.03.mov

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> # Conflicts: # packages/shared/src/index.ts # packages/worker-legacy/src/index.ts # packages/worker/src/index.ts

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

hi-ogawa

Actually there might be a big ergonomic issues with multiple test cases. This requires users to re-opening browser view for each test. 🤔

sheremet-va · 2026-09-07T08:29:14Z

Actually there might be a big ergonomic issues with multiple test cases. This requires users to re-opening browser view for each test. 🤔

Ideally we should have a webview like playwright has for the best DX. I had a prototype for it, but never pushed

hi-ogawa · 2026-09-07T08:58:10Z

Actually there might be a big ergonomic issues with multiple test cases. This requires users to re-opening browser view for each test. 🤔

Ideally we should have a webview like playwright has for the best DX. I had a prototype for it, but never pushed

Push that please 😃

sheremet-va · 2026-09-07T09:08:57Z

Actually there might be a big ergonomic issues with multiple test cases. This requires users to re-opening browser view for each test. 🤔

Ideally we should have a webview like playwright has for the best DX. I had a prototype for it, but never pushed

Push that please 😃

Had to merge conflicts, not sure if it works: #818

The initial idea was to have it for settings, but we can enhance it. Feel free to use the code from there, I don't think I will finish it 😄

* feat: prototype reusable trace webview Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * refactor: simplify trace webview navigation Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * fix: preserve trace webview origin and allow Google Fonts Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * fix: select available traces when refreshing the report Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * fix: preserve trace step when refreshing the same test Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * docs: simplify trace view description Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * docs: remove trace webview prototype note Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> * fix: remove trace webview padding Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> * fix: restore light trace background Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> * feat: use focused trace layout Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> * docs: update trace view screenshot Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> * fix: preserve trace attempt on refresh Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> * refactor: extract trace webview HTML transform Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: build trace selection hash directly Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: remove trace metadata cache busting Co-authored-by: Codex (GPT-6) <noreply@openai.com> * docs: clarify trace metadata URL comment Co-authored-by: Codex (GPT-6) <noreply@openai.com> * docs: clarify trace asset URL comment Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: extract trace webview CSP string Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: inline webview CSP source Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: extract trace webview CSS string Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: extract trace webview bootstrap Co-authored-by: Codex (GPT-6) <noreply@openai.com> * nit * nit * refactor: reload webview when opening traces Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: name debounced trace refresh Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: simplify trace hash serialization Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: clarify trace view URL hash names Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: inline trace URL hash serialization Co-authored-by: Codex (GPT-6) <noreply@openai.com> * nit * refactor: separate trace reconciliation from refresh Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: reconcile trace target on results update Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: type trace selection message Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: type trace message receiver Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: remove trace message payload validation Co-authored-by: Codex (GPT-6) <noreply@openai.com> * nit * refactor: align trace selection message fields Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: follow latest trace report Co-authored-by: Codex (GPT-6) <noreply@openai.com> * fix: refresh trace reports from filesystem events Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: group active trace view state Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: simplify trace target updates Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: clarify trace view state naming Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: remove redundant trace target assignment Co-authored-by: Codex (GPT-6) <noreply@openai.com> * fix: restore latest trace target fallback Co-authored-by: Codex (GPT-6) <noreply@openai.com> * fix: select trace from latest run across processes Co-authored-by: Codex (GPT-6) <noreply@openai.com> * docs: explain trace view lifecycle steps Co-authored-by: Codex (GPT-6) <noreply@openai.com> * docs: clarify trace open action comments Co-authored-by: Codex (GPT-6) <noreply@openai.com> * fix: keep selected trace when still available Co-authored-by: Codex (GPT-6) <noreply@openai.com> * nit * refactor: use revision for stale trace loads Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: let report UI handle missing traces Co-authored-by: Codex (GPT-6) <noreply@openai.com> * refactor: narrow trace report read error handling Co-authored-by: Codex (GPT-6) <noreply@openai.com> * nit * nit * refactor: simplify trace message revision guard Co-authored-by: Codex (GPT-6) <noreply@openai.com> * docs: update trace view screenshot Co-authored-by: Codex (GPT-6) <noreply@openai.com> --------- Co-authored-by: hi-ogawa-agent <266689927+hi-ogawa-agent@users.noreply.github.com> Co-authored-by: OpenCode (gpt-6-astra) <noreply@opencode.ai> Co-authored-by: Hiroshi Ogawa <4232207+hi-ogawa@users.noreply.github.com> Co-authored-by: Codex (GPT-6) <noreply@openai.com>

hi-ogawa and others added 5 commits September 3, 2026 18:07

feat: open html trace reports

dcb65a1

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: scope trace report to run

676d424

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: derive trace report path

9f2da35

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: load worker config over rpc

9443c7a

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

fix: preserve trace report hash route

9acf87f

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

sheremet-va requested changes Sep 3, 2026

View reviewed changes

Comment thread packages/extension/src/api.ts Outdated

hi-ogawa and others added 6 commits September 4, 2026 11:12

refactor: pass worker config on ready

bc3245d

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

fix: scope trace report menu

edb4c25

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: require worker config

b150548

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: group worker config metadata

5b01323

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: group worker config metadata

6030d5f

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: stack trace report on config metadata

4ec76e2

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai> # Conflicts: # packages/shared/src/index.ts # packages/worker-legacy/src/index.ts # packages/worker/src/index.ts

hi-ogawa mentioned this pull request Sep 4, 2026

refactor: group worker config metadata #815

Merged

hi-ogawa changed the base branch from main to refactor/worker-config-metadata September 4, 2026 02:31

hi-ogawa and others added 14 commits September 4, 2026 11:34

refactor: resolve html report path in worker

4ec0d4f

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: align worker config declaration

714c7c4

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

nit

7763dfe

refactor: rely on trace command context

7bfb0d5

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: clarify browser fallback

b44eee6

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: traverse trace tasks with queue

a8505cd

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: scope trace queue per file

3b661b3

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: link trace report conventions

ebfdf8c

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

types: narrow trace artifact task

ad81423

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: explain artifact type compatibility

2c9cd1b

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: explain trace action context

5b8f5fa

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

test: add Vitest 5 browser sample

8a572ad

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

feat: add trace report gutter action

d0556d5

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

test: pin trace sample to Vitest RC

a80bb54

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

hi-ogawa commented Sep 4, 2026

View reviewed changes

Comment thread pnpm-workspace.yaml Outdated

test: align browser sample dependencies

82b7d29

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

nit

138f817

hi-ogawa changed the title ~~feat: open html trace reports~~ feat: open html trace view Sep 4, 2026

refactor: align trace view naming

5db3fb4

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

hi-ogawa marked this pull request as ready for review September 4, 2026 05:06

hi-ogawa changed the title ~~feat: open html trace view~~ feat: support opening html trace view Sep 4, 2026

hi-ogawa and others added 5 commits September 4, 2026 14:41

refactor: name trace view manager instances

42fccae

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

refactor: name worker ready metadata

89e5229

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

Merge branch 'refactor/worker-config-metadata' into trace-report-preview

84387c9

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

test: use stable Vitest 5 sample

a1b7ee5

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

fix: align worker Vite dependency

03ca883

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

hi-ogawa requested a review from sheremet-va September 4, 2026 09:45

Base automatically changed from refactor/worker-config-metadata to main September 6, 2026 20:04

hi-ogawa and others added 7 commits September 7, 2026 12:57

Merge main into trace-report-preview

6aec858

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: document Trace View workflow

f496bc9

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: position Trace View section

740f3a7

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: use Markdown trace image

e18ff8d

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: store Trace View screenshot

199efe5

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

docs: preserve default reporters

82d0132

Co-authored-by: OpenCode (gpt-5.6-sol) <noreply@opencode.ai>

nit

4c36cde

hi-ogawa mentioned this pull request Sep 7, 2026

docs: consolidate ui and html reporter guide vitest-dev/vitest#11169

Open

hi-ogawa commented Sep 7, 2026

View reviewed changes

hi-ogawa marked this pull request as draft September 7, 2026 08:17

hi-ogawa mentioned this pull request Sep 7, 2026

feat: open trace view in extension managed webview #819

Merged

Navigation Menu

Uh oh!

Uh oh!

feat: support opening html trace view - #811

feat: support opening html trace view#811
hi-ogawa wants to merge 41 commits into
mainfrom
trace-report-preview

hi-ogawa commented Sep 3, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

hi-ogawa left a comment

Uh oh!

sheremet-va commented Sep 7, 2026

Uh oh!

hi-ogawa commented Sep 7, 2026

Uh oh!

sheremet-va commented Sep 7, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Uh oh!

Conversation

hi-ogawa commented Sep 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

hi-ogawa left a comment

Choose a reason for hiding this comment

Uh oh!

sheremet-va commented Sep 7, 2026

Uh oh!

hi-ogawa commented Sep 7, 2026

Uh oh!

sheremet-va commented Sep 7, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

hi-ogawa commented Sep 3, 2026 •

edited

Loading