Layout support for new circle shape syntax

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 = [
     "auto",
     ["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)"],
     "rectangle(10px, 20px, 30px, 40px, 5px, 10px)",
 
     ["inset-rectangle(10px, 20px, 30px, 40px)", "inset-rectangle(10px, 20px, 30px, 40px)", "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)"],
     ["inset-rectangle(10px, 20px, 30px, 40px, 5px)", "inset-rectangle(10px, 20px, 30px, 40px, 5px)", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)"],
     "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)",
 
     "circle(10px, 20px, 30px)", // FIXME: Remove this test once we do not support the deprecated CSS Shapes syntax anymore.
 
     ["circle()", "circle()", "circle(closest-side at 50% 50%)"],
+    ["circle(farthest-side)", "circle(farthest-side)", "circle(farthest-side at 50% 50%)"],
+    ["circle(closest-side)", "circle(closest-side)", "circle(closest-side at 50% 50%)"],
     ["circle(10px)", "circle(10px)", "circle(10px at 50% 50%)"],
     ["circle(10px at 10px)", "circle(10px at 10px 50%)"],
     "circle(10px at 10px 10px)",
     ["circle(at 10px)", "circle(at 10px 50%)", "circle(closest-side at 10px 50%)"],
     ["circle(at 10px 10px)", "circle(at 10px 10px)", "circle(closest-side at 10px 10px)"],
     ["circle(at top left)", "circle(at 0% 0%)", "circle(closest-side at 0% 0%)"],
     ["circle(at right bottom)", "circle(at 100% 100%)", "circle(closest-side at 100% 100%)"],
     ["circle(10px at left top 10px)", "circle(10px at left 0% top 10px)"],
     ["circle(10px at top 10px left 10px)", "circle(10px at left 10px top 10px)"],
     ["circle(10px at right 10px bottom 10px)", "circle(10px at right 10px bottom 10px)"],
@@ skipping 205 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);});
 }