ci: Take DOM snapshots of all windows on failure

[Gudahtt]

Description

Our e2e test tooling takes a DOM snapshot on test failure to help with debugging. Unfortunately this is not overly useful right now because the driver is always set to the last window handle when this snapshot is taken, which is typically the offscreen document (at least on Chrome). Even on Firefox where there is no offscreen document, it may end up taking a snapshot of the wrong page when there are multiple open.

The DOM snapshot step has been updated to take snapshots of all open pages, rather than just the "current" one.

Related issues

N/A

Manual testing steps

See the DOM snapshot artifacts in CircleCI upon failure

Screenshots/Recordings

N/A

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[Gudahtt]

Seems to work! https://app.circleci.com/pipelines/github/MetaMask/metamask-extension/121398/workflows/48fb1b06-8207-4969-b5ba-3e794c8065e0/jobs/4500134/artifacts

[metamaskbot]

Builds ready [57c0cec]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1997 ± 81 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	315	2229	1901	398	191
		domContentLoaded	1627	2223	1963	170	82
		load	1679	2274	1997	168	81
		domInteractive	26	137	48	30	14
		backgroundConnect	11	81	36	23	11
		firstReactRender	17	179	56	39	19
		getState	6	92	27	24	12
		initialActions	0	1	0	0	0
		loadScripts	1189	1716	1448	148	71
		setupStore	8	65	16	16	7
		uiStartup	1896	2981	2353	245	117

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 0 Bytes (0.00%)
• common: 0 Bytes (0.00%)