-
- `
+ this.#screenshotData = command?.screenshot ?? null
+ this.requestUpdate()
}
async #renderNewDocument(doc: SimplifiedVNode, baseUrl: string) {
@@ -270,7 +294,11 @@ export class DevtoolsBrowser extends Element {
#handleChildListMutation(mutation: TraceMutation) {
if (mutation.addedNodes.length === 1 && !mutation.target) {
- const baseUrl = this.metadata?.url || 'unknown'
+ // Prefer the URL embedded in the mutation itself (set by the injected script
+ // at capture time), then fall back to the already-resolved active URL, and
+ // finally to the context metadata URL. This avoids a race where metadata
+ // arrives after the first childList mutation fires #renderNewDocument.
+ const baseUrl = mutation.url || this.#activeUrl || this.metadata?.url || 'unknown'
this.#renderNewDocument(
mutation.addedNodes[0] as SimplifiedVNode,
baseUrl
@@ -389,6 +417,15 @@ export class DevtoolsBrowser extends Element {
this.requestUpdate()
}
+ /** Latest screenshot from any command — auto-updates the preview as tests run. */
+ get #latestAutoScreenshot(): string | null {
+ if (!this.commands?.length) return null
+ for (let i = this.commands.length - 1; i >= 0; i--) {
+ if (this.commands[i].screenshot) return this.commands[i].screenshot!
+ }
+ return null
+ }
+
render() {
/**
* render a browser state if it hasn't before
@@ -398,6 +435,10 @@ export class DevtoolsBrowser extends Element {
this.#renderBrowserState()
}
+ const hasMutations = this.mutations && this.mutations.length
+ const autoScreenshot = hasMutations ? null : this.#latestAutoScreenshot
+ const displayScreenshot = this.#screenshotData ?? autoScreenshot
+
return html`
+ 
+ - No tests found -
`} + : html`No tests to display
++ Debug: suites=${this.suites?.length || 0}, + rootSuites=${uniqueSuites.length}, filtered=${suites.length} +
+