feat(browser): display nested mark trace in UI (#10437) · vitest-dev/vitest@86ffc8a (original) (raw)

1

1

`

`

`@@ -150,11 +149,17 @@ function isTraceStepInProgress(step: BrowserTraceEntry) {

`

150

149

`type="button"

`

151

150

`data-testid="trace-step"

`

152

151

`:data-test-range="step.range?.phase"

`

153

``

`-

class="w-full text-left px-2 py-1 rounded text-sm"

`

``

152

`+

class="relative w-full text-left px-2 py-1 rounded text-sm"

`

154

153

`:class="getStepButtonClass(step, index)"

`

``

154

`` +

:style="{ paddingInlineStart: ${0.5 + step.depth}rem }"

``

155

155

`:aria-current="selection.selectedStepIndex === index ? 'step' : undefined"

`

156

156

`@click="onSelectStep(index)"

`

157

157

` >

`

``

158

`+

<span

`

``

159

`+

v-if="step.depth > 0"

`

``

160

`+

class="absolute bottom-1 top-1 border-l border-gray/40 dark:border-gray/50"

`

``

161

`` +

:style="{ insetInlineStart: ${step.depth - 0.05}rem }"

``

``

162

`+

/>

`

158

163

`