text-hittest-003.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/interact/scripted/text-hittest-003.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>elementFromPoint(...) on visibility=hidden &lt;svg:text> with visible descendants</title>

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<style>

body, html {

  padding: 0;

  margin: 0;

</style>

<svg width="400" height="400">

  <text x="50" y="50" font-family="Ahem" font-size="50" visibility="hidden">

    MM<tspan visibility="visible">MM</tspan>MM

  </text>

</svg>

<script>

test(function() {

  let root = document.querySelector('svg');

  let tspan = document.querySelector('tspan');

  let x = 75;

  for (; x < 175; x += 50)

    assert_equals(document.elementFromPoint(x, 25), root, `element @ (${x}, 25)`);

  for (; x < 275; x += 50)

    assert_equals(document.elementFromPoint(x, 25), tspan, `element @ (${x}, 25)`);

  for (; x < 375; x += 50)

    assert_equals(document.elementFromPoint(x, 25), root, `element @ (${x}, 25)`);

});

</script>