[CSS Regions] Rename region-overflow to region-fragment

LayoutTests/fast/regions/script-tests/css-regions-disabled.js

 description('Test that parsing of css regions related properties is disabled by default.');
 
 if (window.testRunner)
     window.testRunner.overridePreference("WebKitCSSRegionsEnabled", "0");
 
 function testWebKitFlowInto(declaration) {
     var div = document.createElement("div");
     div.setAttribute("style", declaration);
     return div.style.webkitFlowInto;
 }
 
 function testWebKitFlowFrom(declaration) {
     var div = document.createElement("div");
     div.setAttribute("style", declaration);
     return div.style.webkitFlowFrom;
 }
 
-function testWebKitRegionOverflow(declaration) {
+function testWebKitRegionFragment(declaration) {
     var div = document.createElement("div");
     div.setAttribute("style", declaration);
-    return div.style.webkitRegionOverflow;
+    return div.style.webkitRegionFragment;
 }
 
 function testComputedStyleWebKitFlowInto(value) {
     var div = document.createElement("div");
     document.body.appendChild(div);
     div.style.setProperty("-webkit-flow-into", value);
     var computedValue = getComputedStyle(div).getPropertyValue("-webkit-flow-into");
     document.body.removeChild(div);
     return computedValue;
 }
 
 function testComputedStyleWebKitFlowFrom(value) {
     var div = document.createElement("div");
     document.body.appendChild(div);
     div.style.setProperty("-webkit-flow-from", value);
     var computedValue = getComputedStyle(div).getPropertyValue("-webkit-flow-from");
     document.body.removeChild(div);
     return computedValue;
 }
 
-function testComputedStyleWebKitRegionOverflow(value) {
+function testComputedStyleWebKitRegionFragment(value) {
     var div = document.createElement("div");
     document.body.appendChild(div);
-    div.style.setProperty("-webkit-region-overflow", value);
-    var computedValue = getComputedStyle(div).getPropertyValue("-webkit-region-overflow");
+    div.style.setProperty("-webkit-region-fragment", value);
+    var computedValue = getComputedStyle(div).getPropertyValue("-webkit-region-fragment");
     document.body.removeChild(div);
     return computedValue;
 }
 
 shouldBeEqualToString('testWebKitFlowInto("-webkit-flow-into: none")', "");
 shouldBeEqualToString('testWebKitFlowInto("-webkit-flow-into: first-flow")', "");
 shouldBeEqualToString('testComputedStyleWebKitFlowInto("none")', "none");
 shouldBeEqualToString('testComputedStyleWebKitFlowInto("first-flow")', "none");
 
 shouldBeEqualToString('testWebKitFlowFrom("-webkit-flow-from: first-flow")', "");
 shouldBeEqualToString('testWebKitFlowFrom("-webkit-flow-from: none")', "");
 shouldBeEqualToString('testComputedStyleWebKitFlowFrom("first-flow")', "none");
 shouldBeEqualToString('testComputedStyleWebKitFlowFrom("none")', "none");
 
-shouldBeEqualToString('testWebKitRegionOverflow("-webkit-region-overflow: auto")', "");
-shouldBeEqualToString('testWebKitRegionOverflow("-webkit-region-overflow: break")', "");
-shouldBeEqualToString('testComputedStyleWebKitRegionOverflow("auto")', "auto");
-shouldBeEqualToString('testComputedStyleWebKitRegionOverflow("break")', "auto");
+shouldBeEqualToString('testWebKitRegionFragment("-webkit-region-fragment: auto")', "");
+shouldBeEqualToString('testWebKitRegionFragment("-webkit-region-fragment: break")', "");
+shouldBeEqualToString('testComputedStyleWebKitRegionFragment("auto")', "auto");
+shouldBeEqualToString('testComputedStyleWebKitRegionFragment("break")', "auto");
 
 // Test that region styling rules are not parsed.
 var styleElement = document.createElement("style");
 document.head.appendChild(styleElement);
 var stylesheet = styleElement.sheet;
 webkitRegionRuleIndex = -1;
 try {
     webkitRegionRuleIndex = stylesheet.insertRule("@-webkit-region #region3 { p { color: red; } }");
 } catch(err) {
 }
 
 shouldBe("webkitRegionRuleIndex", "-1");