Add :hover test for SVG <use> instance

lilles · chromium-wpt-export-bot · commit 413ee88d99bb · 2025-11-07T04:51:28.000-08:00
Bug: 40663285 Change-Id: I83c08a2918f1626ce2662644550f134b57942a0b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7130800 Reviewed-by: Fredrik Söderquist <fs@opera.com> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1541713}
diff --git a/svg/interact/use-instance-hover.html b/svg/interact/use-instance-hover.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>SVG Test: :hover effect on &lt;use&gt; element instance</title>
+<link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseStyleInheritance">
+<link rel="match" href="/svg/linking/reftests/use-descendant-combinator-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<script src="/common/rendering-utils.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<style>
+  rect {
+    fill: red;
+    width: 100px;
+    height: 100px;
+  }
+  rect:hover { fill: green; }
+</style>
+<p>You should see a green square, and no red.</p>
+<svg>
+  <defs>
+    <rect id="r"></rect>
+  </defs>
+  <use href="#r"></use>
+</svg>
+<script type="module">
+  await waitForAtLeastOneFrame();
+  await new test_driver.Actions()
+    .pointerMove(50, 100)
+    .send();
+  takeScreenshot();
+</script>
