mirror of
https://github.com/servo/servo.git
synced 2025-08-09 07:25:35 +01:00
Update web-platform-tests to revision be5419e845d39089ba6dc338c1bd0fa279108317
This commit is contained in:
parent
aa199307c8
commit
2b6f573eb5
3440 changed files with 109438 additions and 41750 deletions
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - node removal</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span id="spanRemove"></span>words</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
spanRemove.remove();
|
||||
</script>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - display:none</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span style="display:none"></span>words</div>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - display:none dynamic</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span id="noneSpan"></span>words</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
noneSpan.style.display = "none";
|
||||
</script>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - position:absolute</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span style="position:absolute"></span>words</div>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - position:absolute dynamic</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span id="absSpan"></span>words</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
absSpan.style.position = "absolute";
|
||||
</script>
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Test: Flex item - contiguous text runs - position:absolute and node removal</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items">
|
||||
<link rel="match" href="anonymous-flex-item-ref.html">
|
||||
<style>.abs { position:absolute }</style>
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
<div style="display:flex">two <span class="abs"></span><span id="spanRemove"></span><span class="abs"></span>words</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
spanRemove.remove();
|
||||
</script>
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<p>There should be a space between "two" and "words" below.</p>
|
||||
two words
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox: Percentages in stretched container</title>
|
||||
<link rel="author" title="Google" href="https://www.google.com/" />
|
||||
|
||||
<style>
|
||||
#outer {
|
||||
height: 10em;
|
||||
display: inline-block;
|
||||
background: green;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#middle {
|
||||
overflow-x: scroll;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#inner {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#outer2 {
|
||||
height: 10em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#middle2 {
|
||||
overflow-x: scroll;
|
||||
height: 10em;
|
||||
}
|
||||
|
||||
#inner2 {
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>You should not see red nor a vertical scrollbar</p>
|
||||
|
||||
<div id="outer">
|
||||
<div id="middle">
|
||||
<div id="inner">
|
||||
hello
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outer2">
|
||||
<div id="middle2">
|
||||
<div id="inner2">
|
||||
hello
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox: Percentages in stretched container</title>
|
||||
<link rel="author" title="Google" href="https://www.google.com/" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#definite-sizes" />
|
||||
<link rel="match" href="percentage-heights-004-ref.html">
|
||||
|
||||
<style>
|
||||
#outer {
|
||||
height: 10em;
|
||||
display: inline-flex;
|
||||
background: red;
|
||||
}
|
||||
|
||||
#middle {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
#inner {
|
||||
height: 100%;
|
||||
width: 200px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
#outer2 {
|
||||
height: 10em;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
background: red;
|
||||
}
|
||||
|
||||
#middle2 {
|
||||
overflow-x: scroll;
|
||||
flex: 1.0;
|
||||
}
|
||||
|
||||
#inner2 {
|
||||
height: 100%;
|
||||
width: 200px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>You should not see red nor a vertical scrollbar</p>
|
||||
|
||||
<div id="outer">
|
||||
<div id="middle">
|
||||
<div id="inner">
|
||||
hello
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outer2">
|
||||
<div id="middle2">
|
||||
<div id="inner2">
|
||||
hello
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Flexbox Test: Flex item as table with narrow content</title>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
|
||||
<meta name="assert" content="A flex item as a table uses the sizing algorithm of the flexbox">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="display:flex; width:200px;">
|
||||
<div style="display:table; flex:1 0; background:green;">
|
||||
<div style="width:10px; height:100px;"></div>
|
||||
</div>
|
||||
<div style="flex:1 0;"></div>
|
||||
</div>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Flexbox Test: Flex item as table with wide content</title>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
|
||||
<meta name="assert" content="A flex item as a table uses the sizing algorithm of the flexbox">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="display:flex; width:100px;">
|
||||
<div style="min-width:0; flex:1 1; display:table; background:green;">
|
||||
<div style="width:500px; height:100px;"></div>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue