Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #14712 - KiChjang:css-keyframe-rule-style, r=Manishearth

Browse source 
Implement CSSKeyframeRule.style

Fixes #14636.

r? @Manishearth

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/14712)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2017-01-07 22:18:11 -08:00 • committed by GitHub
commit cdf14730ff
6 changed files with 79 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/metadata/MANIFEST.json
View file

@ -45847,6 +45847,12 @@
"deleted_reftests": {},
"items": {
"testharness": {
"cssom/CSSKeyframeRule.html": [
{
"path": "cssom/CSSKeyframeRule.html",
"url": "/cssom/CSSKeyframeRule.html"
}
],
"cssom/overflow-serialization.html": [
{
"path": "cssom/overflow-serialization.html",

44
tests/wpt/web-platform-tests/cssom/CSSKeyframeRule.html Normal file
View file

@ -0,0 +1,44 @@
<!doctype html>
<meta charset="utf-8">
<title></title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css" id="styleElement">
div { animation: 3s slidein; }
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
</style>
<script>
var styleSheet = document.getElementById("styleElement").sheet;
var keyframesRule = styleSheet.cssRules[1];
var fromRule = keyframesRule.cssRules[0];
var toRule = keyframesRule.cssRules[1];
test(function() {
assert_equals(keyframesRule.name, "slidein");
assert_equals(typeof fromRule.style, "object");
assert_equals(fromRule.style.marginLeft, "100%");
assert_equals(fromRule.style.width, "300%");
assert_equals(typeof toRule.style, "object");
assert_equals(toRule.style.marginLeft, "0%");
assert_equals(toRule.style.width, "100%");
toRule.style.marginLeft = "-5%";
toRule.style.width = "50%";
assert_equals(fromRule.style.marginLeft, "100%");
assert_equals(fromRule.style.width, "300%");
assert_equals(toRule.style.marginLeft, "-5%");
assert_equals(toRule.style.width, "50%");
}, "CSSKeyframeRule: style property");
</script>