fix(highlight): highlight Top Layer elements

[mxschmitt]

Depends on #30070
Depends on firefox 125 (around April 16)
Fixes #29878

[github-actions]

Test results for "tests 2"

1 fatal errors, not part of any test
11 failed
❌ [chromium-library] › library/capabilities.spec.ts:99:3 › should play audio @smoke
❌ [chromium-library] › library/tracing.spec.ts:525:5 › should export trace concurrently to second navigation
❌ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
❌ [firefox-library] › library/inspector/cli-codegen-2.spec.ts:340:7 › cli codegen › should record open in a new tab with url
❌ [firefox-library] › library/capabilities.spec.ts:99:3 › should play audio @smoke
❌ [firefox-library] › library/inspector/cli-codegen-2.spec.ts:340:7 › cli codegen › should record open in a new tab with url
❌ [webkit-library] › library/capabilities.spec.ts:67:3 › should play video @smoke
❌ [webkit-library] › library/capabilities.spec.ts:99:3 › should play audio @smoke
❌ [webkit-library] › library/capabilities.spec.ts:133:3 › should not crash on page with mp4 @smoke
❌ [webkit-library] › library/modernizr.spec.ts:82:3 › mobile-safari-14-1
❌ [webkit-library] › library/signals.spec.ts:62:7 › signals › should report browser close signal 2

60 flaky

⚠️ [chromium-library] › library/browsercontext-credentials.spec.ts:55:1 › should work with correct credentials @smoke
⚠️ [chromium-page] › page/page-leaks.spec.ts:153:5 › waitFor should not leak
⚠️ [chromium-library] › library/browsercontext-credentials.spec.ts:55:1 › should work with correct credentials @smoke
⚠️ [chromium-library] › library/browsercontext-viewport.spec.ts:143:12 › should drag with high dpi
⚠️ [chromium-page] › page/page-drag.spec.ts:246:5 › Drag and drop › should work if the drag event is captured but not canceled
⚠️ [chromium-library] › library/inspector/cli-codegen-1.spec.ts:667:7 › cli codegen › should assert navigation
⚠️ [chromium-page] › page/page-add-locator-handler.spec.ts:88:5 › should work with locator.hover()
⚠️ [chromium-library] › library/trace-viewer.spec.ts:240:1 › should have network requests
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-page] › page/elementhandle-wait-for-element-state.spec.ts:117:3 › should wait for stable position
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-page] › page/page-click.spec.ts:445:3 › should wait for stable position
⚠️ [firefox-library] › library/inspector/cli-codegen-2.spec.ts:340:7 › cli codegen › should record open in a new tab with url
⚠️ [firefox-library] › library/permissions.spec.ts:103:5 › permissions › should trigger permission onchange
⚠️ [firefox-library] › library/video.spec.ts:351:5 › screencast › should capture navigation
⚠️ [firefox-page] › page/page-click.spec.ts:445:3 › should wait for stable position
⚠️ [firefox-page] › page/page-add-locator-handler.spec.ts:88:5 › should work with locator.hover()
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-page] › page/page-drag.spec.ts:34:5 › Drag and drop › should send the right events
⚠️ [firefox-library] › library/video.spec.ts:165:5 › screencast › should work with old options
⚠️ [firefox-page] › page/page-click-scroll.spec.ts:19:3 › should not hit scroll bar
⚠️ [firefox-page] › page/page-click.spec.ts:445:3 › should wait for stable position
⚠️ [firefox-library] › library/browsercontext-basic.spec.ts:34:3 › should be able to click across browser contexts
⚠️ [firefox-library] › library/browsercontext-route.spec.ts:287:3 › should chain fallback w/ dynamic URL
⚠️ [firefox-library] › library/inspector/cli-codegen-1.spec.ts:158:7 › cli codegen › should work with TrustedTypes
⚠️ [firefox-library] › library/inspector/cli-codegen-2.spec.ts:138:7 › cli codegen › should upload multiple files
⚠️ [firefox-library] › library/inspector/cli-codegen-2.spec.ts:169:7 › cli codegen › should clear files
⚠️ [firefox-page] › page/frame-goto.spec.ts:46:3 › should continue after client redirect
⚠️ [firefox-page] › page/page-click-scroll.spec.ts:41:3 › should scroll into view display:contents
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-page] › page/page-click.spec.ts:99:3 › should click the 1x1 div
⚠️ [firefox-page] › page/page-click.spec.ts:982:3 › should click a button that is overlayed by a permission popup
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-page] › page/elementhandle-wait-for-element-state.spec.ts:117:3 › should wait for stable position
⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [firefox-library] › library/tracing.spec.ts:412:14 › should produce screencast frames scale
⚠️ [firefox-page] › page/elementhandle-wait-for-element-state.spec.ts:117:3 › should wait for stable position
⚠️ [chromium-library] › library/browsercontext-credentials.spec.ts:55:1 › should work with correct credentials @smoke
⚠️ [chromium-library] › library/headful.spec.ts:113:3 › should close browser after context menu was triggered
⚠️ [chromium-library] › library/inspector/cli-codegen-1.spec.ts:196:7 › cli codegen › should not target selector preview by text regexp
⚠️ [chromium-page] › page/page-add-locator-handler.spec.ts:88:5 › should work with locator.hover()
⚠️ [chromium-page] › page/page-drag.spec.ts:246:5 › Drag and drop › should work if the drag event is captured but not canceled
⚠️ [chromium-library] › library/emulation-focus.spec.ts:190:12 › should trigger hover state concurrently
⚠️ [chromium-library] › library/inspector/cli-codegen-3.spec.ts:609:7 › cli codegen › should assert value on disabled input
⚠️ [firefox-page] › page/frame-goto.spec.ts:46:3 › should continue after client redirect
⚠️ [webkit-page] › page/page-evaluate.spec.ts:169:3 › should work right after framenavigated
⚠️ [webkit-page] › page/page-drag.spec.ts:272:5 › Drag and drop › should work if a frame is stalled
⚠️ [webkit-page] › page/workers.spec.ts:243:3 › should support offline
⚠️ [webkit-library] › library/inspector/cli-codegen-2.spec.ts:340:7 › cli codegen › should record open in a new tab with url
⚠️ [webkit-library] › library/inspector/cli-codegen-3.spec.ts:562:7 › cli codegen › should assert value
⚠️ [webkit-library] › library/selector-generator.spec.ts:504:5 › selector generator › should generate exact label when necessary
⚠️ [webkit-page] › page/page-drag.spec.ts:272:5 › Drag and drop › should work if a frame is stalled
⚠️ [webkit-page] › page/page-drag.spec.ts:289:5 › Drag and drop › should work with the helper method
⚠️ [webkit-page] › page/page-mouse.spec.ts:221:3 › should tween mouse movement
⚠️ [webkit-library] › library/browsercontext-viewport-mobile.spec.ts:57:5 › mobile viewport › should be detectable by Modernizr
⚠️ [webkit-library] › library/browsercontext-viewport-mobile.spec.ts:66:5 › mobile viewport › should detect touch when applying viewport with touches
⚠️ [webkit-library] › library/modernizr.spec.ts:33:3 › safari-14-1
⚠️ [webkit-library] › library/trace-viewer.spec.ts:893:1 › should display waitForLoadState even if did not wait for it
⚠️ [webkit-library] › library/tracing.spec.ts:412:14 › should produce screencast frames fit
⚠️ [webkit-library] › library/tracing.spec.ts:412:14 › should produce screencast frames crop

2 interrupted

⚠️ [firefox-page] › page/page-click-react.spec.ts:118:3 › should not retarget when element is recycled on hover
⚠️ [firefox-page] › page/page-click-scroll.spec.ts:19:3 › should not hit scroll bar

186044 passed, 8159 skipped, 1291 did not run
✔️✔️✔️

Merge workflow run.

[github-actions]

Test results for "tests 1"

2 flaky

⚠️ [firefox-page] › page/page-click-timeout-4.spec.ts:20:3 › should timeout waiting for stable position
⚠️ [chromium-page] › page/page-event-request.spec.ts:110:3 › should report navigation requests and responses handled by service worker

27372 passed, 671 skipped
✔️✔️✔️

Merge workflow run.