<!DOCTYPE html>
<script src="resources/autosizingTest.js"></script>
<style>
    @keyframes widthAnim {
        0% { width: 100px }
        50% { width: 800px }
    }

    #animated {
        width: 100px;
        font-size: 70px;
        animation-name: widthAnim;
        animation-duration: 0.1s;
        animation-timing-function: steps(2, start);
    }
</style>
<p>PASS if test doesn't assert or crash.</p>
<div id="animated">xxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
<script>
    if (window.testRunner) {
        testRunner.dumpAsText();
        testRunner.waitUntilDone();
    }

    setWindowSizeOverride(320, 480);

    addEventListener("animationend", function(){
        if (window.testRunner)
            testRunner.notifyDone();
    });
</script>