LayoutTests/accessibility/replace-text-with-range.html

<!DOCTYPE html>
<html>
<head>
<script src="../resources/js-test.js"></script>
<script src="../resources/accessibility-helper.js"></script>
</head>
<body id="body">
<div id="content">

<div id="contenteditable" contenteditable="true" role="textbox">HelloWorld</div>
<input type="text" id="text" value="Hello world">
<textarea id="textarea">Hello world</textarea>
</div>

<script>
var result = "This tests that the replace with range API functions as expected.\n\n";

if (window.accessibilityController) {
    window.jsTestIsAsync = true;
    var contenteditable = accessibilityController.accessibleElementById("contenteditable");
    var text = accessibilityController.accessibleElementById("text");
    var textarea = accessibilityController.accessibleElementById("textarea");

    setTimeout(async function() {
        result += expect('contenteditable.replaceTextInRange("Blurb", 5, 5)', "true");
        await waitFor(() => contenteditable.stringValue == "AXValue: HelloBlurb");
        result += expect("contenteditable.stringValue", "'AXValue: HelloBlurb'");

        // now test what happens when a control has focus
        document.getElementById("contenteditable").focus();
        result += expect('contenteditable.replaceTextInRange("Blorg", 5, 5)', "true");
        await waitFor(() => contenteditable.stringValue == "AXValue: HelloBlorg");
        result += expect("contenteditable.stringValue", "'AXValue: HelloBlorg'");
        document.getElementById("contenteditable").blur();

        result += expect('text.replaceTextInRange("blurb", 6, 5)', "true");
        await waitFor(() => text.stringValue == "AXValue: Hello blurb");
        result += expect("text.stringValue", "'AXValue: Hello blurb'");

        result += expect('textarea.replaceTextInRange("blurb", 6, 5)', "true");
         await waitFor(() => textarea.stringValue == "AXValue: Hello blurb");
        result += expect("textarea.stringValue", "'AXValue: Hello blurb'");

        document.getElementById("content").style.visibility = "hidden";

        debug(result);
        finishJSTest();
    }, 0);
}
</script>

</body>
</html>