Bug 243412: Updated reftests for css3-ui box-sizing with correct values and better descriptions of the tests; r=dbaron
authorLukas Nordin <lukasnordin11@gmail.com>
Tue, 05 Nov 2013 23:25:41 -0800
changeset 153705 1525f72e55ea
parent 153704 c3501cfab6b5
child 153706 bf1211047db4
child 153784 37f9a5424227
push id25603
push usercbook@mozilla.com
push date2013-11-06 12:08 +0000
treeherdermozilla-central@bf1211047db4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs243412
milestone28.0a1
Bug 243412: Updated reftests for css3-ui box-sizing with correct values and better descriptions of the tests; r=dbaron
layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-001.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-002.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-003.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-004.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-001.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-002.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-003.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-001.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-002.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-003.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-001.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-002.xht
layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-003.xht
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-001.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Border-Box with specified width</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." />
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
       background-color: red;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-002.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-002.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Border-Box with specified width</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." />
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
       background-color: red;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-003.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-003.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Border-Box with specified width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." />
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       height: 400px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-004.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-004.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Border-Box with min/max width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." />
   <style type="text/css"><![CDATA[
     .container {
       min-width: 500px;
       max-width: 700px;
       min-height: 70px;
       max-height: 90px;
       border: 2px solid black;
       position: absolute;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-001.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, not including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."/>
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       height: 110px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-002.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-002.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, not including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."/>
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       height: 100px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-003.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-003.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Content-Box with min/max width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, not including their borders and padding." />
+  <meta name="assert" content="-moz-box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."/>
   <style type="text/css"><![CDATA[
     .container {
       min-width: 500px;
       max-width: 700px;
       height: 90px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-001.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Padding-Box with specified width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their padding but not their borders." />
+  <meta name="assert" content="-moz-box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge."/>
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
       background-color: red;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-002.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-002.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Padding-Box with specified width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their padding but not their borders." />
+  <meta name="assert" content="-moz-box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge."/>
   <style type="text/css"><![CDATA[
     .container {
       width: 300px;
       height: 400px;
       border: 2px solid black;
       position: absolute;
       left: 25px;
       top: 25px;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-003.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-padding-box-003.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Box Sizing - Padding-Box with min/max width/height</title>
   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
   <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
-  <meta name="assert" content="The box-sized elements should each take up 1/2 of the horizontal space of the containing element, including their padding but not their borders." />
+  <meta name="assert" content="-moz-box-sizing: padding-box should make the element's (calc) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge."/>
   <style type="text/css"><![CDATA[
     .container {
       min-width: 500px;
       max-width: 700px;
       min-height: 70px;
       max-height: 90px;
       border: 2px solid black;
       position: absolute;
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-001.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-001.xht
@@ -21,24 +21,24 @@
 
       .with-padding {
         padding: 5px 5px;
         -moz-box-sizing: padding-box;
       }
 
       #img1 {
         min-width:   70px;
-        max-width:  175px;
+        max-width:  115px;
         min-height:  55px;
         max-height: 130px;
       }
 
       #img2 {
         max-width:  85px;
-        min-height: 60px;
+        min-height: 70px;
       }
 
       #img3 {
         max-width:  85px;
         min-height: 85px;
       }
 
       #img4 {
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-002.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-002.xht
@@ -22,24 +22,24 @@
       .with-borderpadding {
         padding: 5px 5px;
         border: 5px solid blue;
         -moz-box-sizing: border-box;
       }
 
       #img1 {
         min-width:   80px;
-        max-width:  185px;
+        max-width:  125px;
         min-height:  65px;
         max-height: 140px;
       }
 
       #img2 {
         max-width:  95px;
-        min-height: 60px;
+        min-height: 80px;
       }
 
       #img3 {
         max-width:  95px;
         min-height: 95px;
       }
 
       #img4 {
--- a/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-003.xht
+++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-003.xht
@@ -20,24 +20,24 @@
       }
 
       .content-box {
         -moz-box-sizing: content-box;
       }
 
       #img1 {
         min-width:   60px;
-        max-width:  165px;
+        max-width:  125px;
         min-height:  45px;
         max-height: 120px;
       }
 
       #img2 {
         max-width:  75px;
-        min-height: 50px;
+        min-height: 60px;
       }
 
       #img3 {
         max-width:  75px;
         min-height: 75px;
       }
 
       #img4 {