mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
3c80bbd321
Automatic update from web-platform-tests Port two webkit-xxx-interpolation.html to wpt/ These two tests already have corresponding tests in wpt, this CL just adds some cases that are not yet covered under wpt. We still keep the prefixed tests to ensure coverage. Tested on both Chrome and Firefox, and they both pass the newly added test cases. Bug: 900581 Change-Id: Ic7ef80eb8d29179080d669b20279b59937c51960 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1805860 Reviewed-by: Stephen McGruer <smcgruer@chromium.org> Commit-Queue: Xida Chen <xidachen@chromium.org> Cr-Commit-Position: refs/heads/master@{#697227} -- wpt-commits: 024be57c34673a2861000f819e4d0218bcb3f23a wpt-pr: 19071
80 lines
1.5 KiB
HTML
80 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<title>column-count interpolation</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#cc">
|
|
<meta name="assert" content="column-count supports animation by computed value">
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/interpolation-testcommon.js"></script>
|
|
|
|
<style>
|
|
.parent {
|
|
column-count: 30;
|
|
}
|
|
.target {
|
|
column-count: 10;
|
|
}
|
|
</style>
|
|
|
|
<body></body>
|
|
|
|
<script>
|
|
test_interpolation({
|
|
property: 'column-count',
|
|
from: neutralKeyframe,
|
|
to: '20',
|
|
}, [
|
|
{at: -0.5, expect: '5'},
|
|
{at: 0, expect: '10'},
|
|
{at: 0.3, expect: '13'},
|
|
{at: 0.7, expect: '17'},
|
|
{at: 1, expect: '20'},
|
|
{at: 1.5, expect: '25'},
|
|
]);
|
|
|
|
test_no_interpolation({
|
|
property: 'column-count',
|
|
from: 'auto',
|
|
to: '20',
|
|
});
|
|
|
|
test_interpolation({
|
|
property: 'column-count',
|
|
from: 'inherit',
|
|
to: '20',
|
|
}, [
|
|
{at: -0.5, expect: '35'},
|
|
{at: 0, expect: '30'},
|
|
{at: 0.3, expect: '27'},
|
|
{at: 0.7, expect: '23'},
|
|
{at: 1, expect: '20'},
|
|
{at: 1.5, expect: '15'},
|
|
]);
|
|
|
|
test_interpolation({
|
|
property: 'column-count',
|
|
from: '10',
|
|
to: '1'
|
|
}, [
|
|
{at: -0.5, expect: '15'},
|
|
{at: 0, expect: '10'},
|
|
{at: 0.3, expect: '7'},
|
|
{at: 0.7, expect: '4'},
|
|
// Only positive integers are valid
|
|
{at: 1, expect: '1'},
|
|
{at: 1.5, expect: '1'}
|
|
]);
|
|
|
|
test_no_interpolation({
|
|
property: 'column-count',
|
|
from: 'initial',
|
|
to: '5',
|
|
});
|
|
|
|
test_no_interpolation({
|
|
property: 'column-count',
|
|
from: 'unset',
|
|
to: '5',
|
|
});
|
|
</script>
|