<html>
<body>
<p>Test for Blink bug <a href="https://code.google.com/p/chromium/issues/detail?id=228870">228870</a>: CSS parser incorrectly handles invalid @-webkit-keyframes key values</p>
<style>
@-webkit-keyframes foo {
0 {foo: bar;}
}
#test1 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
0, 100% {foo: bar;}
}
#test2 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
10%, none {foo: bar;}
}
#test3 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
-10%, from {foo: bar;}
}
#test4 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
0 {foo: bar;} from
}
#test5 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
{foo: bar;}
}
#test6 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
10%
}
#test7 {
display: none;
}
</style>
<style>
@-webkit-keyframes foo {
from (}) {}
#(}) {}
}
#test8 {
display: none;
}
</style>
<div id="test1">Test 1 failed (INTEGER single key)</div>
<div id="test2">Test 2 failed (INTEGER in a key list)</div>
<div id="test3">Test 3 failed (unknown IDENT in a key list)</div>
<div id="test4">Test 4 failed (out-of-range percentage key value in a key list)</div>
<div id="test5">Test 5 failed (key list with no block)</div>
<div id="test6">Test 6 failed (no key list)</div>
<div id="test7">Test 7 failed (no declaration block)</div>
<div id="test8">Test 8 failed (handling invalid perentheses block)</div>
</body>
<script type="text/javascript">
if (window.testRunner)
testRunner.dumpAsText();
</script>
</html>