Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-07 18:04:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1356820 part 2 - [css-grid] Reftests.

Browse Source 
MozReview-Commit-ID: 5Q9hmoJhSxH
This commit is contained in:
Mats Palmgren 2017-04-18 22:35:04 +02:00
parent 0612b78b82
commit dc68da3cd9
5 changed files with 124 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
layout/reftests/css-grid/bug1349571-ref.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
<meta charset="utf-8">
<title>Testcase for bug 1349571</title>
<style type="text/css">
html,body {
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
}
.container {
display: grid;
grid: 250px / 500px;
border: 3px solid;
width: 500px;
}
.responsive-container {
background: lightgrey;
}
</style>
</head>
<body>
<div class="container">
<div class="responsive-container"></div>
</div>
</body>
</html>

38
layout/reftests/css-grid/bug1349571.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
<meta charset="utf-8">
<title>Testcase for bug 1349571</title>
<style type="text/css">
html,body {
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
}
.container {
display: grid;
grid-template-columns: 1fr;
border: 3px solid;
width: 500px;
}
.responsive-container {
padding-bottom: 50%;
height: 0;
background: lightgrey;
}
</style>
</head>
<body>
<div class="container">
<div>
<div class="responsive-container"></div>
</div>
</div>
</body>
</html>

25
layout/reftests/css-grid/bug1356820-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML>
<div style="display: grid; width: 5em;">
<div style="word-wrap: break-word; width: 5em; justify-self:start">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>
<div style="display: grid; width: 5em;">
<div style="width: 5em; justify-self:start">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>
<div style="display: grid; width: 5em;">
<div style="word-wrap: break-word; writing-mode:vertical-lr; justify-self:start">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>

25
layout/reftests/css-grid/bug1356820.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML>
<div style="display: grid; width: 5em;">
<div style="word-wrap: break-word; min-width: 0;">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>
<div style="display: grid; width: 5em;">
<div style="min-width: 0;">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>
<div style="display: grid; width: 5em;">
<div style="word-wrap: break-word; min-height: 0; writing-mode:vertical-lr">
first item with a longlonglongword
</div>
<div>
second item
</div>
</div>

2
layout/reftests/css-grid/reftest.list
View File

@ -277,3 +277,5 @@ asserts(1-10) == grid-fragmentation-dyn4-021.html grid-fragmentation-021-ref.htm
== grid-percent-intrinsic-sizing-001.html grid-percent-intrinsic-sizing-001-ref.html
== grid-measuring-reflow-resize-static-001.html grid-measuring-reflow-resize-001-ref.html
== grid-measuring-reflow-resize-dynamic-001.html grid-measuring-reflow-resize-001-ref.html
== bug1349571.html bug1349571-ref.html
== bug1356820.html bug1356820-ref.html