Diff
Modified: trunk/LayoutTests/ChangeLog (94772 => 94773)
--- trunk/LayoutTests/ChangeLog 2011-09-08 18:30:40 UTC (rev 94772)
+++ trunk/LayoutTests/ChangeLog 2011-09-08 18:38:13 UTC (rev 94773)
@@ -1,3 +1,15 @@
+2011-09-08 Luke Macpherson <[email protected]>
+
+ Update tests for inherit and initial values for -webkit-columns and related CSS properties.
+ https://bugs.webkit.org/show_bug.cgi?id=67685
+
+ Reviewed by Eric Seidel.
+
+ * fast/multicol/inherit-column-values-expected.txt:
+ * fast/multicol/inherit-column-values.html:
+ * fast/multicol/initial-column-values-expected.txt:
+ * fast/multicol/initial-column-values.html:
+
2011-09-08 Kentaro Hara <[email protected]>
Implement a ProgressEvent constructor for JSC
Modified: trunk/LayoutTests/fast/multicol/inherit-column-values-expected.txt (94772 => 94773)
--- trunk/LayoutTests/fast/multicol/inherit-column-values-expected.txt 2011-09-08 18:30:40 UTC (rev 94772)
+++ trunk/LayoutTests/fast/multicol/inherit-column-values-expected.txt 2011-09-08 18:38:13 UTC (rev 94773)
@@ -1,152 +1,10 @@
-layer at (0,0) size 800x600
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x600
- RenderBlock {HTML} at (0,0) size 800x600
- RenderBody {BODY} at (8,8) size 784x584
-layer at (8,8) size 784x464
- RenderBlock {DIV} at (0,0) size 784x464 [border: (1px solid #000000)]
-layer at (9,9) size 383x290
- RenderBlock {DIV} at (1,1) size 383x290 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 180x558
- text run at (1,1) width 132: "Vestibulum a sapien."
- text run at (1,19) width 129: "Phasellus ante lacus,"
- text run at (1,37) width 144: "vehicula non, cursus a,"
- text run at (1,55) width 114: "tempor ut, magna."
- text run at (1,73) width 169: "Suspendisse potenti. Fusce"
- text run at (1,91) width 126: "aliquet, odio viverra"
- text run at (1,109) width 176: "vulputate dictum, enim odio"
- text run at (1,127) width 169: "luctus purus, ut scelerisque"
- text run at (1,145) width 169: "quam nulla non est. Donec"
- text run at (1,163) width 153: "eros lacus, egestas vitae,"
- text run at (1,181) width 157: "lacinia quis, tempor quis,"
- text run at (1,199) width 180: "pede. Morbi orci erat, iaculis"
- text run at (1,217) width 174: "id, ornare ac, elementum at,"
- text run at (1,235) width 162: "sem. Nunc ornare sodales"
- text run at (1,253) width 129: "nisi. Morbi interdum"
- text run at (1,271) width 164: "commodo nisl. Fusce eget"
- text run at (1,289) width 179: "eros non nisi ornare facilisis."
- text run at (1,307) width 130: "Sed placerat, est non"
- text run at (1,325) width 174: "posuere posuere, purus sem"
- text run at (1,343) width 163: "dignissim libero, a viverra"
- text run at (1,361) width 170: "tellus dolor vel lorem. Cras"
- text run at (1,379) width 136: "augue. Etiam ultricies"
- text run at (1,397) width 165: "consequat odio. Mauris ac"
- text run at (1,415) width 178: "libero. Etiam posuere, libero"
- text run at (1,433) width 174: "vitae euismod gravida, urna"
- text run at (1,451) width 155: "elit imperdiet magna, vel"
- text run at (1,469) width 171: "cursus elit felis non mauris."
- text run at (1,487) width 157: "Donec orci erat, porta id,"
- text run at (1,505) width 133: "dignissim ut, posuere"
- text run at (1,523) width 155: "dictum, leo. Suspendisse"
- text run at (1,541) width 157: "scelerisque egestas nulla."
-layer at (9,299) size 383x290
- RenderBlock {DIV} at (1,291) size 383x290 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 180x558
- text run at (1,1) width 132: "Vestibulum a sapien."
- text run at (1,19) width 129: "Phasellus ante lacus,"
- text run at (1,37) width 144: "vehicula non, cursus a,"
- text run at (1,55) width 114: "tempor ut, magna."
- text run at (1,73) width 169: "Suspendisse potenti. Fusce"
- text run at (1,91) width 126: "aliquet, odio viverra"
- text run at (1,109) width 176: "vulputate dictum, enim odio"
- text run at (1,127) width 169: "luctus purus, ut scelerisque"
- text run at (1,145) width 169: "quam nulla non est. Donec"
- text run at (1,163) width 153: "eros lacus, egestas vitae,"
- text run at (1,181) width 157: "lacinia quis, tempor quis,"
- text run at (1,199) width 180: "pede. Morbi orci erat, iaculis"
- text run at (1,217) width 174: "id, ornare ac, elementum at,"
- text run at (1,235) width 162: "sem. Nunc ornare sodales"
- text run at (1,253) width 129: "nisi. Morbi interdum"
- text run at (1,271) width 164: "commodo nisl. Fusce eget"
- text run at (1,289) width 179: "eros non nisi ornare facilisis."
- text run at (1,307) width 130: "Sed placerat, est non"
- text run at (1,325) width 174: "posuere posuere, purus sem"
- text run at (1,343) width 163: "dignissim libero, a viverra"
- text run at (1,361) width 170: "tellus dolor vel lorem. Cras"
- text run at (1,379) width 136: "augue. Etiam ultricies"
- text run at (1,397) width 165: "consequat odio. Mauris ac"
- text run at (1,415) width 178: "libero. Etiam posuere, libero"
- text run at (1,433) width 174: "vitae euismod gravida, urna"
- text run at (1,451) width 155: "elit imperdiet magna, vel"
- text run at (1,469) width 171: "cursus elit felis non mauris."
- text run at (1,487) width 157: "Donec orci erat, porta id,"
- text run at (1,505) width 133: "dignissim ut, posuere"
- text run at (1,523) width 155: "dictum, leo. Suspendisse"
- text run at (1,541) width 157: "scelerisque egestas nulla."
-layer at (9,589) size 383x344 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
- RenderBlock {DIV} at (1,581) size 383x344 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 83x1332
- text run at (1,1) width 73: "Vestibulum"
- text run at (1,19) width 55: "a sapien."
- text run at (1,37) width 59: "Phasellus"
- text run at (1,55) width 66: "ante lacus,"
- text run at (1,73) width 53: "vehicula"
- text run at (1,91) width 72: "non, cursus"
- text run at (1,109) width 79: "a, tempor ut,"
- text run at (1,127) width 46: "magna."
- text run at (1,145) width 77: "Suspendisse"
- text run at (1,163) width 47: "potenti."
- text run at (1,181) width 37: "Fusce"
- text run at (1,199) width 78: "aliquet, odio"
- text run at (1,217) width 44: "viverra"
- text run at (1,235) width 58: "vulputate"
- text run at (1,253) width 82: "dictum, enim"
- text run at (1,271) width 69: "odio luctus"
- text run at (1,289) width 55: "purus, ut"
- text run at (1,307) width 69: "scelerisque"
- text run at (1,325) width 70: "quam nulla"
- text run at (1,343) width 49: "non est."
- text run at (1,361) width 72: "Donec eros"
- text run at (1,379) width 36: "lacus,"
- text run at (1,397) width 83: "egestas vitae,"
- text run at (1,415) width 75: "lacinia quis,"
- text run at (1,433) width 78: "tempor quis,"
- text run at (1,451) width 77: "pede. Morbi"
- text run at (1,469) width 55: "orci erat,"
- text run at (1,487) width 60: "iaculis id,"
- text run at (1,505) width 62: "ornare ac,"
- text run at (1,523) width 69: "elementum"
- text run at (1,541) width 48: "at, sem."
- text run at (1,559) width 79: "Nunc ornare"
- text run at (1,577) width 76: "sodales nisi."
- text run at (1,595) width 39: "Morbi"
- text run at (1,613) width 56: "interdum"
- text run at (1,631) width 63: "commodo"
- text run at (1,649) width 67: "nisl. Fusce"
- text run at (1,667) width 56: "eget eros"
- text run at (1,685) width 50: "non nisi"
- text run at (1,703) width 40: "ornare"
- text run at (1,721) width 79: "facilisis. Sed"
- text run at (1,739) width 74: "placerat, est"
- text run at (1,757) width 77: "non posuere"
- text run at (1,775) width 53: "posuere,"
- text run at (1,793) width 64: "purus sem"
- text run at (1,811) width 60: "dignissim"
- text run at (1,829) width 51: "libero, a"
- text run at (1,847) width 81: "viverra tellus"
- text run at (1,865) width 56: "dolor vel"
- text run at (1,883) width 73: "lorem. Cras"
- text run at (1,901) width 83: "augue. Etiam"
- text run at (1,919) width 49: "ultricies"
- text run at (1,937) width 63: "consequat"
- text run at (1,955) width 80: "odio. Mauris"
- text run at (1,973) width 58: "ac libero."
- text run at (1,991) width 37: "Etiam"
- text run at (1,1009) width 53: "posuere,"
- text run at (1,1027) width 70: "libero vitae"
- text run at (1,1045) width 53: "euismod"
- text run at (1,1063) width 83: "gravida, urna"
- text run at (1,1081) width 82: "elit imperdiet"
- text run at (1,1099) width 69: "magna, vel"
- text run at (1,1117) width 63: "cursus elit"
- text run at (1,1135) width 54: "felis non"
- text run at (1,1153) width 46: "mauris."
- text run at (1,1171) width 70: "Donec orci"
- text run at (1,1189) width 83: "erat, porta id,"
- text run at (1,1207) width 80: "dignissim ut,"
- text run at (1,1225) width 49: "posuere"
- text run at (1,1243) width 74: "dictum, leo."
- text run at (1,1261) width 77: "Suspendisse"
- text run at (1,1279) width 69: "scelerisque"
- text run at (1,1297) width 45: "egestas"
- text run at (1,1315) width 35: "nulla."
+Pass: parent -webkit-column-count = 2
+Pass: parent -webkit-column-width = 64px
+Pass: child0 -webkit-column-count = 2
+Pass: child0 -webkit-column-width = 64px
+Pass: child1 -webkit-column-count = 2
+Pass: child1 -webkit-column-width = auto
+Pass: child2 -webkit-column-count = auto
+Pass: child2 -webkit-column-width = 64px
+
+
Modified: trunk/LayoutTests/fast/multicol/inherit-column-values.html (94772 => 94773)
--- trunk/LayoutTests/fast/multicol/inherit-column-values.html 2011-09-08 18:30:40 UTC (rev 94772)
+++ trunk/LayoutTests/fast/multicol/inherit-column-values.html 2011-09-08 18:38:13 UTC (rev 94773)
@@ -5,16 +5,45 @@
}
</style>
-<div style="-webkit-columns: 64px 2;">
- <div style="-webkit-columns: inherit;">
+<div style="-webkit-columns: 64px 2;" id="parent">
+ <div style="-webkit-columns: inherit;" id="child0">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
- <div style="-webkit-column-count: inherit;">
+ <div style="-webkit-column-count: inherit;" id="child1">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
- <div style="-webkit-column-width: inherit;">
+ <div style="-webkit-column-width: inherit;" id="child2">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
</div>
+<pre id="result"/>
+<script>
+ var output = "";
+
+ function test(id, property, value)
+ {
+ var element = document.getElementById(id);
+ var result = window.getComputedStyle(element, null).getPropertyValue(property);
+ output += (result == value) ? "Pass: " : "Fail: ";
+ output += id + " " + property + " = " + result;
+ output += (result == value) ? "\n" : (" expected " + value + "\n");
+ }
+
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ document.getElementById("parent").style.display = "none";
+ }
+
+ test("parent", "-webkit-column-count", 2);
+ test("parent", "-webkit-column-width", "64px");
+ test("child0", "-webkit-column-count", 2);
+ test("child0", "-webkit-column-width", "64px");
+ test("child1", "-webkit-column-count", 2);
+ test("child1", "-webkit-column-width", "auto");
+ test("child2", "-webkit-column-count", "auto");
+ test("child2", "-webkit-column-width", "64px");
+
+ document.getElementById("result").innerText = output;
+</script>
Modified: trunk/LayoutTests/fast/multicol/initial-column-values-expected.txt (94772 => 94773)
--- trunk/LayoutTests/fast/multicol/initial-column-values-expected.txt 2011-09-08 18:30:40 UTC (rev 94772)
+++ trunk/LayoutTests/fast/multicol/initial-column-values-expected.txt 2011-09-08 18:38:13 UTC (rev 94773)
@@ -1,41 +1,7 @@
-layer at (0,0) size 800x600
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x600
- RenderBlock {HTML} at (0,0) size 800x600
- RenderBody {BODY} at (8,8) size 784x584
- RenderBlock {DIV} at (0,0) size 784x128 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 766x126
- text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
- text run at (1,19) width 759: "odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae,"
- text run at (1,37) width 758: "lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi"
- text run at (1,55) width 719: "interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem"
- text run at (1,73) width 731: "dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam"
- text run at (1,91) width 766: "posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id,"
- text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
- RenderBlock {DIV} at (0,128) size 784x128 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 766x126
- text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
- text run at (1,19) width 759: "odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae,"
- text run at (1,37) width 758: "lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi"
- text run at (1,55) width 719: "interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem"
- text run at (1,73) width 731: "dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam"
- text run at (1,91) width 766: "posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id,"
- text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
- RenderBlock {DIV} at (0,256) size 784x128 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 766x126
- text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
- text run at (1,19) width 759: "odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae,"
- text run at (1,37) width 758: "lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi"
- text run at (1,55) width 719: "interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem"
- text run at (1,73) width 731: "dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam"
- text run at (1,91) width 766: "posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id,"
- text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
- RenderBlock {DIV} at (0,384) size 784x128 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 766x126
- text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
- text run at (1,19) width 759: "odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae,"
- text run at (1,37) width 758: "lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi"
- text run at (1,55) width 719: "interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem"
- text run at (1,73) width 731: "dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam"
- text run at (1,91) width 766: "posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id,"
- text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
+Pass: columns-test -webkit-column-count = auto
+Pass: columns-test -webkit-column-width = auto
+Pass: count-test -webkit-column-count = auto
+Pass: gap-test -webkit-column-gap = normal
+Pass: width-test -webkit-column-width = auto
+
+
Modified: trunk/LayoutTests/fast/multicol/initial-column-values.html (94772 => 94773)
--- trunk/LayoutTests/fast/multicol/initial-column-values.html 2011-09-08 18:30:40 UTC (rev 94772)
+++ trunk/LayoutTests/fast/multicol/initial-column-values.html 2011-09-08 18:38:13 UTC (rev 94773)
@@ -5,18 +5,49 @@
}
</style>
-<div style="-webkit-columns: initial;">
+<div style="-webkit-columns: initial;" id="columns-test">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
-<div style="-webkit-column-count: initial;">
+<div style="-webkit-column-count: initial;" id="count-test">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
-<div style="-webkit-column-gap: initial;">
+<div style="-webkit-column-gap: initial;" id="gap-test">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
-<div style="-webkit-column-width: initial;">
+<div style="-webkit-column-width: initial;" id="width-test">
Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla.
</div>
+
+<pre id="result"/>
+
+<script>
+ var output = "";
+
+ function test(id, property, value)
+ {
+ var element = document.getElementById(id);
+ var result = window.getComputedStyle(element, null).getPropertyValue(property);
+ output += (result == value) ? "Pass: " : "Fail: ";
+ output += id + " " + property + " = " + result;
+ output += (result == value) ? "\n" : (" expected " + value + "\n");
+ }
+
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ document.getElementById("columns-test").style.display = "none";
+ document.getElementById("count-test").style.display = "none";
+ document.getElementById("gap-test").style.display = "none";
+ document.getElementById("width-test").style.display = "none";
+ }
+
+ test("columns-test", "-webkit-column-count", "auto");
+ test("columns-test", "-webkit-column-width", "auto");
+ test("count-test", "-webkit-column-count", "auto");
+ test("gap-test", "-webkit-column-gap", "normal");
+ test("width-test", "-webkit-column-width", "auto");
+
+ document.getElementById("result").innerText = output;
+</script>
