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

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

3
tests/wpt/metadata-css/css21_dev/html4/max-width-110.htm.ini
View file

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

96
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -3179,6 +3179,54 @@
"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": [
{
"path": "css/max_width_float_simple_a.html",
@ -9709,6 +9757,54 @@
"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": [
{
"path": "css/max_width_float_simple_a.html",

BIN
tests/wpt/mozilla/tests/css/250x250_green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 628 B

21
tests/wpt/mozilla/tests/css/max_inline_block_size.html Normal file
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>

24
tests/wpt/mozilla/tests/css/max_inline_block_size_canvas.html Normal file
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>

18
tests/wpt/mozilla/tests/css/max_inline_block_size_image.html Normal file
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>

20
tests/wpt/mozilla/tests/css/max_inline_block_size_ref.html Normal file
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>