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

Update web-platform-tests to revision b'51407aaa3d17aa440f6807caef5e390dc779087a'

Browse source
This commit is contained in:
WPT Sync Bot 2021-02-25 08:20:53 +00:00
parent 60b642968b
commit 4db11786c5
263 changed files with 6777 additions and 1228 deletions
Download patch file Download diff file Expand all files Collapse all files

140
tests/wpt/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-ref.html Normal file
View file

@ -0,0 +1,140 @@
<!doctype html>
<title>Reference: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
html,body {
color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
}
.container {
display: flex;
width: 180px;
border: 1px solid blue;
}
.container > * {
background-color: cyan;
display: block;
}
.test1 > * {
flex-shrink: 0;
min-width: 100%;
}
.test2 > * {
flex-shrink: 0;
min-width: 50%;
}
.test3 > * {
flex-shrink: 0.5;
min-width: 50%;
}
.test4 > * {
flex-grow: 0.1;
min-width: 50%;
}
.test5 > * {
flex-shrink: 0.2;
flex-grow: 0.5;
min-width: 10%;
}
.base > * {
flex-basis: 100px;
}
.large-base {
width: 100px;
}
.large-base > * {
flex-basis: 200px;
}
</style>
<div class="container test1">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test1 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test1 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>

144
tests/wpt/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html Normal file
View file

@ -0,0 +1,144 @@
<!doctype html>
<title>Flexbox Test: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1454330">
<link rel="match" href="table-item-flex-percentage-min-width-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
html,body {
color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
}
.container {
display: flex;
width: 180px;
border: 1px solid blue;
}
.container > * {
background-color: cyan;
display: table;
}
.test1 > * {
flex-shrink: 0;
min-width: 100%;
}
.test2 > * {
flex-shrink: 0;
min-width: 50%;
}
.test3 > * {
flex-shrink: 0.5;
min-width: 50%;
}
.test4 > * {
flex-grow: 0.1;
min-width: 50%;
}
.test5 > * {
flex-shrink: 0.2;
flex-grow: 0.5;
min-width: 10%;
}
.base > * {
flex-basis: 100px;
}
.large-base {
width: 100px;
}
.large-base > * {
flex-basis: 200px;
}
</style>
<div class="container test1">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test1 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5 base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test1 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test2 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test3 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test4 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="container test5 large-base">
<div>1</div>
<div>2</div>
<div>3</div>
</div>