Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-27 12:15:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1320474 - Add tests for the use of <string> as keyframes-name. r=birtles

Browse Source
This commit is contained in:
Jonathan Kew 2016-11-29 12:58:57 +00:00
parent 9139bdb856
commit 36da9c774c
2 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
layout/style/test/test_animations.html
View File

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

6
layout/style/test/test_animations_omta.html
View File

@ -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 *() {