Bug 474049 reftests-only followup: Switch from "pt" to "px" for grid-positioning in reftests. (Fixes Linux tryserver failures due to clipping, in testcases with limited-size <svg> nodes.)
authorDaniel Holbert <dholbert@cs.stanford.edu>
Sat, 03 Oct 2009 13:16:19 -0700
changeset 33432 2b4ab8c8f64f9d030c05192670642ea2b8b531c2
parent 33431 b44dd220dc15d8f31d4aa7d0e1fda2996d26b06b
child 33433 41038fb51fb5ab6a1c59bf1c3cda0cf99c6f58b6
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs474049
milestone1.9.3a1pre
Bug 474049 reftests-only followup: Switch from "pt" to "px" for grid-positioning in reftests. (Fixes Linux tryserver failures due to clipping, in testcases with limited-size <svg> nodes.)
layout/reftests/svg/smil/smil-grid.js
layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
--- a/layout/reftests/svg/smil/smil-grid.js
+++ b/layout/reftests/svg/smil/smil-grid.js
@@ -40,33 +40,33 @@
  * with several copies of the same animation, each seeked to a different time.
  */
 
 // Global variables
 const START_TIMES = [ "4.0s",  "3.0s",  "2.7s",
                       "2.25s", "2.01s", "1.5s",
                       "1.4s",  "1.0s",  "0.5s" ];
 
-const X_POSNS = [ "20pt",  "70pt",  "120pt",
-                  "20pt",  "70pt",  "120pt",
-                  "20pt",  "70pt",  "120pt" ];
+const X_POSNS = [ "20px",  "70px",  "120px",
+                  "20px",  "70px",  "120px",
+                  "20px",  "70px",  "120px" ];
 
-const Y_POSNS = [ "20pt",  "20pt",  "20pt",
-                  "70pt",  "70pt",  "70pt",
-                 "120pt", "120pt", "120pt"  ];
+const Y_POSNS = [ "20px",  "20px",  "20px",
+                  "70px",  "70px",  "70px",
+                 "120px", "120px", "120px"  ];
 
 const DURATION = "2s";
 const SNAPSHOT_TIME ="3";
 const SVGNS = "http://www.w3.org/2000/svg";
 
 // Convenience wrapper using testAnimatedGrid to make 15pt-by-15pt rects
 function testAnimatedRectGrid(animationTagName, animationAttrHashList) {
   var targetTagName = "rect";
-  var targetAttrHash = {"width"  : "15pt",
-                        "height" : "15pt" };
+  var targetAttrHash = {"width"  : "15px",
+                        "height" : "15px" };
   testAnimatedGrid(targetTagName,    targetAttrHash,
                    animationTagName, animationAttrHashList);
 }
 
 // Convenience wrapper using testAnimatedGrid to make grid of text
 function testAnimatedTextGrid(animationTagName, animationAttrHashList) {
   var targetTagName = "text";
   var targetAttrHash = { };
--- a/layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fill-1-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill: #4B0082">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill: #4B0082">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill: #652593">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill: #8B5CAD">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill: #9F79BB">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill: #CBB8D8">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill: #D3C4DE">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill: #F5F5F5">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill: #F5F5F5">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fill-2-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill: yellow">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill: rgb(0, 10, 20)">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill: rgb(9, 28, 47)">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill: rgb(28, 55, 83)">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill: rgb(49, 69, 90)">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill: rgb(95, 100, 105)">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill: rgb(104, 106, 108)">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill: rgb(140, 130, 120)">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill: rgb(140, 130, 120)">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fill-3-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill: rgb(85, 107, 47)">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill: rgb(85, 107, 47)">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill: rgb(92, 119, 59)">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill: rgb(103, 137, 77)">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill: rgb(108, 146, 86)">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill: rgb(120, 166, 106)">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill: rgb(123, 170, 110)">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill: rgb(132, 186, 126)">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill: rgb(132, 186, 126)">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fill-overflow-1-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill: yellowgreen">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill: yellowgreen">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill: rgb(184, 220, 88)">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill: rgb(229, 243, 144)">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill: rgb(253, 255, 174)">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill: rgb(255, 255, 238)">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill: rgb(255, 255, 250)">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill: rgb(255, 255, 255)">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill: rgb(255, 255, 255)">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-1-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { fill: blue; stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill-opacity: 1">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill-opacity: 1">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill-opacity: 0.85">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.625">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.505">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.25">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.2">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.0">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.0">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-2-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { fill: blue; stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill-opacity: 1">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill-opacity: 0.6">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill-opacity: 0.3">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.35">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.59">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.8">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.7">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.3">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.3">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fillopacity-3-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { fill: blue; stroke: black; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="fill-opacity: 1">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="fill-opacity: 0">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="fill-opacity: 0">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.095">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="fill-opacity: 0.35">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.4">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.6">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="fill-opacity: 0.6">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-1-ref.svg
@@ -1,20 +1,20 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <text x="20pt" y="20pt" style="font-size: 2px">abc
+  <text x="20px" y="20px" style="font-size: 2px">abc
   </text>
-  <text x="70pt" y="20pt" style="font-size: 10px">abc
+  <text x="70px" y="20px" style="font-size: 10px">abc
   </text>
-  <text x="120pt" y="20pt" style="font-size: 13px">abc
+  <text x="120px" y="20px" style="font-size: 13px">abc
   </text>
-  <text x="20pt" y="70pt" style="font-size: 17.5px">abc
+  <text x="20px" y="70px" style="font-size: 17.5px">abc
   </text>
-  <text x="70pt" y="70pt" style="font-size: 19.9px">abc
+  <text x="70px" y="70px" style="font-size: 19.9px">abc
   </text>
-  <text x="120pt" y="70pt" style="font-size: 25px">abc
+  <text x="120px" y="70px" style="font-size: 25px">abc
   </text>
-  <text x="20pt" y="120pt" style="font-size: 26px">abc
+  <text x="20px" y="120px" style="font-size: 26px">abc
   </text>
-  <text x="70pt" y="120pt" style="font-size: 30px">abc
+  <text x="70px" y="120px" style="font-size: 30px">abc
   </text>
-  <text x="120pt" y="120pt" style="font-size: 30px">abc
+  <text x="120px" y="120px" style="font-size: 30px">abc
   </text>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-fontsize-2-ref.svg
@@ -1,20 +1,20 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <text x="20pt" y="20pt" style="font-size: 2px">abc
+  <text x="20px" y="20px" style="font-size: 2px">abc
   </text>
-  <text x="70pt" y="20pt" style="font-size: 30px">abc
+  <text x="70px" y="20px" style="font-size: 30px">abc
   </text>
-  <text x="120pt" y="20pt" style="font-size: 27px">abc
+  <text x="120px" y="20px" style="font-size: 27px">abc
   </text>
-  <text x="20pt" y="70pt" style="font-size: 22.5px">abc
+  <text x="20px" y="70px" style="font-size: 22.5px">abc
   </text>
-  <text x="70pt" y="70pt" style="font-size: 20.1px">abc
+  <text x="70px" y="70px" style="font-size: 20.1px">abc
   </text>
-  <text x="120pt" y="70pt" style="font-size: 15px">abc
+  <text x="120px" y="70px" style="font-size: 15px">abc
   </text>
-  <text x="20pt" y="120pt" style="font-size: 14px">abc
+  <text x="20px" y="120px" style="font-size: 14px">abc
   </text>
-  <text x="70pt" y="120pt" style="font-size: 10px">abc
+  <text x="70px" y="120px" style="font-size: 10px">abc
   </text>
-  <text x="120pt" y="120pt" style="font-size: 10px">abc
+  <text x="120px" y="120px" style="font-size: 10px">abc
   </text>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-strokedasharray-1-ref.svg
@@ -1,32 +1,32 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <style>
     rect { stroke: blue; stroke-width: 5px; }
   </style>
-  <rect x="20pt" y="20pt" width="15pt" height="15pt"
+  <rect x="20px" y="20px" width="15px" height="15px"
         style="stroke-dasharray: 20px, 5px">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt"
+  <rect x="70px" y="20px" width="15px" height="15px"
         style="stroke-dasharray: 20px, 5px">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt"
+  <rect x="120px" y="20px" width="15px" height="15px"
         style="stroke-dasharray: 18.5px, 6.5px">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt"
+  <rect x="20px" y="70px" width="15px" height="15px"
         style="stroke-dasharray: 16.25px, 8.75px">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt"
+  <rect x="70px" y="70px" width="15px" height="15px"
         style="stroke-dasharray: 15.05px, 9.95px">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt"
+  <rect x="120px" y="70px" width="15px" height="15px"
         style="stroke-dasharray: 12.5px, 12.5px">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt"
+  <rect x="20px" y="120px" width="15px" height="15px"
         style="stroke-dasharray: 12px, 13px">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt"
+  <rect x="70px" y="120px" width="15px" height="15px"
         style="stroke-dasharray: 10px, 15px">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt"
+  <rect x="120px" y="120px" width="15px" height="15px"
         style="stroke-dasharray: 10px, 15px">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-1-ref.svg
@@ -1,29 +1,29 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <rect x="20pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 13px">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 17.5px">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 19.9px">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 25px">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 26px">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-2-ref.svg
@@ -1,29 +1,29 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <rect x="20pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 20px">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 17px">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 12.5px">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10.1px">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 20px">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 22px">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-3-ref.svg
@@ -1,29 +1,29 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <rect x="20pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 6px">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 15px">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 19.8px">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 28px">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 20px">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 20px">
   </rect>
 </svg>
--- a/layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
+++ b/layout/reftests/svg/smil/style/anim-css-strokewidth-4-ref.svg
@@ -1,29 +1,29 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-  <rect x="20pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
-  <rect x="70pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 30px">
   </rect>
-  <rect x="120pt" y="20pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="20px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 27px">
   </rect>
-  <rect x="20pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 22.5px">
   </rect>
-  <rect x="70pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 20.1px">
   </rect>
-  <rect x="120pt" y="70pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="70px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 15px">
   </rect>
-  <rect x="20pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="20px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 14px">
   </rect>
-  <rect x="70pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="70px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
-  <rect x="120pt" y="120pt" width="15pt" height="15pt" stroke="blue"
+  <rect x="120px" y="120px" width="15px" height="15px" stroke="blue"
         style="stroke-width: 10px">
   </rect>
 </svg>