<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
<script src="../../editing/editing.js"></script>
<script src="value-change/value-change-helpers.js"></script>
</head>
<body id="body">

<div id="content">
    <div id="content-editable-div" contenteditable="true" role="textbox"></div>
    <input id="text" type="text" value="">
    <textarea id="textarea"></textarea>
</div>

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

<script>
    description("This tests that when we are calling the replace with range API to insert or replace text, value change notifications are posted as expected with correct user info data.");

    var webArea = 0;
    var count = 0;

    var resultIndex = -1;

    var actualChangeTypes = [];
    var actualChangeValues = [];
    var actualEditTypes = [];

    var expectedValues = [];

    function notificationCallback(notification, userInfo) {
        if (notification == "AXValueChanged") {
            actualChangeTypes[count] = userInfo["AXTextStateChangeType"];
            var changes = userInfo["AXTextChangeValues"];
            if (changes && changes.length == 1) {
                var change = changes[0];
                actualChangeValues[count] = change["AXTextChangeValue"];
                actualEditTypes[count] = stringForEditType(change["AXTextEditType"])
            } else if (changes && changes.length == 2) {
                var change1 = changes[0];
                var change2 = changes[1];
                actualChangeValues[count] = [change1["AXTextChangeValue"], change2["AXTextChangeValue"]];
                actualEditTypes[count] = [stringForEditType(change1["AXTextEditType"]), stringForEditType(change2["AXTextEditType"])];
            }

            count++;

            var expectedCount = 6;
            if (count == expectedCount) {
                shouldBeInsert("Apple");
                shouldBeInsertReplace("Apple", "Pie");
                shouldBeInsert("Banana");
                shouldBeInsertReplace("Banana", "Ice-cream");
                shouldBeInsert("Cat");
                shouldBeInsertReplace("Cat", "Dog");

                webArea.removeNotificationListener();
                finishJSTest();
            }
        }
    }

    if (window.accessibilityController) {
        jsTestIsAsync = true;

        accessibilityController.enableEnhancedAccessibility(true);

        webArea = accessibilityController.rootElement.childAtIndex(0);

        var addedNotification = webArea.addNotificationListener(notificationCallback);
        shouldBe("addedNotification", "true");

        var axContentEditableDiv = accessibilityController.accessibleElementById("content-editable-div");
        var contentEditableDiv = document.getElementById("content-editable-div");
        contentEditableDiv.focus();
        shouldBeTrue("axContentEditableDiv.replaceTextInRange('Apple', 0, 0)");
        shouldBe("axContentEditableDiv.stringValue", "'AXValue: Apple'");
        shouldBeTrue("axContentEditableDiv.replaceTextInRange('Pie', 0, 5)");
        shouldBe("axContentEditableDiv.stringValue", "'AXValue: Pie'");
        contentEditableDiv.blur();

        var axText = accessibilityController.accessibleElementById("text");
        var text = document.getElementById("text");
        text.focus();
        shouldBeTrue("axText.replaceTextInRange('Banana', 0, 0)");
        shouldBe("axText.stringValue", "'AXValue: Banana'");
        shouldBeTrue("axText.replaceTextInRange('Ice-cream', 0, 6)");
        shouldBe("axText.stringValue", "'AXValue: Ice-cream'");
        text.blur();

        var axTextarea = accessibilityController.accessibleElementById("textarea");
        var textarea = document.getElementById("textarea");
        textarea.focus();
        shouldBeTrue("axTextarea.replaceTextInRange('Cat', 0, 0)");
        shouldBe("axTextarea.stringValue", "'AXValue: Cat'");
        shouldBeTrue("axTextarea.replaceTextInRange('Dog', 0, 3)");
        shouldBe("axTextarea.stringValue", "'AXValue: Dog'");
        textarea.blur();

        document.getElementById("content").style.visibility = "hidden";
    }
</script>

</body>
</html>