Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Sync Mozilla tests as of https://hg.mozilla.org/mozilla-central/rev/c…
- Loading branch information
Showing
8 changed files
with
495 additions
and
2 deletions.
There are no files selected for viewing
77 changes: 77 additions & 0 deletions
77
...-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-flex-basis-content-001-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Any copyright is dedicated to the Public Domain. | ||
http://creativecommons.org/publicdomain/zero/1.0/ | ||
--> | ||
<html> | ||
<head> | ||
<title>CSS Reftest Reference</title> | ||
<meta charset="utf-8"> | ||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> | ||
<link rel="stylesheet" type="text/css" href="support/ahem.css"> | ||
<style> | ||
.container { | ||
display: flex; | ||
flex-direction: row; | ||
justify-content: space-between; | ||
border: 2px solid purple; | ||
padding: 2px; | ||
margin-bottom: 2em; | ||
height: 50px; | ||
width: 200px; | ||
} | ||
|
||
.container > * { | ||
flex-shrink: 0; | ||
min-width: 0; | ||
border: 2px solid teal; | ||
} | ||
|
||
.smallText { font: 10px Ahem; } | ||
.bigText { font: 20px Ahem; } | ||
.spacerChild::before { | ||
content: ''; | ||
display: block; | ||
background: brown; | ||
height: 10px; | ||
width: 10px; | ||
} | ||
.justPadding { | ||
/* Empty div with 5px padding on each side */ | ||
padding: 5px; | ||
background: cyan; | ||
} | ||
canvas { background: fuchsia } | ||
</style> | ||
</head> | ||
<body> | ||
<!-- Flex items have unspecified size properties: --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas width="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified main-size values, in testcase | ||
(removed here in reference case, because they shouldn't affect sizing): --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas width="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified cross-size values (should be honored): --> | ||
<div class="container"> | ||
<div class="smallText" style="height: 0px">a b</div> | ||
<div class="bigText" style="height: 40px">c</div> | ||
<div class="spacerChild" style="height: 20px"></div> | ||
<div class="justPadding" style="height: 10px"></div> | ||
<canvas width="20" style="height: 8px"></canvas> | ||
</div> | ||
|
||
</body> | ||
</html> |
83 changes: 83 additions & 0 deletions
83
...dor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-flex-basis-content-001a.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,83 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Any copyright is dedicated to the Public Domain. | ||
http://creativecommons.org/publicdomain/zero/1.0/ | ||
--> | ||
<html> | ||
<head> | ||
<title> | ||
CSS Test: Testing "flex-basis: content" in a row-oriented flex container | ||
</title> | ||
<meta charset="utf-8"> | ||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> | ||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis"> | ||
<link rel="match" href="flexbox-flex-basis-content-001-ref.html"> | ||
<link rel="stylesheet" type="text/css" href="support/ahem.css"> | ||
<style> | ||
.container { | ||
display: flex; | ||
flex-direction: row; | ||
justify-content: space-between; | ||
border: 2px solid purple; | ||
padding: 2px; | ||
margin-bottom: 2em; | ||
height: 50px; | ||
width: 200px; | ||
} | ||
|
||
.container > * { | ||
/* All flex items have "flex-basis: content" (and zero flex-shrink and | ||
min-main-size, to avoid any influence from those). */ | ||
flex-basis: content; | ||
flex-shrink: 0; | ||
min-width: 0; | ||
border: 2px solid teal; | ||
} | ||
|
||
.smallText { font: 10px Ahem; } | ||
.bigText { font: 20px Ahem; } | ||
.spacerChild::before { | ||
content: ''; | ||
display: block; | ||
background: brown; | ||
height: 10px; | ||
width: 10px; | ||
} | ||
.justPadding { | ||
/* Empty div with 5px padding on each side */ | ||
padding: 5px; | ||
background: cyan; | ||
} | ||
canvas { background: fuchsia } | ||
</style> | ||
</head> | ||
<body> | ||
<!-- Flex items have unspecified size properties: --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas width="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified main-size values (should be ignored): --> | ||
<div class="container"> | ||
<div class="smallText" style="width: 0px">a b</div> | ||
<div class="bigText" style="width: 40px">c</div> | ||
<div class="spacerChild" style="width: 20px"></div> | ||
<div class="justPadding" style="width: 10px"></div> | ||
<canvas width="20" style="width: 8px"></canvas> | ||
</div> | ||
|
||
<!-- Various specified cross-size values (should be honored): --> | ||
<div class="container"> | ||
<div class="smallText" style="height: 0px">a b</div> | ||
<div class="bigText" style="height: 40px">c</div> | ||
<div class="spacerChild" style="height: 20px"></div> | ||
<div class="justPadding" style="height: 10px"></div> | ||
<canvas width="20" style="height: 8px"></canvas> | ||
</div> | ||
|
||
</body> | ||
</html> |
83 changes: 83 additions & 0 deletions
83
...dor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-flex-basis-content-001b.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,83 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Any copyright is dedicated to the Public Domain. | ||
http://creativecommons.org/publicdomain/zero/1.0/ | ||
--> | ||
<html> | ||
<head> | ||
<title> | ||
CSS Test: Testing "flex-basis: content" (set via the "flex" shorthand) | ||
in a row-oriented flex container. | ||
</title> | ||
<meta charset="utf-8"> | ||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> | ||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis"> | ||
<link rel="match" href="flexbox-flex-basis-content-001-ref.html"> | ||
<link rel="stylesheet" type="text/css" href="support/ahem.css"> | ||
<style> | ||
.container { | ||
display: flex; | ||
flex-direction: row; | ||
justify-content: space-between; | ||
border: 2px solid purple; | ||
padding: 2px; | ||
margin-bottom: 2em; | ||
height: 50px; | ||
width: 200px; | ||
} | ||
|
||
.container > * { | ||
/* All flex items have "flex-basis: content" (and zero flex-shrink and | ||
min-main-size, to avoid any influence from those). */ | ||
flex: 0 0 content; | ||
min-width: 0; | ||
border: 2px solid teal; | ||
} | ||
|
||
.smallText { font: 10px Ahem; } | ||
.bigText { font: 20px Ahem; } | ||
.spacerChild::before { | ||
content: ''; | ||
display: block; | ||
background: brown; | ||
height: 10px; | ||
width: 10px; | ||
} | ||
.justPadding { | ||
/* Empty div with 5px padding on each side */ | ||
padding: 5px; | ||
background: cyan; | ||
} | ||
canvas { background: fuchsia } | ||
</style> | ||
</head> | ||
<body> | ||
<!-- Flex items have unspecified size properties: --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas width="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified main-size values (should be ignored): --> | ||
<div class="container"> | ||
<div class="smallText" style="width: 0px">a b</div> | ||
<div class="bigText" style="width: 40px">c</div> | ||
<div class="spacerChild" style="width: 20px"></div> | ||
<div class="justPadding" style="width: 10px"></div> | ||
<canvas width="20" style="width: 8px"></canvas> | ||
</div> | ||
|
||
<!-- Various specified cross-size values (should be honored): --> | ||
<div class="container"> | ||
<div class="smallText" style="height: 0px">a b</div> | ||
<div class="bigText" style="height: 40px">c</div> | ||
<div class="spacerChild" style="height: 20px"></div> | ||
<div class="justPadding" style="height: 10px"></div> | ||
<canvas width="20" style="height: 8px"></canvas> | ||
</div> | ||
|
||
</body> | ||
</html> |
78 changes: 78 additions & 0 deletions
78
...-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-flex-basis-content-002-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,78 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Any copyright is dedicated to the Public Domain. | ||
http://creativecommons.org/publicdomain/zero/1.0/ | ||
--> | ||
<html> | ||
<head> | ||
<title>CSS Reftest Reference</title> | ||
<meta charset="utf-8"> | ||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> | ||
<link rel="stylesheet" type="text/css" href="support/ahem.css"> | ||
<style> | ||
.container { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: space-between; | ||
border: 2px solid purple; | ||
padding: 2px; | ||
margin-right: 2em; | ||
width: 50px; | ||
height: 200px; | ||
float: left; | ||
} | ||
|
||
.container > * { | ||
flex-shrink: 0; | ||
min-height: 0; | ||
border: 2px solid teal; | ||
} | ||
|
||
.smallText { font: 10px Ahem; } | ||
.bigText { font: 20px Ahem; } | ||
.spacerChild::before { | ||
content: ''; | ||
display: block; | ||
background: brown; | ||
height: 10px; | ||
width: 10px; | ||
} | ||
.justPadding { | ||
/* Empty div with 5px padding on each side */ | ||
padding: 5px; | ||
background: cyan; | ||
} | ||
canvas { background: fuchsia } | ||
</style> | ||
</head> | ||
<body> | ||
<!-- Flex items have unspecified size properties: --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas height="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified main-size values, in testcase | ||
(removed here in reference case, because they shouldn't affect sizing): --> | ||
<div class="container"> | ||
<div class="smallText">a b</div> | ||
<div class="bigText">c</div> | ||
<div class="spacerChild"></div> | ||
<div class="justPadding"></div> | ||
<canvas height="20"></canvas> | ||
</div> | ||
|
||
<!-- Various specified cross-size values (should be honored): --> | ||
<div class="container"> | ||
<div class="smallText" style="width: 0px">a b</div> | ||
<div class="bigText" style="width: 40px">c</div> | ||
<div class="spacerChild" style="width: 20px"></div> | ||
<div class="justPadding" style="width: 10px"></div> | ||
<canvas height="20" style="width: 8px"></canvas> | ||
</div> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.