Bug 1347164 - rewrite mochitest test_specified_value_serialization.html to look more like test_computed_style.html. r=dholbert
authorJerryShih <hshih@mozilla.com>
Mon, 20 Mar 2017 17:26:06 +0800
changeset 399054 12704956b4002a247bdccac6b00e0ac957824661
parent 399053 c7aff74601c8f3ce1ca6f68ade7748cfd736a973
child 399055 6e0f51a3a7336e27394c9ed999f09e0af59074c9
push id1490
push usermtabara@mozilla.com
push dateMon, 31 Jul 2017 14:08:16 +0000
treeherdermozilla-release@70e32e6bf15e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdholbert
bugs1347164
milestone55.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1347164 - rewrite mochitest test_specified_value_serialization.html to look more like test_computed_style.html. r=dholbert MozReview-Commit-ID: 4XSBQXtYSth
layout/style/test/test_specified_value_serialization.html
--- a/layout/style/test/test_specified_value_serialization.html
+++ b/layout/style/test/test_specified_value_serialization.html
@@ -1,62 +1,73 @@
 <!doctype html>
-<!--
-https://bugzilla.mozilla.org/show_bug.cgi?id=721136
--->
-<title>Test for Bug 721136</title>
-<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
-<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
-<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=721136">Mozilla Bug 721136</a>
+<html>
+<head>
+  <title>Test for miscellaneous specified value issues</title>
+  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
+</head>
+<body>
+<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">Mozilla Bug </a>
+<p id="display"></p>
+<div id="content" style="display: none">
+</div>
+
 <pre id="test">
-<script>
-[
-  [" mAtRiX(1, 2,3,4, 5,6 ) ", "matrix(1, 2, 3, 4, 5, 6)"],
-  [" mAtRiX3d( 1,2,3,0,4 ,5,6,0,7,8 , 9,0,10, 11,12,1 )  ",
-   "matrix3d(1, 2, 3, 0, 4, 5, 6, 0, 7, 8, 9, 0, 10, 11, 12, 1)"],
-  [" pErSpEcTiVe( 400Px ) ", "perspective(400px)"],
-  [" rOtAtE( 90dEg ) ", "rotate(90deg)"],
-  [" rOtAtE3d( 0,0 , 1 ,180DeG ) ", "rotate3d(0, 0, 1, 180deg)"],
-  [" rOtAtEx( 100GrAD ) ", "rotateX(100grad)"],
-  [" rOtAtEy( 1.57RaD ) ", "rotateY(1.57rad)"],
-  [" rOtAtEz( 0.25TuRn ) ", "rotateZ(0.25turn)"],
-  [" sCaLe( 2 ) ", "scale(2)"],
-  [" sCaLe( 2,3 ) ", "scale(2, 3)"],
-  [" sCaLe3D( 2,4 ,  -9 )  ", "scale3d(2, 4, -9)"],
-  [" sCaLeX( 2 ) ", "scaleX(2)"],
-  [" sCaLeY( 2 ) ", "scaleY(2)"],
-  [" sCaLeZ( 2 ) ", "scaleZ(2)"],
-  [" sKeW( 45dEg ) ", "skew(45deg)"],
-  [" sKeW( 45dEg,45DeG ) ", "skew(45deg, 45deg)"],
-  [" sKeWx( 45DeG ) ", "skewX(45deg)"],
-  [" sKeWy( 45DeG ) ", "skewY(45deg)"],
-  [" tRaNsLaTe( 1Px ) ", "translate(1px)"],
-  [" tRaNsLaTe( 1Px,3Pt ) ", "translate(1px, 3pt)"],
-  [" tRaNsLaTe3D( 21pX,-6pX , 4pX )  ", "translate3d(21px, -6px, 4px)"],
-  [" tRaNsLaTeX( 1pT ) ", "translateX(1pt)"],
-  [" tRaNsLaTeY( 1iN ) ", "translateY(1in)"],
-  [" tRaNsLaTeZ( 15.4pX ) ", "translateZ(15.4px)"],
-  ["tranSlatex( 16px )rotatez(-90deg)  rotate(100grad)\ttranslate3d(12pt, 0pc, 0.0em)",
-   "translateX(16px) rotateZ(-90deg) rotate(100grad) translate3d(12pt, 0pc, 0em)"],
-].forEach(function(arr) {
-  document.documentElement.style.MozTransform = arr[0];
-  is(document.documentElement.style.MozTransform, arr[1],
-    "incorrect serialization");
-});
+<script type="application/javascript">
 
-var elt = document.documentElement;
-
-elt.setAttribute("style",
-                 "transform: tRANslatEX(5px) TRanslATey(10px) translatez(2px) ROTATEX(30deg) rotateY(30deg) rotatez(5deg) SKEWx(10deg) skewy(10deg) scaleX(2) SCALEY(0.5) scalez(2)");
-is(elt.style.getPropertyValue("transform"),
-   "translateX(5px) translateY(10px) translateZ(2px) rotateX(30deg) rotateY(30deg) rotateZ(5deg) skewX(10deg) skewY(10deg) scaleX(2) scaleY(0.5) scaleZ(2)",
-   "expected case canonicalization of transform functions");
+(function test_bug_721136() {
+  // Test for transform property serialization.
+  [
+    [" mAtRiX(1, 2,3,4, 5,6 ) ", "matrix(1, 2, 3, 4, 5, 6)"],
+    [" mAtRiX3d( 1,2,3,0,4 ,5,6,0,7,8 , 9,0,10, 11,12,1 )  ",
+     "matrix3d(1, 2, 3, 0, 4, 5, 6, 0, 7, 8, 9, 0, 10, 11, 12, 1)"],
+    [" pErSpEcTiVe( 400Px ) ", "perspective(400px)"],
+    [" rOtAtE( 90dEg ) ", "rotate(90deg)"],
+    [" rOtAtE3d( 0,0 , 1 ,180DeG ) ", "rotate3d(0, 0, 1, 180deg)"],
+    [" rOtAtEx( 100GrAD ) ", "rotateX(100grad)"],
+    [" rOtAtEy( 1.57RaD ) ", "rotateY(1.57rad)"],
+    [" rOtAtEz( 0.25TuRn ) ", "rotateZ(0.25turn)"],
+    [" sCaLe( 2 ) ", "scale(2)"],
+    [" sCaLe( 2,3 ) ", "scale(2, 3)"],
+    [" sCaLe3D( 2,4 ,  -9 )  ", "scale3d(2, 4, -9)"],
+    [" sCaLeX( 2 ) ", "scaleX(2)"],
+    [" sCaLeY( 2 ) ", "scaleY(2)"],
+    [" sCaLeZ( 2 ) ", "scaleZ(2)"],
+    [" sKeW( 45dEg ) ", "skew(45deg)"],
+    [" sKeW( 45dEg,45DeG ) ", "skew(45deg, 45deg)"],
+    [" sKeWx( 45DeG ) ", "skewX(45deg)"],
+    [" sKeWy( 45DeG ) ", "skewY(45deg)"],
+    [" tRaNsLaTe( 1Px ) ", "translate(1px)"],
+    [" tRaNsLaTe( 1Px,3Pt ) ", "translate(1px, 3pt)"],
+    [" tRaNsLaTe3D( 21pX,-6pX , 4pX )  ", "translate3d(21px, -6px, 4px)"],
+    [" tRaNsLaTeX( 1pT ) ", "translateX(1pt)"],
+    [" tRaNsLaTeY( 1iN ) ", "translateY(1in)"],
+    [" tRaNsLaTeZ( 15.4pX ) ", "translateZ(15.4px)"],
+    ["tranSlatex( 16px )rotatez(-90deg)  rotate(100grad)\ttranslate3d(12pt, 0pc, 0.0em)",
+     "translateX(16px) rotateZ(-90deg) rotate(100grad) translate3d(12pt, 0pc, 0em)"],
+  ].forEach(function(arr) {
+    document.documentElement.style.MozTransform = arr[0];
+    is(document.documentElement.style.MozTransform, arr[1],
+      "incorrect serialization");
+  });
 
-elt.setAttribute("style",
-                 "font-variant-alternates: SWASH(fOo) stYLIStiC(Bar)");
-is(elt.style.getPropertyValue("font-variant-alternates"),
-   "swash(fOo) stylistic(Bar)",
-   "expected case canonicalization of transform functions");
+  var elt = document.documentElement;
+
+  elt.setAttribute("style",
+                   "transform: tRANslatEX(5px) TRanslATey(10px) translatez(2px) ROTATEX(30deg) rotateY(30deg) rotatez(5deg) SKEWx(10deg) skewy(10deg) scaleX(2) SCALEY(0.5) scalez(2)");
+  is(elt.style.getPropertyValue("transform"),
+     "translateX(5px) translateY(10px) translateZ(2px) rotateX(30deg) rotateY(30deg) rotateZ(5deg) skewX(10deg) skewY(10deg) scaleX(2) scaleY(0.5) scaleZ(2)",
+     "expected case canonicalization of transform functions");
 
-elt.setAttribute("style", ""); // leave the page in a useful state
+  elt.setAttribute("style",
+                   "font-variant-alternates: SWASH(fOo) stYLIStiC(Bar)");
+  is(elt.style.getPropertyValue("font-variant-alternates"),
+     "swash(fOo) stylistic(Bar)",
+     "expected case canonicalization of transform functions");
+
+  elt.setAttribute("style", ""); // leave the page in a useful state
+})();
 
 </script>
 </pre>
+</body>
+</html>