diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js')
-rw-r--r-- | devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js b/devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js new file mode 100644 index 0000000000..2f1382a6a3 --- /dev/null +++ b/devtools/client/inspector/markup/test/browser_markup_screenshot_node_shadowdom.js @@ -0,0 +1,41 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +const TEST_URL = `data:text/html;charset=utf8, + <test-component></test-component> + <script> + 'use strict'; + customElements.define('test-component', class extends HTMLElement { + constructor() { + super(); + let shadowRoot = this.attachShadow({mode: 'open'}); + shadowRoot.innerHTML = + '<div style="width:30px;height:30px;background:rgb(0, 128, 0)"></div>'; + } + }); + </script>`; + +// Test that the "Screenshot Node" feature works with a node inside a shadow root. +add_task(async function () { + const { inspector, toolbox } = await openInspectorForURL(encodeURI(TEST_URL)); + + info("Select the green node"); + const greenNode = await getNodeFrontInShadowDom( + "div", + "test-component", + inspector + ); + await selectNode(greenNode, inspector); + + info("Take a screenshot of the green node and verify it looks as expected"); + const greenScreenshot = await takeNodeScreenshot(inspector); + await assertSingleColorScreenshotImage(greenScreenshot, 30, 30, { + r: 0, + g: 128, + b: 0, + }); + + await toolbox.destroy(); +}); |