svg-root-border-radius.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/interact/scripted/svg-root-border-radius.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>SVG root with border-radius hit test</title>

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

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

<style>

html, body {

  padding: 0;

  margin: 0;

svg {

  border-radius: 50%;

  background-color: blue;

</style>

<svg width="200" height="200"></svg>

<script>

  test(t => {

    const svgRoot = document.querySelector('svg');

    const body = document.body;

    assert_equals(document.elementFromPoint(10, 10), body, 'outside top-left');

    assert_equals(document.elementFromPoint(190, 10), body, 'outside top-right');

    assert_equals(document.elementFromPoint(10, 190), body, 'outside bottom-left');

    assert_equals(document.elementFromPoint(190, 190), body, 'outside bottom-right');

    assert_equals(document.elementFromPoint(100, 100), svgRoot, 'inside');

});

</script>