<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
<script>
jsTestIsAsync = true;

if (window.testRunner)
    testRunner.keepWebHistory();

function loaded()
{
    description('Verify that changes done by history.replaceState and history.pushState update visitedLinks.');

    window.history.replaceState(null, "Title", "#foo");
    window.history.pushState(null, "Title", "#bar");

    if (window.internals) {
        style1 = internals.computedStyleIncludingVisitedInfo(document.getElementById('link1'));
        style2 = internals.computedStyleIncludingVisitedInfo(document.getElementById('link2'));

        // The style is not necessarily updated synchronously in response to history.replaceState and history.pushState.
        shouldBecomeEqualToString("style1.color", "rgb(255, 165, 0)", function() {
            shouldBecomeEqualToString("style2.color", "rgb(255, 165, 0)", finishJSTest);
        });
    }
}

</script>

<style>
:link { color: rgb(0, 255, 0); background-color: white }
:visited { color: rgb(255, 165, 0); background-color: black }
</style>
</head>
<body onload="loaded();">
<p id=description></p>
<a id="link1" href="#foo">This link should get colored visited as a result of replaceState() setting it as the current URL</a><br>
<a id="link2" href="#bar">This link should get colored visited as a result of pushState() adding it to the forward list</a><br>
If you're running in a browser, the link should be orange-on-black and you should see "replacedURL.html" in your global history.<br>
If you're running in DRT, the test will also append "PASS" or "FAIL".<br>
<div id=console></div>
</body>
<script src="../../../resources/js-test-post.js"></script>
</html>
