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

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

part of URL-Persisted Trace Selection and Focused Trace and Snapshot Views vitest#10769
requires feat(ui): add focused trace view layout mode vitest#11190
- not strictly required since non-focused layout is still usable.

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.

There are some design choices, but for now, the mechanism is tried to be kept simple. Future follow-ups may include:

add to command-palette to open the trace view based on last run (not from the explicitly selected test)
use artifact data in extension host directly to build trace view UI instead of relying on html reporter output.
use watch mode UI (or use onTestArtifactRecord) so it can renders streamed trace view of running test.
show trace line location marker in editor gutters

Example

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>

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

hi-ogawa · 2026-09-09T02:29:24Z

  },
  "devDependencies": {
    "@vitest/utils": "catalog:latest",
+    "vite": "catalog:latest",


Not sure why, but this was needed for typecheck. Otherwise it looks like type check loads Vite 7 and Vite 8 at the same time somewhere.

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

sheremet-va

Looks dope!

sheremet-va · 2026-09-09T08:21:43Z

+
+export default defineConfig({
+  test: {
+    reporters: [...configDefaults.reporters, 'html'],


In general I don't like asking the user to update their configs since we can set any config we like when initiating Vitest, but I think it's fine for the initial version.

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>

refactor: simplify trace report loading

fa20f30

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

hi-ogawa commented Sep 9, 2026

View reviewed changes

hi-ogawa and others added 21 commits September 9, 2026 11:30

chore: remove worker direct Vite dependency

1cd14cc

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: outline trace panel behavior

c3c8516

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: explain trace view state lifecycle

b18bc71

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: clarify trace selection preservation

ee9b173

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: note trace reloads from external runs

87d64fd

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

refactor: name trace report entries explicitly

0d19012

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: combine trace reload explanation

4584397

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: explain how trace selection survives reloads

6a23c92

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

docs: trim trace panel lifecycle comment

5d84924

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: smoke test opening trace view

a25c89f

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

nit

21066d7

feat: open trace view from command palette

2442bf0

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

fix: load worker vitest config types

cc3e203

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

fix: align worker Vite dependency

e0a92c9

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

revert: open trace view from command palette

fe4e388

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: explain custom menu setting

450d813

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: describe trace view smoke steps

74070c6

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: align trace test item selector

259b282

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: align Playwright and install Chromium in CI

42690a9

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

test: allow 15 seconds for trace results

4966f3d

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

refactor: remove trace view revision tracking

d96eedc

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

hi-ogawa marked this pull request as ready for review September 9, 2026 04:57

hi-ogawa and others added 2 commits September 9, 2026 14:53

fix: allow external trace snapshot resources

d0765e5

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

fix: follow vscode theme in trace view

cde760c

Co-authored-by: Codex (GPT-6) <noreply@openai.com>

sheremet-va approved these changes Sep 9, 2026

View reviewed changes

sheremet-va merged commit 11fb29a into main Sep 9, 2026
5 checks passed

sheremet-va deleted the trace-report-preview branch September 9, 2026 08:39

hi-ogawa mentioned this pull request Sep 11, 2026

Avoid requiring manual config for trace view integration #822

Open

Navigation Menu

Uh oh!

Uh oh!

feat: support opening trace view - #811

feat: support opening trace view#811
sheremet-va merged 65 commits into
mainfrom
trace-report-preview

hi-ogawa commented Sep 3, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

hi-ogawa Sep 9, 2026 •

edited

Loading

Uh oh!

sheremet-va left a comment

Uh oh!

sheremet-va Sep 9, 2026

Uh oh!

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 Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sheremet-va left a comment

Choose a reason for hiding this comment

Uh oh!

sheremet-va Sep 9, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

hi-ogawa commented Sep 3, 2026 •

edited

Loading

hi-ogawa Sep 9, 2026 •

edited

Loading