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 /testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html | |
| 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 'testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html')
| -rw-r--r-- | testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html b/testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html new file mode 100644 index 0000000000..8535228aba --- /dev/null +++ b/testing/web-platform/tests/css/cssom-view/elementsFromPoint-svg.html @@ -0,0 +1,67 @@ +<!DOCTYPE HTML> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="resources/elementsFromPoint.js"></script> +<style> +html, body { + margin: 0; + padding: 0; +} +#svg { + margin: 100px; + background-color: rgba(0,180,0,0.2); +} +rect { + fill: rgba(180,0,0,0.2); +} +#topLeftRect2NoHitTest { + pointer-events: none; +} +</style> +<div id='sandbox'> + <svg id='svg' width='300' height='300'> + <rect id='topLeftRect1' x='5' y='5' width='90' height='90'/> + <rect id='topLeftRect2NoHitTest' x='10' y='10' width='80' height='80'/> + <rect id='topLeftRect3' x='15' y='15' width='70' height='70'/> + + <g id='middleG1'> + <g id='middleG2'> + <rect id='middleRect1' x='105' y='105' width='90' height='90'/> + <rect id='middleRect2' x='110' y='110' width='80' height='80'/> + </g> + </g> + + <g id='bottomLeftG'> + <image id='bottomLeftImage1' x='5' y='205' width='90' height='90' xlink:href='data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="rgba(180,0,0,0.2)"/></svg>'/> + <image id='bottomLeftImage2' x='10' y='210' width='80' height='80' xlink:href='data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="rgba(180,0,0,0.2)"/></svg>'/> + </g> + + <g id='bottomRightG1' transform='translate(300, 300)'> + <g id='bottomRightG2' transform='translate(-100, -100)'> + <rect id='bottomRightRect1' x='5' y='5' width='90' height='90'/> + <rect id='bottomRightRect2' x='110' y='110' width='80' height='80' transform='translate(-100, -100)'/> + </g> + </g> + </svg> +</div> +<script> +test(function() { + assertElementsFromPoint('document', 125, 125, + [topLeftRect3, topLeftRect1, svg, sandbox, document.body, document.documentElement]); +}, 'elementsFromPoint for a point inside two rects'); + +test(function() { + assertElementsFromPoint('document', 225, 225, + [middleRect2, middleRect1, svg, sandbox, document.body, document.documentElement]); +}, 'elementsFromPoint for a point inside two rects that are inside a <g>'); + +test(function() { + assertElementsFromPoint('document', 125, 325, + [bottomLeftImage2, bottomLeftImage1, svg, sandbox, document.body, document.documentElement]); +}, 'elementsFromPoint for a point inside two images'); + +test(function() { + assertElementsFromPoint('document', 325, 325, + [bottomRightRect2, bottomRightRect1, svg, sandbox, document.body, document.documentElement]); +}, 'elementsFromPoint for a point inside transformed rects and <g>'); +</script> |