Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-24 22:58:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision bb1f35100ad0aedeeb6897dd640b360f80498027

Browse source
This commit is contained in:
WPT Sync Bot 2018-02-05 20:11:36 -05:00 • committed by Josh Matthews
parent 3a3a7cdc22
commit 210ff0c02a
35 changed files with 1957 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

37
tests/wpt/web-platform-tests/css/css-align/gaps/gap-animation-004.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Box Alignment Test: gap test animation</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://www.w3.org/TR/css-align-3/#column-row-gap">
<link rel="help" href="https://www.w3.org/TR/css-animations-1/#keyframes">
<meta name="assert" content="This test checks that gap property is interpolable for each longhand (row-gap and column-gap) independently.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
@keyframes gap-100-200-to-200-400 {
from { gap: 100px 200px; }
to { gap: 200px 400px; }
}
#target {
animation-name: gap-100-200-to-200-400;
animation-timing-function: linear;
animation-duration: 2s;
animation-delay: -1s;
animation-play-state: paused;
}
</style>
<body>
<div id="target"></div>
<div id="log"></div>
<script>
test(
function(){
var target = document.getElementById("target");
assert_equals(getComputedStyle(target).gap, "150px 300px");
assert_equals(getComputedStyle(target).rowGap, "150px");
assert_equals(getComputedStyle(target).columnGap, "300px");
}, "gap is interpolable");
</script>
</body>