<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body id="body">

<div><a href="#">fake</a></div>
<form novalidate="">
<fake-radio id="radio1" data-id="jawns_01" data-name="jawns" data-label="Gritty"></fake-radio>
<fake-radio data-id="jawns_02" data-name="jawns" data-label="Wawa"></fake-radio>
</form>
<div><a href="#">fake</a></div>
<script>
customElements.define(
"fake-radio",
class FakeRadio extends HTMLElement {
  constructor() {
    super();
    let shadow = this.attachShadow({ mode: "open" });
    let radio = document.createElement("input");
    let label = document.createElement("label");
    label.innerText = this.dataset.label;
    radio.id = this.dataset.id;
    radio.type = "radio";
    radio.name = this.dataset.name;
    label.setAttribute("for", this.dataset.id);

    shadow.appendChild(radio);
    shadow.appendChild(label);
  }});
</script>


<p id="description"></p>
<div id="console"></div>

<script>
    description("This test validates we don't crash asking for range for bounds when encountering a shadow dom element.");

    if (window.accessibilityController) {
        var element = accessibilityController.accessibleElementById("jawns_01");
        var bounds = element.boundsForRange(0, 6);
        shouldBeNonNull(element);
    }
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>