Sync Mozilla CSS tests as of https://hg.mozilla.org/mozilla-central/r…

…ev/7ed950e60f3c1f8a47c117c04124d31e94a66e32 . (#13022) This contains a single change, from [bug 1490730](https://bugzilla.mozilla.org/show_bug.cgi?id=1490730) by @MatsPalmgren.
web-platform-tests · Sep 16, 2018 · 8f983f1 · 8f983f1
1 parent 7f9db5e
commit 8f983f1
Show file tree

Hide file tree

Showing 15 changed files with 95 additions and 83 deletions.
diff --git a/...rts/mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-002-ref.html b/...rts/mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-002-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 1px 2px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      height: 32px;
-      width: 26px;
+      height: 30px;
+      width: 22px;
     }
     .small > .container {
-      height: 4px;
-      width: 8px;
+      height: 2px;
+      width: 4px;
     }
 
     .container > * {

diff --git a/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-img-002-ref.html b/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-img-002-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 1px 2px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      height: 42px;
-      width: 26px;
+      height: 40px;
+      width: 22px;
     }
     .small > .container {
-      height: 4px;
-      width: 8px;
+      height: 2px;
+      width: 4px;
       margin-bottom: 20px; /* to reduce overlap between overflowing images */
     }
 

diff --git a/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-rtl-003-ref.html b/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-rtl-003-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 1px 2px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,21 +21,21 @@
     br { clear: both }
 
     .big > .container {
-      height: 32px;
-      width: 26px;
+      height: 30px;
+      width: 22px;
     }
     .small > .container {
-      height: 4px;
-      width: 8px;
+      height: 2px;
+      width: 4px;
     }
 
     .container > * {
       background: teal;
       height: 6px;
       width: 8px;
     }
-    .big   > .container > * { margin-left: 18px; }
-    .small > .container > * { margin-left:  0px; }
+    .big   > .container > * { margin-left: 14px; }
+    .small > .container > * { margin-left: -4px; }
 
     .big   .alignStart  { margin-top:  0px; }
     .big   .alignCenter { margin-top: 13px; }

diff --git a/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-rtl-004-ref.html b/...mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-rtl-004-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 1px 2px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,21 +21,21 @@
     br { clear: both }
 
     .big > .container {
-      height: 32px;
-      width: 26px;
+      height: 30px;
+      width: 22px;
     }
     .small > .container {
-      height: 4px;
-      width: 8px;
+      height: 2px;
+      width: 4px;
     }
 
     .container > * {
       background: teal;
       height: 6px;
       width: 8px;
     }
-    .big   > .container > * { margin-left: 18px; }
-    .small > .container > * { margin-left:  0px; }
+    .big   > .container > * { margin-left: 14px; }
+    .small > .container > * { margin-left: -4px; }
 
     .big   .alignStart  { margin-top:  0px; }
     .big   .alignCenter { margin-top: 13px; }

diff --git a/...illa/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-vertWM-003-ref.html b/...illa/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-vertWM-003-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 32px;
-      height: 26px;
+      width: 30px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-right: 10px; /* To avoid overlap between overflowing kids */
     }
 
@@ -34,12 +35,12 @@
       width: 6px;
       height: 8px;
     }
-    .big   .alignStart  { margin-left: 26px; }
-    .big   .alignCenter { margin-left: 13px; }
-    .big   .alignEnd    { margin-left:  0px; }
-    .small .alignStart  { margin-left: -2px; }
-    .small .alignCenter { margin-left: -1px; }
-    .small .alignEnd    { margin-left:  0px; }
+    .big   .alignStart  { margin-left: 24px; }
+    .big   .alignCenter { margin-left: 11px; }
+    .big   .alignEnd    { margin-left: -2px; }
+    .small .alignStart  { margin-left: -4px; }
+    .small .alignCenter { margin-left: -3px; }
+    .small .alignEnd    { margin-left: -2px; }
   </style>
 </head>
 <body>

diff --git a/...illa/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-vertWM-004-ref.html b/...illa/mozilla-central-reftests/align3/grid-abspos-staticpos-align-self-vertWM-004-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 32px;
-      height: 26px;
+      width: 30px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-right: 10px; /* To avoid overlap between overflowing kids */
     }
 
@@ -34,12 +35,12 @@
       width: 6px;
       height: 8px;
     }
-    .big   .alignStart  { margin-left: 26px; }
-    .big   .alignCenter { margin-left: 13px; }
-    .big   .alignEnd    { margin-left:  0px; }
-    .small .alignStart  { margin-left: -2px; }
-    .small .alignCenter { margin-left: -1px; }
-    .small .alignEnd    { margin-left:  0px; }
+    .big   .alignStart  { margin-left: 24px; }
+    .big   .alignCenter { margin-left: 11px; }
+    .big   .alignEnd    { margin-left: -2px; }
+    .small .alignStart  { margin-left: -4px; }
+    .small .alignCenter { margin-left: -3px; }
+    .small .alignEnd    { margin-left: -2px; }
   </style>
 </head>
 <body>

diff --git a/...s/mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-002-ref.html b/...s/mozilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-002-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 32px;
-      height: 26px;
+      width: 30px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-right: 10px; /* To avoid overlap between overflowing kids */
     }
 

diff --git a/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-img-002-ref.html b/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-img-002-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 42px;
-      height: 26px;
+      width: 40px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-bottom: 20px; /* to reduce overlap between overflowing images */
     }
 

diff --git a/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-rtl-003-ref.html b/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-rtl-003-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 32px;
-      height: 26px;
+      width: 30px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-right: 10px; /* To avoid overlap between overflowing kids */
     }
 
@@ -34,12 +35,12 @@
       width: 6px;
       height: 8px;
     }
-    .big   .alignStart  { margin-left: 26px; }
-    .big   .alignCenter { margin-left: 13px; }
-    .big   .alignEnd    { margin-left:  0px; }
-    .small .alignStart  { margin-left: -2px; }
-    .small .alignCenter { margin-left: -1px; }
-    .small .alignEnd    { margin-left:  0px; }
+    .big   .alignStart  { margin-left: 24px; }
+    .big   .alignCenter { margin-left: 11px; }
+    .big   .alignEnd    { margin-left: -2px; }
+    .small .alignStart  { margin-left: -4px; }
+    .small .alignCenter { margin-left: -3px; }
+    .small .alignEnd    { margin-left: -2px; }
   </style>
 </head>
 <body>

diff --git a/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-rtl-004-ref.html b/...zilla/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-rtl-004-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 2px 1px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,12 +21,12 @@
     br { clear: both }
 
     .big > .container {
-      width: 32px;
-      height: 26px;
+      width: 30px;
+      height: 22px;
     }
     .small > .container {
-      width: 4px;
-      height: 8px;
+      width: 2px;
+      height: 4px;
       margin-right: 10px; /* To avoid overlap between overflowing kids */
     }
 
@@ -34,12 +35,12 @@
       width: 6px;
       height: 8px;
     }
-    .big   .alignStart  { margin-left: 26px; }
-    .big   .alignCenter { margin-left: 13px; }
-    .big   .alignEnd    { margin-left:  0px; }
-    .small .alignStart  { margin-left: -2px; }
-    .small .alignCenter { margin-left: -1px; }
-    .small .alignEnd    { margin-left:  0px; }
+    .big   .alignStart  { margin-left: 24px; }
+    .big   .alignCenter { margin-left: 11px; }
+    .big   .alignEnd    { margin-left: -2px; }
+    .small .alignStart  { margin-left: -4px; }
+    .small .alignCenter { margin-left: -3px; }
+    .small .alignEnd    { margin-left: -2px; }
   </style>
 </head>
 <body>

diff --git a/...la/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-vertWM-003-ref.html b/...la/mozilla-central-reftests/align3/grid-abspos-staticpos-justify-self-vertWM-003-ref.html
@@ -11,6 +11,7 @@
   <style>
     .container {
       display: block;
+      padding: 1px 2px;
       border: 1px solid black;
       background: yellow;
       margin-bottom: 5px;
@@ -20,21 +21,21 @@
     br { clear: both }
 
     .big > .container {
-      height: 32px;
-      width: 26px;
+      height: 30px;
+      width: 22px;
     }
     .small > .container {
-      height: 4px;
-      width: 8px;
+      height: 2px;
+      width: 4px;
     }
 
     .container > * {
       background: teal;
       height: 6px;
       width: 8px;
     }
-    .big   > .container > * { margin-left: 18px; }
-    .small > .container > * { margin-left:  0px; }
+    .big   > .container > * { margin-left: 14px; }
+    .small > .container > * { margin-left: -4px; }
 
     .big   .alignStart  { margin-top:  0px; }
     .big   .alignCenter { margin-top: 13px; }