blob: afcb402bb40ac2f80c5902d90ebf68def35f4037 [file] [log] [blame]
<html>
<head>
<style>
#foo {
-webkit-transition: all 0.05s linear, top 0.1s linear;
position: absolute;
top: 30px;
left: 10px;
width: 300px;
height: 300px;
background-image: -webkit-linear-gradient(red, green, blue);
}
#foo.trans {
top: 40px;
}
</style>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
</script>
</head>
<body>
<div id="foo">This should not fire a background-image transition.</div>
<script type="text/javascript" charset="utf-8">
var finished = false;
// Force a layout so that changing the classname below causes an animation.
document.body.offsetHeight;
document.getElementById('foo').addEventListener('webkitTransitionEnd', function(evt) {
if(evt.propertyName == "background-image" && !finished) {
document.getElementById('result').innerHTML = ("FAIL: saw a background-image transition");
if (window.testRunner)
testRunner.notifyDone();
finished = true;
} else if(evt.propertyName == "top" && !finished) {
document.getElementById('result').innerHTML = ("PASS: no background-image transition");
if (window.testRunner)
testRunner.notifyDone();
}
});
document.getElementById("foo").className="trans";
</script>
<div id="result">
</div>
</body>
</html>