layout: tests: Add tests for max/min inline block size

And update existing expectations
This commit is contained in:
Emilio Cobos Álvarez 2016-04-13 04:41:30 +02:00
parent 3c105082b8
commit 3d4aa46bcf
No known key found for this signature in database
GPG key ID: 056B727BB9C1027C
7 changed files with 179 additions and 3 deletions

View file

@ -1,3 +0,0 @@
[max-width-110.htm]
type: reftest
expected: FAIL

View file

@ -3179,6 +3179,54 @@
"url": "/_mozilla/css/marker_block_direction_placement_a.html" "url": "/_mozilla/css/marker_block_direction_placement_a.html"
} }
], ],
"css/max_inline_block_size.html": [
{
"path": "css/max_inline_block_size.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size.html"
}
],
"css/max_inline_block_size_canvas.html": [
{
"path": "css/max_inline_block_size_canvas.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_canvas.html"
}
],
"css/max_inline_block_size_image.html": [
{
"path": "css/max_inline_block_size_image.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_image.html"
}
],
"css/max_inline_block_size_ref.html": [
{
"path": "css/max_inline_block_size_ref.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_ref.html"
}
],
"css/max_width_float_simple_a.html": [ "css/max_width_float_simple_a.html": [
{ {
"path": "css/max_width_float_simple_a.html", "path": "css/max_width_float_simple_a.html",
@ -9709,6 +9757,54 @@
"url": "/_mozilla/css/marker_block_direction_placement_a.html" "url": "/_mozilla/css/marker_block_direction_placement_a.html"
} }
], ],
"css/max_inline_block_size.html": [
{
"path": "css/max_inline_block_size.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size.html"
}
],
"css/max_inline_block_size_canvas.html": [
{
"path": "css/max_inline_block_size_canvas.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_canvas.html"
}
],
"css/max_inline_block_size_image.html": [
{
"path": "css/max_inline_block_size_image.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_image.html"
}
],
"css/max_inline_block_size_ref.html": [
{
"path": "css/max_inline_block_size_ref.html",
"references": [
[
"/_mozilla/css/max_inline_block_size_ref.html",
"=="
]
],
"url": "/_mozilla/css/max_inline_block_size_ref.html"
}
],
"css/max_width_float_simple_a.html": [ "css/max_width_float_simple_a.html": [
{ {
"path": "css/max_width_float_simple_a.html", "path": "css/max_width_float_simple_a.html",

Binary file not shown.

After

Width:  |  Height:  |  Size: 628 B

View file

@ -0,0 +1,21 @@
<!doctype html>
<meta charset="utf-8">
<title>Max inline-block size inside another inline-block element</title>
<link rel="match" href="max_inline_block_size_ref.html">
<style>
html, body { margin: 0; padding: 0; }
div { display: inline-block; }
#a {
background: red;
}
#b {
background: rgb(0, 255, 0);
width: 500px;
max-width: 250px;
height: 250px;
}
</style>
<div id="a"><div id="b"></div></div>

View file

@ -0,0 +1,24 @@
<!doctype html>
<meta charset="utf-8">
<title>Max inline-block size inside another inline-block element</title>
<link rel="match" href="max_inline_block_size_ref.html">
<style>
html, body { margin: 0; padding: 0; }
div, canvas { display: inline-block; }
#a {
background: red;
}
#c {
max-width: 250px;
height: 250px;
}
</style>
<div id="a"><canvas width="500" height="250" id="c"></canvas></div>
<script>
var c = document.getElementById("c").getContext("2d");
c.fillStyle = "rgb(0, 255, 0)";
c.fillRect(0, 0, c.canvas.width, c.canvas.height);
</script>

View file

@ -0,0 +1,18 @@
<!doctype html>
<meta charset="utf-8">
<title>Max inline-block size inside another inline-block element</title>
<link rel="match" href="max_inline_block_size_ref.html">
<style>
html, body { margin: 0; padding: 0; }
div, img { display: inline-block; }
#a {
background: red;
}
#b {
max-width: 250px;
}
</style>
<div id="a"><img id="b" width="500" height="250" src="250x250_green.png"></div>

View file

@ -0,0 +1,20 @@
<!doctype html>
<meta charset="utf-8">
<title>Max inline-block size inside another inline-block element</title>
<link rel="match" href="max_inline_block_size_ref.html">
<style>
html, body { margin: 0; padding: 0; }
div { display: inline-block; }
#a {
background: red;
}
#b {
background: rgb(0, 255, 0);
width: 250px;
height: 250px;
}
</style>
<div id="a"><div id="b"></div></div>