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

Update web-platform-tests to revision b'fef1c092193085ce2fa64fd116484ba0f3c0dbb1'

Browse source
This commit is contained in:
WPT Sync Bot 2021-02-26 08:19:22 +00:00
parent 45f5d84d1b
commit 6b8f08a140
543 changed files with 24225 additions and 722 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/web-platform-tests/css/css-sizing/animation/aspect-ratio-interpolation.html
View file

@ -101,15 +101,29 @@ test_no_interpolation({
to: '0 / 1',
});
// Addition of <ratio>s is not possible.
// https://drafts.csswg.org/css-values/#combine-ratio
//
// And if a value type does not define a specific procedure for addition or is
// defined as not additive, its addition operation is simply Vresult = Va.
// (The first value is Va, the second value is Vb, and the result is Vresult.)
// https://drafts.csswg.org/css-values-4/#not-additive,
//
// So in this test case:
// 1. The 1st keyframe: { aspectRatio: 0.5/1, composite: 'replace', offset: 0 }
// 2. The 2nd keyframe: { aspectRatio: 1/1, composite: 'add', offset: 1 }
// and the underlying value is 2/1. Based on the spec, the composited from_value
// is 0.5/1 (because we just replace it), and the composited to_value is 2/1
// (because we use Va as the result value).
test_composition({
property: 'aspect-ratio',
underlying: '0.5 / 1',
replaceFrom: '1 / 1',
addTo: '2 / 1',
underlying: '2 / 1',
replaceFrom: '0.5 / 1',
addTo: '1 / 1',
}, [
{at: 0, expect: '1 / 1'},
{at: 0, expect: '0.5 / 1'},
{at: 0.5, expect: '1 / 1'},
{at: 1, expect: '1 / 1'}
{at: 1, expect: '2 / 1'}
]);
</script>

5
tests/wpt/web-platform-tests/css/css-sizing/intrinsic-percent-replaced-010-ref.html Normal file
View file

@ -0,0 +1,5 @@
<!doctype html>
<title>CSS Test Reference</title>
<div style="display: inline-block">
<img style="height: 100px; max-width: 100%;" src="/images/green-100x50.png">
</div>

17
tests/wpt/web-platform-tests/css/css-sizing/intrinsic-percent-replaced-010.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Percentage size abspos box in a containing block that has padding</title>
<link rel=help href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes">
<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1691374">
<link rel=author href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel=author href="https://mozilla.org" title="Mozilla">
<link rel=match href="intrinsic-percent-replaced-010-ref.html">
<div style="position: relative; padding-top: 100px; height: 0;">
<div style="position: absolute; top: 0; left: 0; height: 100%; width: 100%;">
<div style="display: inline-block; height: 100%;">
<img
style="height: 100%; max-width: 100%;"
src="/images/green-100x50.png">
</div>
</div>
</div>

7
tests/wpt/web-platform-tests/css/css-sizing/intrinsic-percent-replaced-011-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!doctype html>
<title>CSS Test Reference</title>
<div style="writing-mode: vertical-lr">
<div style="display: inline-block">
<img style="width: 100px; max-height: 100%;" src="/images/green-100x50.png">
</div>
</div>

20
tests/wpt/web-platform-tests/css/css-sizing/intrinsic-percent-replaced-011.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Percentage size abspos box in a containing block that has padding</title>
<link rel=help href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes">
<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1691374">
<link rel=author href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel=author href="https://mozilla.org" title="Mozilla">
<link rel=match href="intrinsic-percent-replaced-011-ref.html">
<style>
:root { writing-mode: vertical-lr; }
</style>
<div style="position: relative; padding-left: 100px; width: 0;">
<div style="position: absolute; top: 0; left: 0; height: 100%; width: 100%;">
<div style="display: inline-block; width: 100%;">
<img
style="width: 100%; max-height: 100%;"
src="/images/green-100x50.png">
</div>
</div>
</div>