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 }
|
0% { opacity: 0.2 }
|
||||||
100% { opacity: 0.8 }
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -2039,6 +2071,33 @@ advance_clock(500);
|
|||||||
is(cs.getPropertyValue("opacity"), "0.35", "opacity animation overriding transition at 0.5s");
|
is(cs.getPropertyValue("opacity"), "0.35", "opacity animation overriding transition at 0.5s");
|
||||||
done_div();
|
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();
|
SpecialPowers.DOMWindowUtils.restoreNormalRefresh();
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
@ -2237,6 +2237,12 @@ addAsyncAnimTest(function *() {
|
|||||||
done_div();
|
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
|
// Bug 847287 - Test that changes of when an animation is dynamically
|
||||||
// overridden work correctly.
|
// overridden work correctly.
|
||||||
addAsyncAnimTest(function *() {
|
addAsyncAnimTest(function *() {
|
||||||
|
Loading…
Reference in New Issue
Block a user