<!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>