Update web-platform-tests to revision be5419e845d39089ba6dc338c1bd0fa279108317

This commit is contained in:
Josh Matthews 2018-01-04 13:44:24 -05:00
parent aa199307c8
commit 2b6f573eb5
3440 changed files with 109438 additions and 41750 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>