mirror of
https://github.com/servo/servo.git
synced 2025-08-29 17:18:23 +01:00
Update web-platform-tests to revision 3b0853b41cdb88c713f2ac3636f5b69c14b31d49
This commit is contained in:
WPT Sync Bot
parent
c58f91ec1f
commit
c084436da7
31 changed files with 611 additions and 57 deletions
|
|
@ -29,7 +29,6 @@
|
|||
li:before
|
||||
{
|
||||
content: counter(list-item) ". ";
|
||||
counter-increment: list-item;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: counter-reset and counter-increment on display:contents</title>
|
||||
<title>CSS Lists: counter-reset, counter-set and counter-increment on display:contents</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists/#counters-without-boxes">
|
||||
<link rel="match" href="counter-7-ref.html">
|
||||
|
|
@ -8,6 +8,7 @@
|
|||
.inc { counter-increment: x }
|
||||
.reset-6 { counter-reset: x 6 }
|
||||
.reset-666 { counter-reset: x 666 }
|
||||
.set-666 { counter-set: x 666 }
|
||||
.contents { display: contents }
|
||||
.result::before { content: counter(x) }
|
||||
</style>
|
||||
|
|
@ -15,5 +16,6 @@
|
|||
<div>
|
||||
<span class="reset-6"></span>
|
||||
<span class="contents reset-666 inc"></span>
|
||||
<span class="contents set-666"></span>
|
||||
<span class="inc result"></span>
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: counter-reset and counter-increment on display:none</title>
|
||||
<title>CSS Lists: counter-reset, counter-set and counter-increment on display:none</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists/#counters-without-boxes">
|
||||
<link rel="match" href="counter-7-ref.html">
|
||||
|
|
@ -8,6 +8,7 @@
|
|||
.inc { counter-increment: x }
|
||||
.reset-6 { counter-reset: x 6 }
|
||||
.reset-666 { counter-reset: x 666 }
|
||||
.set-666 { counter-set: x 666 }
|
||||
.none { display: none }
|
||||
.result::before { content: counter(x) }
|
||||
</style>
|
||||
|
|
@ -15,5 +16,6 @@
|
|||
<div>
|
||||
<span class="reset-6"></span>
|
||||
<span class="none reset-666 inc"></span>
|
||||
<span class="none set-666"></span>
|
||||
<span class="inc result"></span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: basic tests for 'counter-set'</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<span>7</span><!-- "7" -->
|
||||
<span>0</span><!-- "0" -->
|
||||
<span>7</span><!-- "7" -->
|
||||
<span>8</span><!-- "8" -->
|
||||
<span>2</span><!-- "2" -->
|
||||
<x>
|
||||
<span>2</span><!-- "2" -->
|
||||
</x>
|
||||
<span>3</span><!-- "3" -->
|
||||
<x>
|
||||
<span>0</span><!-- "0" -->
|
||||
<span>2</span><!-- "2" -->
|
||||
<x>
|
||||
<span>2.5</span><!-- "2.5" -->
|
||||
</x>
|
||||
</x>
|
||||
<span>3</span><!-- "3" -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: basic tests for 'counter-set'</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-set">
|
||||
<link rel="match" href="counter-set-001-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
span::before { content: counters(n, '.'); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<span style="counter-set: n 7"></span><!-- "7" -->
|
||||
<span style="counter-set: n"></span><!-- "0" -->
|
||||
<span style="counter-set: n 8 n 7"></span><!-- "7" -->
|
||||
<span style="counter-set: n 6; counter-increment: n 2"></span><!-- "8" -->
|
||||
<span style="counter-set: n; counter-increment: n 2"></span><!-- "2" -->
|
||||
<x style="counter-reset: n 9">
|
||||
<span style="counter-set: n 2"></span><!-- "2" -->
|
||||
</x>
|
||||
<span style="counter-increment: n"></span><!-- "3" -->
|
||||
<x style="counter-reset: n 9">
|
||||
<span style="counter-set: n"></span><!-- "0" -->
|
||||
<span style="counter-set: n 2"></span><!-- "2" -->
|
||||
<x style="counter-reset: n 1">
|
||||
<span style="counter-set: n 5"></span><!-- "2.5" -->
|
||||
</x>
|
||||
</x>
|
||||
<span style="counter-increment: n"></span><!-- "3" -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference:_CSS Lists: 'counter-increment:list-item' on LI</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 10em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ol><li value=0>a<li value=4>b<li value=4>c</ol>
|
||||
<ol><li value=0>a<li value=9>b<li value=9>c</ol>
|
||||
<ol><li value=-1>a<li value=3>b<li value=2>c</ol>
|
||||
<ol><li value=0>a<li value=4>b<li value=4>c</ol>
|
||||
<ol><li value=2>a<li value=6>b<li value=8>c</ol>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: 'counter-increment:list-item' on LI</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-increment">
|
||||
<link rel="match" href="li-list-item-counter-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 10em; }
|
||||
li { counter-increment: list-item 0; }
|
||||
.dec { counter-increment:list-item -1; }
|
||||
.zero { counter-increment:list-item 1 list-item -1; }
|
||||
.two { counter-increment:list-item 3 list-item -1; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ol><li>a<li value=4>b<li>c</ol>
|
||||
<ol><li>a<li value=4 style="counter-increment:list-item 5">b<li>c</ol>
|
||||
<ol><li class=dec>a<li value=4 class=dec>b<li class=dec>c</ol>
|
||||
<ol><li class=zero>a<li value=4 class=zero>b<li class=zero>c</ol>
|
||||
<ol><li class=two>a<li value=4 class=two>b<li class=two>c</ol>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference:_CSS Lists: 'counter-set:list-item' trumps LI @value</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 10em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ol><li>a<li value=99>b</ol>
|
||||
<ol><li>a<li value=149>b</ol>
|
||||
<ol><li>a<li value=54>b</ol>
|
||||
<ol><li>a<li value=149>b</ol>
|
||||
<ol><li>a<li value=51>b</ol>
|
||||
<ol><li>a<li value=88>b</ol>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: 'counter-set:list-item' trumps LI @value</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-set">
|
||||
<link rel="match" href="li-value-counter-reset-001-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 10em; }
|
||||
li.set { counter-set: list-item 99; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ol><li>a<li value=4 class=set>b</ol>
|
||||
<ol><li>a<li value=4 class=set style="counter-increment:list-item 50">b</ol>
|
||||
<ol><li>a<li value=4 style="counter-increment:list-item 50">b</ol>
|
||||
<ol><li>a<li class=set style="counter-increment:list-item 50">b</ol>
|
||||
<ol><li>a<li style="counter-increment:list-item 50">b</ol>
|
||||
<ol><li>a<li value=4 class=set style="counter-set:list-item 88">b</ol>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a multi-column container on button works with a column-span:all child</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
button {
|
||||
width: 400px;
|
||||
}
|
||||
.inner {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div class="inner">
|
||||
<div>block1</div><div>block2</div>
|
||||
<h3>spanner</h3>
|
||||
<div>block3</div><div>block4</div>
|
||||
</div>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a multi-column container on button works with a column-span:all child</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span">
|
||||
<link rel="match" href="multicol-span-all-button-001-ref.html">
|
||||
<meta name="assert" content="This test checks the page is rendered correctly for a multi-column container on button with a column-span:all child.">
|
||||
|
||||
<style>
|
||||
button {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
width: 400px;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div>block1</div><div>block2</div>
|
||||
<h3>spanner</h3>
|
||||
<div>block3</div><div>block4</div>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:absolute boxes</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
button {
|
||||
width: 400px;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.inner {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
a {
|
||||
position: absolute;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div class="inner">
|
||||
<div>block1</div><div>block2</div><a></a>
|
||||
<h3>spanner<a></a></h3>
|
||||
<div>block3</div><div>block4</div><a></a>
|
||||
</div>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:absolute boxes</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span">
|
||||
<link rel="match" href="multicol-span-all-button-002-ref.html">
|
||||
<meta name="assert" content="This test checks the page is rendered correctly for a overflow:hidden and position:absolute button multi-column container with a column-span:all child and position:absolute boxes.">
|
||||
|
||||
<style>
|
||||
button {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
width: 400px;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
a {
|
||||
position: absolute;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div>block1</div><div>block2</div><a></a>
|
||||
<h3>spanner<a></a></h3>
|
||||
<div>block3</div><div>block4</div><a></a>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:fixed boxes</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
button {
|
||||
width: 400px;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.inner {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
a {
|
||||
position: fixed;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div class="inner">
|
||||
<div>block1</div><div>block2</div><a></a>
|
||||
<h3>spanner<a></a></h3>
|
||||
<div>block3</div><div>block4</div><a></a>
|
||||
</div>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:fixed boxes</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span">
|
||||
<link rel="match" href="multicol-span-all-button-003-ref.html">
|
||||
<meta name="assert" content="This test checks the page is rendered correctly for a overflow:hidden and position:absolute button multi-column container with a column-span:all child and position:absolute boxes.">
|
||||
|
||||
<style>
|
||||
button {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
width: 400px;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
a {
|
||||
position: fixed;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button>
|
||||
<div>block1</div><div>block2</div><a></a>
|
||||
<h3>spanner<a></a></h3>
|
||||
<div>block3</div><div>block4</div><a></a>
|
||||
</button>
|
||||
</html>
|
||||
|
|
@ -63,6 +63,7 @@ div {
|
|||
<div class="target small" style="top: 200px"></div>
|
||||
<div class="target small" style="top: 600px"></div>
|
||||
<div class="target small" style="top: 1200px"></div>
|
||||
<div class="target large-y" style="top: 2000px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -143,6 +144,20 @@ test(() => {
|
|||
}, "Snap to current scroll position which is a valid snap position, as the " +
|
||||
"snap area covers snapport on y and there is no subsequent snap positions.");
|
||||
|
||||
test(() => {
|
||||
const maxScrollTop = scroller_y.scrollHeight - scroller_y.clientHeight;
|
||||
|
||||
// Scroll to the bottom edge which is a valid snap position that a large
|
||||
// target element covers the snapport.
|
||||
scroller_y.scrollTo(0, maxScrollTop);
|
||||
assert_equals(scroller_y.scrollTop, maxScrollTop);
|
||||
|
||||
// Scroll to `the bottom edge + 1`.
|
||||
scroller_y.scrollTo(0, maxScrollTop + 1);
|
||||
assert_equals(scroller_y.scrollTop, maxScrollTop);
|
||||
}, "Don't snap back even if scrollTo tries to scroll to positions which are " +
|
||||
"outside of the scroll range and if a snap target element covers the snaport");
|
||||
|
||||
test(() => {
|
||||
two_axes_scroller.scrollTo(10, 100);
|
||||
assert_equals(two_axes_scroller.scrollLeft, 10);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue