mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-27 12:15:33 +00:00
Bug 1320474 - Add tests for the use of <string> as keyframes-name. r=birtles
This commit is contained in:
parent
9139bdb856
commit
36da9c774c
@ -163,6 +163,38 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=435442
|
||||
0% { opacity: 0.2 }
|
||||
100% { opacity: 0.8 }
|
||||
}
|
||||
|
||||
@keyframes "string name 1" { /* using string for keyframes name */
|
||||
0%, 100% { left: 1px }
|
||||
}
|
||||
|
||||
@keyframes "string name 2" {
|
||||
0%, 100% { left: 2px }
|
||||
}
|
||||
|
||||
@keyframes custom\ ident\ 1 {
|
||||
0%, 100% { left: 3px }
|
||||
}
|
||||
|
||||
@keyframes custom\ ident\ 2 {
|
||||
0%, 100% { left: 4px }
|
||||
}
|
||||
|
||||
@keyframes "initial" {
|
||||
0%, 100% { left: 5px }
|
||||
}
|
||||
|
||||
@keyframes initial { /* illegal as an identifier, should be dropped */
|
||||
0%, 100% { left: 6px }
|
||||
}
|
||||
|
||||
@keyframes "none" {
|
||||
0%, 100% { left: 7px }
|
||||
}
|
||||
|
||||
@keyframes none { /* illegal as an identifier, should be dropped */
|
||||
0%, 100% { left: 8px }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -2039,6 +2071,33 @@ advance_clock(500);
|
||||
is(cs.getPropertyValue("opacity"), "0.35", "opacity animation overriding transition at 0.5s");
|
||||
done_div();
|
||||
|
||||
|
||||
/*
|
||||
* Bug 1320474 - keyframes-name may be a string, allows names that would otherwise be excluded
|
||||
*/
|
||||
new_div("position: relative; animation: \"string name 1\" 1s linear");
|
||||
advance_clock(0);
|
||||
is(cs.getPropertyValue("left"), "1px", "animation name as a string");
|
||||
div.style.animation = "string\\ name\\ 2 1s linear";
|
||||
is(cs.getPropertyValue("left"), "2px", "animation name specified as string, referenced using custom ident");
|
||||
div.style.animation = "custom\\ ident\\ 1 1s linear";
|
||||
is(cs.getPropertyValue("left"), "3px", "animation name specified as custom-ident");
|
||||
div.style.animation = "\"custom ident 2\" 1s linear";
|
||||
is(cs.getPropertyValue("left"), "4px", "animation name specified as custom-ident, referenced using string");
|
||||
div.style.animation = "unset";
|
||||
div.style.animation = "initial 1s linear";
|
||||
is(cs.getPropertyValue("left"), "0px", "animation name 'initial' as identifier is ignored");
|
||||
div.style.animation = "unset";
|
||||
div.style.animation = "\"initial\" 1s linear";
|
||||
is(cs.getPropertyValue("left"), "5px", "animation name 'initial' as string is accepted");
|
||||
div.style.animation = "unset";
|
||||
div.style.animation = "none 1s linear";
|
||||
is(cs.getPropertyValue("left"), "0px", "animation name 'none' as identifier is ignored");
|
||||
div.style.animation = "unset";
|
||||
div.style.animation = "\"none\" 1s linear";
|
||||
is(cs.getPropertyValue("left"), "7px", "animation name 'none' as string is accepted");
|
||||
done_div();
|
||||
|
||||
SpecialPowers.DOMWindowUtils.restoreNormalRefresh();
|
||||
|
||||
</script>
|
||||
|
@ -2237,6 +2237,12 @@ addAsyncAnimTest(function *() {
|
||||
done_div();
|
||||
});
|
||||
|
||||
// Bug 1320474 - keyframes-name may be a string, allows names that would
|
||||
// otherwise be excluded.
|
||||
// These tests don't need to be duplicated here as they relate purely to
|
||||
// the animation setup which is common to both main-thread and compositor
|
||||
// animations.
|
||||
|
||||
// Bug 847287 - Test that changes of when an animation is dynamically
|
||||
// overridden work correctly.
|
||||
addAsyncAnimTest(function *() {
|
||||
|
Loading…
Reference in New Issue
Block a user