auto isInShadowTree = [] (Node& node) {

                return node.isInShadowTree() || node.isInUserAgentShadowTree();

            };

This test ensures that we compute the correct accessible name for shadow DOM elements with display:flex.

	AXTitle: block test

	AXDescription:

	AXHelp:

	AXTitle: flex test

	AXDescription:

	AXHelp:

PASS successfullyParsed is true

TEST COMPLETE

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<html>

<head>

<script src="../resources/accessibility-helper.js"></script>

<script src="../resources/js-test.js"></script>

</head>

<body>

<my-simple></my-simple>

<script>

class MySimple extends HTMLElement {

    constructor() {

        super();

        const root = this.attachShadow({ mode: "open" });

        root.innerHTML = `

            <my-buttons>

                <span slot="flex">flex test</span>

                <span slot="block">block test</span>

            </my-buttons>

        `;

    }

}

customElements.define("my-simple", MySimple);

class MyButtons extends HTMLElement {

    constructor() {

        super();

        const root = this.attachShadow({ mode: "open" });

        root.innerHTML = `

            <button id="flex-button" style="display: flex;"><slot name="flex"></slot></button>

            <button id="block-button" style="display: block;"><slot name="block"></slot></button>

        `;

    }

}

customElements.define("my-buttons", MyButtons);

let output = "This test ensures that we compute the correct accessible name for shadow DOM elements with display:flex.\n\n";

if (window.accessibilityController) {

    output += `${platformTextAlternatives(accessibilityController.accessibleElementById("block-button"))}\n\n`;

    output += `${platformTextAlternatives(accessibilityController.accessibleElementById("flex-button"))}\n`;

    debug(output);

}

</script>

</body>

</html>

This test ensures that we compute the correct accessible name for nested custom elements.

	AXTitle: test

	AXDescription:

	AXHelp:

PASS successfullyParsed is true

TEST COMPLETE

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<html>

<head>

<script src="../resources/accessibility-helper.js"></script>

<script src="../resources/js-test.js"></script>

</head>

<body>

<my-simple></my-simple>

<script>

class MySimple extends HTMLElement {

    constructor() {

        super();

        const root = this.attachShadow({ mode: "open" });

        root.innerHTML = `<button id="button"><my-span>test</my-span></button>`;

    }

}

customElements.define("my-simple", MySimple);

class MySpan extends HTMLElement {

    constructor() {

        super();

        const root = this.attachShadow({ mode: "open" });

        root.innerHTML = `<span><slot></slot></span>`;

    }

}

customElements.define("my-span", MySpan);

let output = "This test ensures that we compute the correct accessible name for nested custom elements.\n\n";

if (window.accessibilityController) {

    output += `${platformTextAlternatives(accessibilityController.accessibleElementById("button"))}\n\n`;

    debug(output);

}

</script>

</body>

</html>

This test ensures that we compute the correct accessible name when the default contents of a slot are used.

	AXTitle: slotted label

	AXDescription:

	AXHelp:

	AXTitle: default label

	AXDescription:

	AXHelp:

PASS successfullyParsed is true

TEST COMPLETE

slotted label

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<html>

<head>

<script src="../resources/accessibility-helper.js"></script>

<script src="../resources/js-test.js"></script>

</head>

<body>

<button id="explicit-contents-button"><child-slot>slotted label</child-slot></button>

<button id="default-contents-button"><child-slot></child-slot></button>

<script>

class ChildSlot extends HTMLElement {

    constructor() {

        super();

        const root = this.attachShadow({ mode: "open" });

        root.innerHTML = `<div><slot>default label</slot></div>`;

    }

}

customElements.define("child-slot", ChildSlot);

let output = "This test ensures that we compute the correct accessible name when the default contents of a slot are used.\n\n";

if (window.accessibilityController) {

    output += `${platformTextAlternatives(accessibilityController.accessibleElementById("explicit-contents-button"))}\n\n`;

    output += `${platformTextAlternatives(accessibilityController.accessibleElementById("default-contents-button"))}\n`;

    debug(output);

}

</script>

</body>

</html>

accessibility/display-flex-shadow-dom-accname.html [ Pass ]

accessibility/nested-custom-element-accname.html [ Pass ]

accessibility/slot-default-contents-accname.html [ Pass ]

This test ensures that we compute the correct accessible name for shadow DOM elements with display:flex.

	AXLabel: block test

	AXLabel: flex test

PASS successfullyParsed is true

TEST COMPLETE

This test ensures that we compute the correct accessible name for nested custom elements.

	AXLabel: test

PASS successfullyParsed is true

TEST COMPLETE

This test ensures that we compute the correct accessible name when the default contents of a slot are used.

	AXLabel: slotted label

	AXLabel: default label

PASS successfullyParsed is true

TEST COMPLETE

slotted label