Preserve shape-box order in non-computed values

LayoutTests/fast/shapes/parsing/parsing-test-utils.js

 // Valid values for both shape-inside and shape-outside. Two values are specified when the shape property value
 // differs from the specified value. Three values are specified when the computed shape property value differs
 // from the specified value.
 // eg: "specified value/CSS Text value/computed style value"
 // or: ["specified value", "CSS Text value/computed style value"]
 // or: ["specified value", "CSS Text value", "Computed style value"]
 var validShapeValues = [
     "none",
     ["rectangle(10px, 20px, 30px, 40px)", "rectangle(10px, 20px, 30px, 40px)", "rectangle(10px, 20px, 30px, 40px, 0px, 0px)"],
     ["rectangle(10px, 20px, 30px, 40px, 5px)", "rectangle(10px, 20px, 30px, 40px, 5px)", "rectangle(10px, 20px, 30px, 40px, 5px, 5px)"],
@@ skipping 71 matching lines @@
     "content-box",
     "padding-box",
     "border-box",
     "margin-box",
 
     "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) content-box",
     "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) padding-box",
     "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) border-box",
     "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) margin-box",
 
-    ["content-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) content-box"],
-    ["padding-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) padding-box"],
-    ["border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) border-box"],
-    ["margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) margin-box"]
+    ["content-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "content-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) content-box"],
+    ["padding-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "padding-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) padding-box"],
+    ["border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) border-box"],
+    ["margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) margin-box"]
 ];
 
 // Invalid values for both shape-inside and shape-outside. When an invalid shape value is specified, the
 // shape property's computed value is the same as its default.
 var invalidShapeValues = [
     "calc()",
     "auto",
 
     "rectangle()",
     "rectangle(10px)",
@@ skipping 173 matching lines @@
 
 function testNotInheritedShapeProperty(property, parentValue, childValue, expectedValue)
 {
     shouldBeEqualToString('getParentAndChildComputedStylesString("' + property + '", "' + parentValue + '", "' + childValue + '")', expectedValue);
 }
 
 function applyToEachArglist(testFunction, arglists)
 {
     arglists.forEach(function(arglist, i, a) {testFunction.apply(null, arglist);});
 }