зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1255393 part 8 - [css-grid] Add/tweak reftests.
This commit is contained in:
Mats Palmgren
Родитель
24e5de8ccb
Коммит
a35861c69d
|
|
@ -45,9 +45,15 @@ br { clear:both; }
|
|||
|
||||
#px-border .grid { grid-template-columns: minmax(20px,0) 1fr; }
|
||||
.c100 { grid-template-columns: minmax(100px,0) 1fr; }
|
||||
.c100100 { grid-template-columns: minmax(100px,0) 100px; }
|
||||
#px-border .c100 { grid-template-columns: minmax(120px,0) 1fr; }
|
||||
#px-border .c100100 { grid-template-columns: minmax(120px,0) 120px; }
|
||||
.c10 { grid-template-columns: minmax(10px,0) 1fr; }
|
||||
#px-border .c10 { grid-template-columns: minmax(30px,0) 1fr; }
|
||||
|
||||
#percent-border .c100 { grid-template-columns: minmax(100px,0) 11px; }
|
||||
#percent-border .c10 { grid-template-columns: minmax(10px,0) 1px; }
|
||||
#percent-border .c100100 { grid-template-columns: minmax(100px,0) 150px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -86,9 +92,9 @@ var grids = [
|
|||
"grid",
|
||||
"grid",
|
||||
"grid c100",
|
||||
"grid c100",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid c100100",
|
||||
"grid c10",
|
||||
"grid c100",
|
||||
"grid c100",
|
||||
|
|
@ -96,13 +102,13 @@ var grids = [
|
|||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid c100",
|
||||
"grid c100",
|
||||
"grid",
|
||||
"grid c100100",
|
||||
"grid c10",
|
||||
"grid c100",
|
||||
"grid c100",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
"grid",
|
||||
];
|
||||
|
|
|
|||
|
|
@ -21,10 +21,11 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
}
|
||||
|
||||
.g1 {
|
||||
grid-template-columns: minmax(0,min-content)
|
||||
grid-template-columns: 4px
|
||||
minmax(0,0)
|
||||
minmax(0,0)
|
||||
1fr;
|
||||
min-width:104px;
|
||||
}
|
||||
|
||||
.g2 {
|
||||
|
|
@ -46,6 +47,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
minmax(1px,0)
|
||||
minmax(1px,0)
|
||||
1fr;
|
||||
min-width:104px;
|
||||
}
|
||||
|
||||
.g5 {
|
||||
|
|
@ -53,6 +55,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
minmax(0,0)
|
||||
minmax(0,0)
|
||||
1fr;
|
||||
min-width:104px;
|
||||
}
|
||||
|
||||
.g6 {
|
||||
|
|
@ -60,6 +63,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
minmax(1px,0)
|
||||
minmax(1px,0)
|
||||
20px;
|
||||
min-width:124px;
|
||||
}
|
||||
|
||||
.g7 {
|
||||
|
|
@ -81,6 +85,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
30px
|
||||
minmax(0,0)
|
||||
10px;
|
||||
min-width:114px;
|
||||
}
|
||||
|
||||
.gA {
|
||||
|
|
@ -88,6 +93,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
minmax(min-content,40px)
|
||||
minmax(0,0)
|
||||
20px;
|
||||
min-width:140px;
|
||||
}
|
||||
|
||||
.gB {
|
||||
|
|
@ -99,9 +105,10 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
|
||||
.gC {
|
||||
grid-template-columns: minmax(0,20px)
|
||||
minmax(auto,40px)
|
||||
minmax(0,40px)
|
||||
minmax(0,0)
|
||||
20px;
|
||||
min-width:124px;
|
||||
}
|
||||
|
||||
.gD {
|
||||
|
|
@ -112,15 +119,16 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
}
|
||||
|
||||
.gE {
|
||||
grid-template-columns: minmax(auto,20px)
|
||||
minmax(auto,40px)
|
||||
grid-template-columns: minmax(0,20px)
|
||||
minmax(0,40px)
|
||||
minmax(0,20px)
|
||||
auto;
|
||||
min-width:104px;
|
||||
}
|
||||
|
||||
.gF {
|
||||
grid-template-columns: minmax(auto,20px)
|
||||
minmax(min-content,max-content)
|
||||
grid-template-columns: minmax(0,20px)
|
||||
44px
|
||||
minmax(0,40px)
|
||||
auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,21 +25,22 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
}
|
||||
|
||||
.g1 {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: 4px
|
||||
minmax(0,0)
|
||||
minmax(0,0)
|
||||
1fr;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.g2 {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: min-content
|
||||
0
|
||||
0
|
||||
1fr;
|
||||
}
|
||||
|
||||
.g3 {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: min-content
|
||||
0
|
||||
0
|
||||
1fr;
|
||||
|
|
@ -49,21 +50,22 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
grid-template-columns: minmax(2px,0)
|
||||
1px
|
||||
1px
|
||||
1fr;
|
||||
20px;
|
||||
}
|
||||
|
||||
.g5 {
|
||||
grid-template-columns: minmax(20px,0)
|
||||
minmax(0,0)
|
||||
minmax(0,0)
|
||||
0;
|
||||
4px;
|
||||
}
|
||||
|
||||
.g6 {
|
||||
grid-template-columns: minmax(2px,0)
|
||||
minmax(1px,0)
|
||||
minmax(1px,0)
|
||||
grid-template-columns: minmax(1.333333px,0)
|
||||
minmax(1.333333px,0)
|
||||
minmax(1.333333px,0)
|
||||
20px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.g7 {
|
||||
|
|
@ -95,30 +97,32 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
}
|
||||
|
||||
.gB {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: 24px
|
||||
0
|
||||
0
|
||||
20px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.gC {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: minmax(24px,0)
|
||||
0
|
||||
0
|
||||
20px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.gD {
|
||||
grid-template-columns: minmax(4px,0)
|
||||
grid-template-columns: minmax(24px,0)
|
||||
0
|
||||
0
|
||||
0;
|
||||
}
|
||||
|
||||
.gE {
|
||||
grid-template-columns: minmax(2px,0)
|
||||
minmax(1px,0)
|
||||
minmax(1px,0)
|
||||
grid-template-columns: minmax(8px,0)
|
||||
minmax(8px,0)
|
||||
minmax(8px,0)
|
||||
0px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,7 +15,6 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
.grid {
|
||||
display: grid;
|
||||
border: 1px solid;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.g0 {
|
||||
|
|
@ -24,6 +23,7 @@ body,html { color:black; background:white; font-family:monospace; font-size:16px
|
|||
border:1px solid;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
justify-items: start;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -47,11 +47,11 @@ x {
|
|||
grid-template-columns: 30px;
|
||||
}
|
||||
.tB {
|
||||
grid-template-columns: 0;
|
||||
grid-template-columns: 30px;
|
||||
grid-template-rows: 0;
|
||||
}
|
||||
|
||||
.t0 x, .t2 x, .t6 x, .t7 x, .t9 x { width: 18px }
|
||||
.t0 x, .t2 x, .t6 x, .t7 x, .t9 x, .tB x { width: 18px }
|
||||
.t1 x { width: 28px }
|
||||
.t3 x, .t4 x, .t8 x { width: 0 }
|
||||
.t5 x { width: 10px }
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ div div:nth-child(2n+1) {
|
|||
background: grey;
|
||||
}
|
||||
.grid.c3 div {
|
||||
grid-column:1/span 3;
|
||||
margin-right: 30px;
|
||||
}
|
||||
y { display: block; width: 130px; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -51,12 +51,12 @@ fuzzy-if(winWidget,70,130) fuzzy-if(cocoaWidget,85,180) == grid-col-max-sizing-m
|
|||
fuzzy-if(winWidget,70,130) fuzzy-if(cocoaWidget,85,180) == grid-col-max-sizing-max-content-002.html grid-col-max-sizing-max-content-002-ref.html
|
||||
== grid-min-max-content-sizing-001.html grid-min-max-content-sizing-001-ref.html
|
||||
== grid-min-max-content-sizing-002.html grid-min-max-content-sizing-002-ref.html
|
||||
fuzzy-if(winWidget,1,36) == grid-auto-min-sizing-definite-001.html grid-auto-min-sizing-definite-001-ref.html
|
||||
# fuzzy-if(winWidget,1,36) == grid-auto-min-sizing-definite-001.html grid-auto-min-sizing-definite-001-ref.html TODO: bug 1303643
|
||||
== grid-auto-min-sizing-intrinsic-001.html grid-auto-min-sizing-intrinsic-001-ref.html
|
||||
== grid-auto-min-sizing-intrinsic-002.html grid-auto-min-sizing-intrinsic-002-ref.html
|
||||
== grid-auto-min-sizing-intrinsic-003.html grid-auto-min-sizing-intrinsic-003-ref.html
|
||||
== grid-auto-min-sizing-intrinsic-004.html grid-auto-min-sizing-intrinsic-004-ref.html
|
||||
== grid-auto-min-sizing-percent-001.html grid-auto-min-sizing-percent-001-ref.html
|
||||
skip-if(Android) == grid-auto-min-sizing-percent-001.html grid-auto-min-sizing-percent-001-ref.html # bug 1305716
|
||||
== grid-track-intrinsic-sizing-001.html grid-track-intrinsic-sizing-001-ref.html
|
||||
== grid-track-intrinsic-sizing-002.html grid-track-intrinsic-sizing-002-ref.html
|
||||
== grid-track-intrinsic-sizing-003.html grid-track-intrinsic-sizing-003-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче