Changeset 94773 in webkit


Ignore:
Timestamp:
Sep 8, 2011 11:38:13 AM (13 years ago)
Author:
macpherson@chromium.org
Message:

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:
Location:
trunk/LayoutTests
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r94771 r94773  
     12011-09-08  Luke Macpherson   <macpherson@chromium.org>
     2
     3        Update tests for inherit and initial values for -webkit-columns and related CSS properties.
     4        https://bugs.webkit.org/show_bug.cgi?id=67685
     5
     6        Reviewed by Eric Seidel.
     7
     8        * fast/multicol/inherit-column-values-expected.txt:
     9        * fast/multicol/inherit-column-values.html:
     10        * fast/multicol/initial-column-values-expected.txt:
     11        * fast/multicol/initial-column-values.html:
     12
    1132011-09-08  Kentaro Hara  <haraken@google.com>
    214

  • trunk/LayoutTests/fast/multicol/inherit-column-values-expected.txt

    r94037 r94773  
    1 layer at (0,0) size 800x600
    2   RenderView at (0,0) size 800x600
    3 layer at (0,0) size 800x600
    4   RenderBlock {HTML} at (0,0) size 800x600
    5     RenderBody {BODY} at (8,8) size 784x584
    6 layer at (8,8) size 784x464
    7   RenderBlock {DIV} at (0,0) size 784x464 [border: (1px solid #000000)]
    8 layer at (9,9) size 383x290
    9   RenderBlock {DIV} at (1,1) size 383x290 [border: (1px solid #000000)]
    10     RenderText {#text} at (1,1) size 180x558
    11       text run at (1,1) width 132: "Vestibulum a sapien."
    12       text run at (1,19) width 129: "Phasellus ante lacus,"
    13       text run at (1,37) width 144: "vehicula non, cursus a,"
    14       text run at (1,55) width 114: "tempor ut, magna."
    15       text run at (1,73) width 169: "Suspendisse potenti. Fusce"
    16       text run at (1,91) width 126: "aliquet, odio viverra"
    17       text run at (1,109) width 176: "vulputate dictum, enim odio"
    18       text run at (1,127) width 169: "luctus purus, ut scelerisque"
    19       text run at (1,145) width 169: "quam nulla non est. Donec"
    20       text run at (1,163) width 153: "eros lacus, egestas vitae,"
    21       text run at (1,181) width 157: "lacinia quis, tempor quis,"
    22       text run at (1,199) width 180: "pede. Morbi orci erat, iaculis"
    23       text run at (1,217) width 174: "id, ornare ac, elementum at,"
    24       text run at (1,235) width 162: "sem. Nunc ornare sodales"
    25       text run at (1,253) width 129: "nisi. Morbi interdum"
    26       text run at (1,271) width 164: "commodo nisl. Fusce eget"
    27       text run at (1,289) width 179: "eros non nisi ornare facilisis."
    28       text run at (1,307) width 130: "Sed placerat, est non"
    29       text run at (1,325) width 174: "posuere posuere, purus sem"
    30       text run at (1,343) width 163: "dignissim libero, a viverra"
    31       text run at (1,361) width 170: "tellus dolor vel lorem. Cras"
    32       text run at (1,379) width 136: "augue. Etiam ultricies"
    33       text run at (1,397) width 165: "consequat odio. Mauris ac"
    34       text run at (1,415) width 178: "libero. Etiam posuere, libero"
    35       text run at (1,433) width 174: "vitae euismod gravida, urna"
    36       text run at (1,451) width 155: "elit imperdiet magna, vel"
    37       text run at (1,469) width 171: "cursus elit felis non mauris."
    38       text run at (1,487) width 157: "Donec orci erat, porta id,"
    39       text run at (1,505) width 133: "dignissim ut, posuere"
    40       text run at (1,523) width 155: "dictum, leo. Suspendisse"
    41       text run at (1,541) width 157: "scelerisque egestas nulla."
    42 layer at (9,299) size 383x290
    43   RenderBlock {DIV} at (1,291) size 383x290 [border: (1px solid #000000)]
    44     RenderText {#text} at (1,1) size 180x558
    45       text run at (1,1) width 132: "Vestibulum a sapien."
    46       text run at (1,19) width 129: "Phasellus ante lacus,"
    47       text run at (1,37) width 144: "vehicula non, cursus a,"
    48       text run at (1,55) width 114: "tempor ut, magna."
    49       text run at (1,73) width 169: "Suspendisse potenti. Fusce"
    50       text run at (1,91) width 126: "aliquet, odio viverra"
    51       text run at (1,109) width 176: "vulputate dictum, enim odio"
    52       text run at (1,127) width 169: "luctus purus, ut scelerisque"
    53       text run at (1,145) width 169: "quam nulla non est. Donec"
    54       text run at (1,163) width 153: "eros lacus, egestas vitae,"
    55       text run at (1,181) width 157: "lacinia quis, tempor quis,"
    56       text run at (1,199) width 180: "pede. Morbi orci erat, iaculis"
    57       text run at (1,217) width 174: "id, ornare ac, elementum at,"
    58       text run at (1,235) width 162: "sem. Nunc ornare sodales"
    59       text run at (1,253) width 129: "nisi. Morbi interdum"
    60       text run at (1,271) width 164: "commodo nisl. Fusce eget"
    61       text run at (1,289) width 179: "eros non nisi ornare facilisis."
    62       text run at (1,307) width 130: "Sed placerat, est non"
    63       text run at (1,325) width 174: "posuere posuere, purus sem"
    64       text run at (1,343) width 163: "dignissim libero, a viverra"
    65       text run at (1,361) width 170: "tellus dolor vel lorem. Cras"
    66       text run at (1,379) width 136: "augue. Etiam ultricies"
    67       text run at (1,397) width 165: "consequat odio. Mauris ac"
    68       text run at (1,415) width 178: "libero. Etiam posuere, libero"
    69       text run at (1,433) width 174: "vitae euismod gravida, urna"
    70       text run at (1,451) width 155: "elit imperdiet magna, vel"
    71       text run at (1,469) width 171: "cursus elit felis non mauris."
    72       text run at (1,487) width 157: "Donec orci erat, porta id,"
    73       text run at (1,505) width 133: "dignissim ut, posuere"
    74       text run at (1,523) width 155: "dictum, leo. Suspendisse"
    75       text run at (1,541) width 157: "scelerisque egestas nulla."
    76 layer at (9,589) size 383x344 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
    77   RenderBlock {DIV} at (1,581) size 383x344 [border: (1px solid #000000)]
    78     RenderText {#text} at (1,1) size 83x1332
    79       text run at (1,1) width 73: "Vestibulum"
    80       text run at (1,19) width 55: "a sapien."
    81       text run at (1,37) width 59: "Phasellus"
    82       text run at (1,55) width 66: "ante lacus,"
    83       text run at (1,73) width 53: "vehicula"
    84       text run at (1,91) width 72: "non, cursus"
    85       text run at (1,109) width 79: "a, tempor ut,"
    86       text run at (1,127) width 46: "magna."
    87       text run at (1,145) width 77: "Suspendisse"
    88       text run at (1,163) width 47: "potenti."
    89       text run at (1,181) width 37: "Fusce"
    90       text run at (1,199) width 78: "aliquet, odio"
    91       text run at (1,217) width 44: "viverra"
    92       text run at (1,235) width 58: "vulputate"
    93       text run at (1,253) width 82: "dictum, enim"
    94       text run at (1,271) width 69: "odio luctus"
    95       text run at (1,289) width 55: "purus, ut"
    96       text run at (1,307) width 69: "scelerisque"
    97       text run at (1,325) width 70: "quam nulla"
    98       text run at (1,343) width 49: "non est."
    99       text run at (1,361) width 72: "Donec eros"
    100       text run at (1,379) width 36: "lacus,"
    101       text run at (1,397) width 83: "egestas vitae,"
    102       text run at (1,415) width 75: "lacinia quis,"
    103       text run at (1,433) width 78: "tempor quis,"
    104       text run at (1,451) width 77: "pede. Morbi"
    105       text run at (1,469) width 55: "orci erat,"
    106       text run at (1,487) width 60: "iaculis id,"
    107       text run at (1,505) width 62: "ornare ac,"
    108       text run at (1,523) width 69: "elementum"
    109       text run at (1,541) width 48: "at, sem."
    110       text run at (1,559) width 79: "Nunc ornare"
    111       text run at (1,577) width 76: "sodales nisi."
    112       text run at (1,595) width 39: "Morbi"
    113       text run at (1,613) width 56: "interdum"
    114       text run at (1,631) width 63: "commodo"
    115       text run at (1,649) width 67: "nisl. Fusce"
    116       text run at (1,667) width 56: "eget eros"
    117       text run at (1,685) width 50: "non nisi"
    118       text run at (1,703) width 40: "ornare"
    119       text run at (1,721) width 79: "facilisis. Sed"
    120       text run at (1,739) width 74: "placerat, est"
    121       text run at (1,757) width 77: "non posuere"
    122       text run at (1,775) width 53: "posuere,"
    123       text run at (1,793) width 64: "purus sem"
    124       text run at (1,811) width 60: "dignissim"
    125       text run at (1,829) width 51: "libero, a"
    126       text run at (1,847) width 81: "viverra tellus"
    127       text run at (1,865) width 56: "dolor vel"
    128       text run at (1,883) width 73: "lorem. Cras"
    129       text run at (1,901) width 83: "augue. Etiam"
    130       text run at (1,919) width 49: "ultricies"
    131       text run at (1,937) width 63: "consequat"
    132       text run at (1,955) width 80: "odio. Mauris"
    133       text run at (1,973) width 58: "ac libero."
    134       text run at (1,991) width 37: "Etiam"
    135       text run at (1,1009) width 53: "posuere,"
    136       text run at (1,1027) width 70: "libero vitae"
    137       text run at (1,1045) width 53: "euismod"
    138       text run at (1,1063) width 83: "gravida, urna"
    139       text run at (1,1081) width 82: "elit imperdiet"
    140       text run at (1,1099) width 69: "magna, vel"
    141       text run at (1,1117) width 63: "cursus elit"
    142       text run at (1,1135) width 54: "felis non"
    143       text run at (1,1153) width 46: "mauris."
    144       text run at (1,1171) width 70: "Donec orci"
    145       text run at (1,1189) width 83: "erat, porta id,"
    146       text run at (1,1207) width 80: "dignissim ut,"
    147       text run at (1,1225) width 49: "posuere"
    148       text run at (1,1243) width 74: "dictum, leo."
    149       text run at (1,1261) width 77: "Suspendisse"
    150       text run at (1,1279) width 69: "scelerisque"
    151       text run at (1,1297) width 45: "egestas"
    152       text run at (1,1315) width 35: "nulla."
     1Pass: parent -webkit-column-count = 2
     2Pass: parent -webkit-column-width = 64px
     3Pass: child0 -webkit-column-count = 2
     4Pass: child0 -webkit-column-width = 64px
     5Pass: child1 -webkit-column-count = 2
     6Pass: child1 -webkit-column-width = auto
     7Pass: child2 -webkit-column-count = auto
     8Pass: child2 -webkit-column-width = 64px
     9
     10

  • trunk/LayoutTests/fast/multicol/inherit-column-values.html

    r94037 r94773  
    66</style>
    77
    8 <div style="-webkit-columns: 64px 2;">
    9     <div style="-webkit-columns: inherit;">
     8<div style="-webkit-columns: 64px 2;" id="parent">
     9    <div style="-webkit-columns: inherit;" id="child0">
    1010    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.
    1111    </div>
    1212
    13     <div style="-webkit-column-count: inherit;">
     13    <div style="-webkit-column-count: inherit;" id="child1">
    1414    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.
    1515    </div>
    1616
    17     <div style="-webkit-column-width: inherit;">
     17    <div style="-webkit-column-width: inherit;" id="child2">
    1818    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.
    1919    </div>
    2020</div>
     21<pre id="result"/>
     22<script>
     23    var output = "";
     24
     25    function test(id, property, value)
     26    {
     27        var element = document.getElementById(id);
     28        var result = window.getComputedStyle(element, null).getPropertyValue(property);
     29        output += (result == value) ? "Pass: " : "Fail: ";
     30        output += id + " " + property + " = " + result;
     31        output += (result == value) ? "\n" : (" expected " + value + "\n");
     32    }
     33
     34    if (window.layoutTestController) {
     35        layoutTestController.dumpAsText();
     36        document.getElementById("parent").style.display = "none";
     37    }
     38
     39    test("parent", "-webkit-column-count", 2);
     40    test("parent", "-webkit-column-width", "64px");
     41    test("child0", "-webkit-column-count", 2);
     42    test("child0", "-webkit-column-width", "64px");
     43    test("child1", "-webkit-column-count", 2);
     44    test("child1", "-webkit-column-width", "auto");
     45    test("child2", "-webkit-column-count", "auto");
     46    test("child2", "-webkit-column-width", "64px");
     47       
     48    document.getElementById("result").innerText = output;
     49</script>

  • trunk/LayoutTests/fast/multicol/initial-column-values-expected.txt

    r94037 r94773  
    1 layer at (0,0) size 800x600
    2   RenderView at (0,0) size 800x600
    3 layer at (0,0) size 800x600
    4   RenderBlock {HTML} at (0,0) size 800x600
    5     RenderBody {BODY} at (8,8) size 784x584
    6       RenderBlock {DIV} at (0,0) size 784x128 [border: (1px solid #000000)]
    7         RenderText {#text} at (1,1) size 766x126
    8           text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
    9           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,"
    10           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"
    11           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"
    12           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"
    13           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,"
    14           text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
    15       RenderBlock {DIV} at (0,128) size 784x128 [border: (1px solid #000000)]
    16         RenderText {#text} at (1,1) size 766x126
    17           text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
    18           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,"
    19           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"
    20           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"
    21           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"
    22           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,"
    23           text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
    24       RenderBlock {DIV} at (0,256) size 784x128 [border: (1px solid #000000)]
    25         RenderText {#text} at (1,1) size 766x126
    26           text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
    27           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,"
    28           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"
    29           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"
    30           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"
    31           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,"
    32           text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
    33       RenderBlock {DIV} at (0,384) size 784x128 [border: (1px solid #000000)]
    34         RenderText {#text} at (1,1) size 766x126
    35           text run at (1,1) width 754: "Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, magna. Suspendisse potenti. Fusce aliquet,"
    36           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,"
    37           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"
    38           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"
    39           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"
    40           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,"
    41           text run at (1,109) width 453: "dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nulla."
     1Pass: columns-test -webkit-column-count = auto
     2Pass: columns-test -webkit-column-width = auto
     3Pass: count-test -webkit-column-count = auto
     4Pass: gap-test -webkit-column-gap = normal
     5Pass: width-test -webkit-column-width = auto
     6
     7

  • trunk/LayoutTests/fast/multicol/initial-column-values.html

    r94037 r94773  
    66</style>
    77
    8 <div style="-webkit-columns: initial;">
     8<div style="-webkit-columns: initial;" id="columns-test">
    99Vestibulum 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.
    1010</div>
    1111
    12 <div style="-webkit-column-count: initial;">
     12<div style="-webkit-column-count: initial;" id="count-test">
    1313Vestibulum 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.
    1414</div>
    1515
    16 <div style="-webkit-column-gap: initial;">
     16<div style="-webkit-column-gap: initial;" id="gap-test">
    1717Vestibulum 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.
    1818</div>
    1919
    20 <div style="-webkit-column-width: initial;">
     20<div style="-webkit-column-width: initial;" id="width-test">
    2121Vestibulum 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.
    2222</div>
     23
     24<pre id="result"/>
     25
     26<script>
     27    var output = "";
     28
     29    function test(id, property, value)
     30    {
     31        var element = document.getElementById(id);
     32        var result = window.getComputedStyle(element, null).getPropertyValue(property);
     33        output += (result == value) ? "Pass: " : "Fail: ";
     34        output += id + " " + property + " = " + result;
     35        output += (result == value) ? "\n" : (" expected " + value + "\n");
     36    }
     37
     38    if (window.layoutTestController) {
     39        layoutTestController.dumpAsText();
     40        document.getElementById("columns-test").style.display = "none";
     41        document.getElementById("count-test").style.display = "none";
     42        document.getElementById("gap-test").style.display = "none";
     43        document.getElementById("width-test").style.display = "none";
     44    }
     45
     46    test("columns-test", "-webkit-column-count", "auto");
     47    test("columns-test", "-webkit-column-width", "auto");
     48    test("count-test", "-webkit-column-count", "auto");
     49    test("gap-test", "-webkit-column-gap", "normal");
     50    test("width-test", "-webkit-column-width", "auto");
     51
     52    document.getElementById("result").innerText = output;
     53</script>
Note: See TracChangeset for help on using the changeset viewer.