Changeset 154438 in webkit


Ignore:
Timestamp:
Aug 22, 2013 2:28:18 AM (11 years ago)
Author:
sergio@webkit.org
Message:

[CSS Grid Layout] Refactor testing code
​https://bugs.webkit.org/show_bug.cgi?id=119552

Reviewed by Darin Adler.

Based on Blink r148922 & r149060 by <​jchaffraix@chromium.org>

The old testing code was a huge copy&paste of big testing code
blocks. Refactor it in some new utility functions so that we could
reduce the size of the layout test file and ease the maintenance.

  • fast/css-grid-layout/grid-item-column-row-get-set-expected.txt:
  • fast/css-grid-layout/grid-item-column-row-get-set.html:
  • fast/css-grid-layout/grid-item-end-after-get-set-expected.txt:
  • fast/css-grid-layout/grid-item-end-after-get-set.html:
  • fast/css-grid-layout/grid-item-start-before-get-set-expected.txt:
  • fast/css-grid-layout/grid-item-start-before-get-set.html:
  • fast/css-grid-layout/resources/grid-item-column-row-parsing-utils.js: Added.
Location:
trunk/LayoutTests
Files:
1 added
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r154437 r154438  
     12013-08-08  Sergio Villar Senin  <svillar@igalia.com>
     2
     3        [CSS Grid Layout] Refactor testing code
     4        https://bugs.webkit.org/show_bug.cgi?id=119552
     5
     6        Reviewed by Darin Adler.
     7
     8        Based on Blink r148922 & r149060 by <jchaffraix@chromium.org>
     9
     10        The old testing code was a huge copy&paste of big testing code
     11        blocks. Refactor it in some new utility functions so that we could
     12        reduce the size of the layout test file and ease the maintenance.
     13
     14        * fast/css-grid-layout/grid-item-column-row-get-set-expected.txt:
     15        * fast/css-grid-layout/grid-item-column-row-get-set.html:
     16        * fast/css-grid-layout/grid-item-end-after-get-set-expected.txt:
     17        * fast/css-grid-layout/grid-item-end-after-get-set.html:
     18        * fast/css-grid-layout/grid-item-start-before-get-set-expected.txt:
     19        * fast/css-grid-layout/grid-item-start-before-get-set.html:
     20        * fast/css-grid-layout/resources/grid-item-column-row-parsing-utils.js: Added.
     21
    1222013-08-21  Ryosuke Niwa  <rniwa@webkit.org>
    223

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-column-row-get-set-expected.txt

    r153748 r154438  
    55
    66Test getting -webkit-grid-column and -webkit-grid-row set through CSS
    7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    11 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    12 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    13 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is '10 / auto'
    14 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start') is '10'
    15 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    16 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is '15 / auto'
    17 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start') is '15'
    18 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    19 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is '-10 / auto'
    20 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start') is '-10'
    21 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    22 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is '-15 / auto'
    23 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start') is '-15'
    24 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    25 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    26 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    27 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    28 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    29 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    30 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    31 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column') is '10 / 15'
    32 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-start') is '10'
    33 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-end') is '15'
    34 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row') is '5 / 5'
    35 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-start') is '5'
    36 PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-end') is '5'
    37 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column') is '10 / -10'
    38 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-start') is '10'
    39 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-end') is '-10'
    40 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row') is '-8 / 5'
    41 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-start') is '-8'
    42 PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-end') is '5'
    43 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column') is 'span 2 / 4'
    44 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-start') is 'span 2'
    45 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-end') is '4'
    46 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row') is '3 / span 5'
    47 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-start') is '3'
    48 PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-end') is 'span 5'
    49 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column') is 'span 2 / 4'
    50 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-start') is 'span 2'
    51 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-end') is '4'
    52 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row') is '3 / span 5'
    53 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-start') is '3'
    54 PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-end') is 'span 5'
    55 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    56 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    57 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    58 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    59 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    60 PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    61 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    62 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    63 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    64 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    65 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    66 PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    67 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column') is '10 / 11'
    68 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-start') is '10'
    69 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-end') is '11'
    70 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row') is '4 / 5'
    71 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-start') is '4'
    72 PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-end') is '5'
    73 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column') is 'auto / 1'
    74 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    75 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-end') is '1'
    76 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row') is '5 / auto'
    77 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-start') is '5'
    78 PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
     7PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     8PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     9PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     10PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     11PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     12PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     13PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is "10 / auto"
     14PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start') is "10"
     15PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     16PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is "15 / auto"
     17PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start') is "15"
     18PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     19PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is "-10 / auto"
     20PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start') is "-10"
     21PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     22PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is "-15 / auto"
     23PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start') is "-15"
     24PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     25PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     26PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     27PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     28PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     29PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     30PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     31PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column') is "10 / 15"
     32PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-start') is "10"
     33PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-end') is "15"
     34PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row') is "5 / 5"
     35PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-start') is "5"
     36PASS getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-end') is "5"
     37PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column') is "10 / -10"
     38PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-start') is "10"
     39PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-end') is "-10"
     40PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row') is "-8 / 5"
     41PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-start') is "-8"
     42PASS getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-end') is "5"
     43PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column') is "span 2 / 4"
     44PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-start') is "span 2"
     45PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-end') is "4"
     46PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row') is "3 / span 5"
     47PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-start') is "3"
     48PASS getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-end') is "span 5"
     49PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column') is "span 2 / 4"
     50PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-start') is "span 2"
     51PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-end') is "4"
     52PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row') is "3 / span 5"
     53PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-start') is "3"
     54PASS getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-end') is "span 5"
     55PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     56PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     57PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     58PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     59PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     60PASS getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     61PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     62PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     63PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     64PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     65PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     66PASS getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     67PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column') is "10 / 11"
     68PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-start') is "10"
     69PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-end') is "11"
     70PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row') is "4 / 5"
     71PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-start') is "4"
     72PASS getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-end') is "5"
     73PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column') is "auto / 1"
     74PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     75PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-end') is "1"
     76PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row') is "5 / auto"
     77PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-start') is "5"
     78PASS getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    7979
    8080Test the initial value
    … …  
    8787
    8888Test getting and setting grid-column and grid-row through JS
    89 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '18 / auto'
    90 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '18'
    91 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    92 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 / auto'
    93 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '66'
    94 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    95 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-55 / auto'
    96 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '-55'
    97 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    98 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '-40 / auto'
    99 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '-40'
    100 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    101 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    102 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    103 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    104 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    105 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    106 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    107 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '10 / 55'
    108 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '10'
    109 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '55'
    110 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '1 / 10'
    111 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '1'
    112 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is '10'
    113 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'span 5 / 5'
    114 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'span 5'
    115 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '5'
    116 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '4 / span 4'
    117 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '4'
    118 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'span 4'
    119 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-5 / 5'
    120 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '-5'
    121 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '5'
    122 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '4 / -4'
    123 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '4'
    124 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is '-4'
    125 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '4 / auto'
    126 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '4'
    127 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    128 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '5 / auto'
    129 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '5'
    130 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    131 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / 5'
    132 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    133 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '5'
    134 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / 8'
    135 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    136 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is '8'
    137 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'span 1 / 3'
    138 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'span 1'
    139 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '3'
    140 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '5 / span 1'
    141 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '5'
    142 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'span 1'
     89PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "18 / auto"
     90PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "18"
     91PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     92PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "66 / auto"
     93PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "66"
     94PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     95PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "-55 / auto"
     96PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "-55"
     97PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     98PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "-40 / auto"
     99PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "-40"
     100PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     101PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     102PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     103PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     104PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     105PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     106PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     107PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "10 / 55"
     108PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "10"
     109PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "55"
     110PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "1 / 10"
     111PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "1"
     112PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "10"
     113PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "span 5 / 5"
     114PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "span 5"
     115PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "5"
     116PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "4 / span 4"
     117PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "4"
     118PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "span 4"
     119PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "-5 / 5"
     120PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "-5"
     121PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "5"
     122PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "4 / -4"
     123PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "4"
     124PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "-4"
     125PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "4 / auto"
     126PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "4"
     127PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     128PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "5 / auto"
     129PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "5"
     130PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     131PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / 5"
     132PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     133PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "5"
     134PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / 8"
     135PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     136PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "8"
     137PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "span 1 / 3"
     138PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "span 1"
     139PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "3"
     140PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "5 / span 1"
     141PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "5"
     142PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "span 1"
    143143
    144144Test setting grid-column and grid-row back to 'auto' through JS
    … …  
    157157
    158158Test getting and setting invalid grid-column and grid-row through JS
    159 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    160 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    161 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    162 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    163 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    164 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    165 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    166 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    167 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    168 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    169 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    170 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    171 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    172 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    173 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    174 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    175 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    176 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    177 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    178 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    179 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    180 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    181 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    182 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    183 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    184 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    185 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    186 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    187 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    188 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    189 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    190 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    191 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    192 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    193 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    194 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    195 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    196 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    197 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    198 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    199 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    200 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    201 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    202 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    203 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    204 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    205 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    206 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    207 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    208 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    209 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    210 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    211 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    212 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    213 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    214 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    215 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    216 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    217 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    218 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    219 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    220 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    221 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    222 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    223 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    224 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    225 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    226 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    227 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    228 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    229 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    230 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
     159PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     160PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     161PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     162PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     163PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     164PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     165PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     166PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     167PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     168PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     169PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     170PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     171PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     172PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     173PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     174PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     175PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     176PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     177PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     178PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     179PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     180PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     181PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     182PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     183PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     184PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     185PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     186PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     187PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     188PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     189PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     190PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     191PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     192PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     193PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     194PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     195PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     196PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     197PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     198PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     199PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     200PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     201PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     202PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     203PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     204PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     205PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     206PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     207PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     208PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     209PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     210PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     211PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     212PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     213PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     214PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     215PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     216PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     217PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     218PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     219PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     220PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     221PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     222PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     223PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     224PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     225PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     226PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     227PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     228PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     229PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     230PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    231231PASS successfullyParsed is true
    232232

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-column-row-get-set.html

    r154281 r154438  
    22<html>
    33<head>
     4<script src="resources/grid-item-column-row-parsing-utils.js"></script>
    45<script>
    56if (window.testRunner)
    … …  
    7273
    7374    debug("Test getting -webkit-grid-column and -webkit-grid-row set through CSS");
    74     var gridElement = document.getElementById("gridElement");
    75     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    76     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    77     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    78     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    79     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    80     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    81 
    82     var gridItemWithPositiveInteger = document.getElementById("gridItemWithPositiveInteger");
    83     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column')", "'10 / auto'");
    84     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    85     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    86     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row')", "'15 / auto'");
    87     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start')", "'15'");
    88     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    89 
    90     var gridItemWithNegativeInteger = document.getElementById("gridItemWithNegativeInteger");
    91     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column')", "'-10 / auto'");
    92     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start')", "'-10'");
    93     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    94     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row')", "'-15 / auto'");
    95     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start')", "'-15'");
    96     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    97 
    98     var gridItemWithAutoElement = document.getElementById("gridItemWithAutoElement");
    99     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    100     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    101     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    102     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    103     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    104     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    105 
    106     var gridItemWith2IntegerElement = document.getElementById("gridItemWith2IntegerElement");
    107     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column')", "'10 / 15'");
    108     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    109     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-column-end')", "'15'");
    110     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row')", "'5 / 5'");
    111     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-start')", "'5'");
    112     shouldBe("getComputedStyle(gridItemWith2IntegerElement, '').getPropertyValue('-webkit-grid-row-end')", "'5'");
    113 
    114     var gridItemWithNegativePositiveIntegerElement = document.getElementById("gridItemWithNegativePositiveIntegerElement");
    115     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column')", "'10 / -10'");
    116     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    117     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-column-end')", "'-10'");
    118     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row')", "'-8 / 5'");
    119     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-start')", "'-8'");
    120     shouldBe("getComputedStyle(gridItemWithNegativePositiveIntegerElement, '').getPropertyValue('-webkit-grid-row-end')", "'5'");
    121 
    122     var gridItemWithBeforeSpanElement = document.getElementById("gridItemWithBeforeSpanElement");
    123     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column')", "'span 2 / 4'");
    124     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-start')", "'span 2'");
    125     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-column-end')", "'4'");
    126     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row')", "'3 / span 5'");
    127     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-start')", "'3'");
    128     shouldBe("getComputedStyle(gridItemWithBeforeSpanElement, '').getPropertyValue('-webkit-grid-row-end')", "'span 5'");
    129 
    130     var gridItemWithAfterSpanElement = document.getElementById("gridItemWithAfterSpanElement");
    131     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column')", "'span 2 / 4'");
    132     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-start')", "'span 2'");
    133     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-column-end')", "'4'");
    134     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row')", "'3 / span 5'");
    135     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-start')", "'3'");
    136     shouldBe("getComputedStyle(gridItemWithAfterSpanElement, '').getPropertyValue('-webkit-grid-row-end')", "'span 5'");
    137 
    138     var gridItemWith2OnlySpanElement = document.getElementById("gridItemWith2OnlySpanElement");
    139     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    140     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    141     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    142     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    143     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    144     shouldBe("getComputedStyle(gridItemWith2OnlySpanElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    145 
    146     var gridItemWith2AutoElement = document.getElementById("gridItemWith2AutoElement");
    147     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    148     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    149     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    150     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    151     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    152     shouldBe("getComputedStyle(gridItemWith2AutoElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    153 
    154     var gridItemWithBothShortLongHandElement = document.getElementById("gridItemWithBothShortLongHandElement");
    155     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column')", "'10 / 11'");
    156     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    157     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-column-end')", "'11'");
    158     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row')", "'4 / 5'");
    159     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-start')", "'4'");
    160     shouldBe("getComputedStyle(gridItemWithBothShortLongHandElement, '').getPropertyValue('-webkit-grid-row-end')", "'5'");
    161 
    162     var gridItemWithNoSpaceElement = document.getElementById("gridItemWithNoSpaceElement");
    163     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column')", "'auto / 1'");
    164     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    165     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-column-end')", "'1'");
    166     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row')", "'5 / auto'");
    167     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-start')", "'5'");
    168     shouldBe("getComputedStyle(gridItemWithNoSpaceElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     75    testColumnRowCSSParsing("gridElement", "auto / auto", "auto / auto");
     76    testColumnRowCSSParsing("gridItemWithPositiveInteger", "10 / auto", "15 / auto");
     77    testColumnRowCSSParsing("gridItemWithNegativeInteger", "-10 / auto", "-15 / auto");
     78    testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / auto");
     79    testColumnRowCSSParsing("gridItemWith2IntegerElement", "10 / 15", "5 / 5");
     80    testColumnRowCSSParsing("gridItemWithNegativePositiveIntegerElement", "10 / -10", "-8 / 5");
     81    testColumnRowCSSParsing("gridItemWithBeforeSpanElement", "span 2 / 4", "3 / span 5");
     82    testColumnRowCSSParsing("gridItemWithAfterSpanElement", "span 2 / 4", "3 / span 5");
     83    testColumnRowCSSParsing("gridItemWith2OnlySpanElement", "auto / auto", "auto / auto");
     84    testColumnRowCSSParsing("gridItemWith2AutoElement", "auto / auto" , "auto / auto");
     85    testColumnRowCSSParsing("gridItemWithBothShortLongHandElement", "10 / 11", "4 / 5");
     86    testColumnRowCSSParsing("gridItemWithNoSpaceElement", "auto / 1", "5 / auto");
    16987
    17088    debug("");
    … …  
    18199    debug("");
    182100    debug("Test getting and setting grid-column and grid-row through JS");
    183     element.style.webkitGridColumn = "18";
    184     element.style.webkitGridRow = "66";
    185     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'18 / auto'");
    186     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'18'");
    187     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    188     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'66 / auto'");
    189     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'66'");
    190     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    191 
    192     element = document.createElement("div");
    193     document.body.appendChild(element);
    194     element.style.webkitGridColumn = "-55";
    195     element.style.webkitGridRow = "-40";
    196     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'-55 / auto'");
    197     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'-55'");
    198     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    199     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'-40 / auto'");
    200     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'-40'");
    201     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    202 
    203     element = document.createElement("div");
    204     document.body.appendChild(element);
    205     element.style.webkitGridColumn = "auto";
    206     element.style.webkitGridRow = "auto";
    207     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    208     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    209     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    210     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    211     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    212     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    213 
    214     element = document.createElement("div");
    215     document.body.appendChild(element);
    216     element.style.webkitGridColumn = "10 / 55";
    217     element.style.webkitGridRow = "1 / 10";
    218     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'10 / 55'");
    219     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    220     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'55'");
    221     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'1 / 10'");
    222     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'1'");
    223     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'10'");
    224 
    225     element = document.createElement("div");
    226     document.body.appendChild(element);
    227     element.style.webkitGridColumn = "span 5 / 5";
    228     element.style.webkitGridRow = "4 / span 4";
    229     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'span 5 / 5'");
    230     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'span 5'");
    231     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'5'");
    232     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'4 / span 4'");
    233     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'4'");
    234     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'span 4'");
    235 
    236     element = document.createElement("div");
    237     document.body.appendChild(element);
    238     element.style.webkitGridColumn = "-5 / 5";
    239     element.style.webkitGridRow = "4 / -4";
    240     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'-5 / 5'");
    241     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'-5'");
    242     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'5'");
    243     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'4 / -4'");
    244     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'4'");
    245     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'-4'");
    246 
    247     element = document.createElement("div");
    248     document.body.appendChild(element);
    249     element.style.webkitGridColumn = "4 / auto";
    250     element.style.webkitGridRow = "5 / auto";
    251     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'4 / auto'");
    252     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'4'");
    253     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    254     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'5 / auto'");
    255     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'5'");
    256     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    257 
    258     element = document.createElement("div");
    259     document.body.appendChild(element);
    260     element.style.webkitGridColumn = "auto / 5";
    261     element.style.webkitGridRow = "auto / 8";
    262     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / 5'");
    263     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    264     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'5'");
    265     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / 8'");
    266     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    267     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'8'");
    268 
    269     element = document.createElement("div");
    270     document.body.appendChild(element);
    271     element.style.webkitGridColumn = "span / 3";
    272     element.style.webkitGridRow = "5 / span";
    273     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'span 1 / 3'");
    274     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'span 1'");
    275     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'3'");
    276     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'5 / span 1'");
    277     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'5'");
    278     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'span 1'");
     101    testColumnRowJSParsing("18", "66", "18 / auto", "66 / auto");
     102    testColumnRowJSParsing("-55", "-40", "-55 / auto", "-40 / auto");
     103    testColumnRowJSParsing("auto", "auto", "auto / auto", "auto / auto");
     104    testColumnRowJSParsing("10 / 55", "1 / 10");
     105    testColumnRowJSParsing("span 5 / 5", "4 / span 4");
     106    testColumnRowJSParsing("-5 / 5", "4 / -4");
     107    testColumnRowJSParsing("4 / auto", "5 / auto");
     108    testColumnRowJSParsing("auto / 5", "auto / 8");
     109    testColumnRowJSParsing("span / 3", "5 / span", "span 1 / 3", "5 / span 1");
    279110
    280111    debug("");
    … …  
    300131    debug("");
    301132    debug("Test getting and setting invalid grid-column and grid-row through JS");
    302     element = document.createElement("div");
    303     document.body.appendChild(element);
    304     element.style.webkitGridColumn = "4 5";
    305     element.style.webkitGridRow = "5 8";
    306     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    307     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    308     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    309     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    310     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    311     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    312 
    313     element = document.createElement("div");
    314     document.body.appendChild(element);
    315     element.style.webkitGridColumn = "4 /";
    316     element.style.webkitGridRow = "5 /";
    317     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    318     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    319     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    320     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    321     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    322     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    323 
    324     element = document.createElement("div");
    325     document.body.appendChild(element);
    326     element.style.webkitGridColumn = "5 / none";
    327     element.style.webkitGridRow = "8 / foobar";
    328     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    329     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    330     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    331     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    332     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    333     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    334 
    335     element = document.createElement("div");
    336     document.body.appendChild(element);
    337     element.style.webkitGridColumn = "5 5";
    338     element.style.webkitGridRow = "8 auto";
    339     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    340     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    341     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    342     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    343     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    344     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    345 
    346     element = document.createElement("div");
    347     document.body.appendChild(element);
    348     element.style.webkitGridColumn = "5 / /";
    349     element.style.webkitGridRow = "8 / /";
    350     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    351     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    352     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    353     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    354     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    355     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     133    testColumnRowInvalidJSParsing("4 5", "5 8");
     134    testColumnRowInvalidJSParsing("4 /", "5 /");
     135    testColumnRowInvalidJSParsing("5 / none", "8 / foobar");
     136    testColumnRowInvalidJSParsing("5 5", "8 auto");
     137    testColumnRowInvalidJSParsing("5 / /", "8 / /");
    356138
    357139    // 0 is invalid.
    358     element = document.createElement("div");
    359     document.body.appendChild(element);
    360     element.style.webkitGridColumn = "0 / 5";
    361     element.style.webkitGridRow = "0 / 6";
    362     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    363     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    364     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    365     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    366     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    367     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     140    testColumnRowInvalidJSParsing("0 / 5", "0 / 6");
     141    testColumnRowInvalidJSParsing("6 / 0", "8 / 0");
     142    testColumnRowInvalidJSParsing("0", "0");
    368143
    369     element = document.createElement("div");
    370     document.body.appendChild(element);
    371     element.style.webkitGridColumn = "6 / 0";
    372     element.style.webkitGridRow = "8 / 0";
    373     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    374     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    375     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    376     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    377     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    378     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    379 
    380     element = document.createElement("div");
    381     document.body.appendChild(element);
    382     element.style.webkitGridColumn = "0";
    383     element.style.webkitGridRow = "0";
    384     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    385     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    386     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    387     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    388     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    389     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    390 
    391     element = document.createElement("div");
    392     document.body.appendChild(element);
    393     element.style.webkitGridColumn = "span span / span span";
    394     element.style.webkitGridRow = "span span / span span";
    395     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    396     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    397     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    398     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    399     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    400     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     144    testColumnRowInvalidJSParsing("span span / span span", "span span / span span");
    401145
    402146    // Negative integer or 0 are invalid.
    403     element = document.createElement("div");
    404     document.body.appendChild(element);
    405     element.style.webkitGridColumn = "span -1 / -2 span";
    406     element.style.webkitGridRow = "-3 span / span -4";
    407     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    408     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    409     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    410     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    411     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    412     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     147    testColumnRowInvalidJSParsing("span -1 / -2 span", "-3 span / span -4");
     148    testColumnRowInvalidJSParsing("0 span / span 0", "span 0 / 0 span");
    413149
    414     element = document.createElement("div");
    415     document.body.appendChild(element);
    416     element.style.webkitGridColumn = "0 span / span 0";
    417     element.style.webkitGridRow = "span 0 / 0 span";
    418     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    419     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    420     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    421     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    422     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    423     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    424 
    425     element = document.createElement("div");
    426     document.body.appendChild(element);
    427     element.style.webkitGridColumn = "5 span / span 2";
    428     element.style.webkitGridRow = "span 4 / 3 span";
    429     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    430     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    431     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    432     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    433     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    434     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
     150    // Spans for both initial / end values are not allowed.
     151    testColumnRowInvalidJSParsing("5 span / span 2", "span 4 / 3 span");
    435152</script>
    436153<script src="../js/resources/js-test-post.js"></script>

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set-expected.txt

    r153748 r154438  
    55
    66Test getting -webkit-grid-column-end and -webkit-grid-row-end set through CSS
    7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    11 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end') is '10'
    12 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is 'auto / 10'
    13 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end') is '15'
    14 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is 'auto / 15'
    15 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end') is '-10'
    16 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is 'auto / -10'
    17 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end') is '-15'
    18 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is 'auto / -15'
    19 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-end') is 'span 2'
    20 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column') is 'auto / span 2'
    21 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-end') is 'span 9'
    22 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row') is 'auto / span 9'
    23 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-end') is 'span 2'
    24 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column') is 'auto / span 2'
    25 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-end') is 'span 9'
    26 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row') is 'auto / span 9'
    27 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-end') is 'span 1'
    28 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column') is 'auto / span 1'
    29 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-end') is 'span 1'
    30 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row') is 'auto / span 1'
    31 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    32 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    33 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    34 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
     7PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     8PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     9PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     10PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     11PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     12PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     13PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is "auto / 10"
     14PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     15PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end') is "10"
     16PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is "auto / 15"
     17PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     18PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end') is "15"
     19PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is "auto / -10"
     20PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     21PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end') is "-10"
     22PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is "auto / -15"
     23PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     24PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end') is "-15"
     25PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column') is "auto / span 2"
     26PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     27PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-end') is "span 2"
     28PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row') is "auto / span 9"
     29PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     30PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-end') is "span 9"
     31PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column') is "auto / span 2"
     32PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     33PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-end') is "span 2"
     34PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row') is "auto / span 9"
     35PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     36PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-end') is "span 9"
     37PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column') is "auto / span 1"
     38PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     39PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-end') is "span 1"
     40PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row') is "auto / span 1"
     41PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     42PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-end') is "span 1"
     43PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     44PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     45PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     46PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     47PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     48PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    3549
    3650Test the initial value
    … …  
    4155
    4256Test getting and setting grid-column-end and grid-row-end through JS
    43 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '18'
    44 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / 18'
    45 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is '66'
    46 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / 66'
    47 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is '-55'
    48 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / -55'
    49 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is '-40'
    50 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / -40'
    51 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'span 7'
    52 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / span 7'
    53 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'span 2'
    54 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / span 2'
    55 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end') is 'auto'
    56 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    57 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end') is 'auto'
    58 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
     57PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / 18"
     58PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     59PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "18"
     60PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / 66"
     61PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     62PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "66"
     63PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / -55"
     64PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     65PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "-55"
     66PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / -40"
     67PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     68PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "-40"
     69PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / span 7"
     70PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     71PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "span 7"
     72PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / span 2"
     73PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     74PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "span 2"
     75PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     76PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     77PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     78PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     79PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     80PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    5981
    6082Test setting grid-column-end and grid-row-end back to 'auto' through JS

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

    r153748 r154438  
    3232}
    3333</style>
     34<script src="resources/grid-item-column-row-parsing-utils.js"></script>
    3435<script src="../js/resources/js-test-pre.js"></script>
    3536</head>
    … …  
    4748
    4849    debug("Test getting -webkit-grid-column-end and -webkit-grid-row-end set through CSS");
    49     var gridElement = document.getElementById("gridElement");
    50     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    51     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    52     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    53     shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    54 
    55     var gridItemWithPositiveInteger = document.getElementById("gridItemWithPositiveInteger");
    56     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end')", "'10'");
    57     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column')", "'auto / 10'");
    58     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end')", "'15'");
    59     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row')", "'auto / 15'");
    60 
    61     var gridItemWithNegativeInteger = document.getElementById("gridItemWithNegativeInteger");
    62     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end')", "'-10'");
    63     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column')", "'auto / -10'");
    64     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end')", "'-15'");
    65     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row')", "'auto / -15'");
    66 
    67     var gridItemWithBeforeSpan = document.getElementById("gridItemWithBeforeSpan");
    68     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-end')", "'span 2'");
    69     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column')", "'auto / span 2'");
    70     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-end')", "'span 9'");
    71     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row')", "'auto / span 9'");
    72 
    73     var gridItemWithAfterSpan = document.getElementById("gridItemWithAfterSpan");
    74     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-end')", "'span 2'");
    75     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column')", "'auto / span 2'");
    76     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-end')", "'span 9'");
    77     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row')", "'auto / span 9'");
    78 
    79     var gridItemWithOnlySpan = document.getElementById("gridItemWithOnlySpan");
    80     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-end')", "'span 1'");
    81     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column')", "'auto / span 1'");
    82     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-end')", "'span 1'");
    83     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row')", "'auto / span 1'");
    84 
    85     var gridItemWithAutoElement = document.getElementById("gridItemWithAutoElement");
    86     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    87     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    88     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    89     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
     50    testColumnRowCSSParsing("gridElement", "auto / auto", "auto / auto");
     51    testColumnRowCSSParsing("gridItemWithPositiveInteger", "auto / 10", "auto / 15");
     52    testColumnRowCSSParsing("gridItemWithNegativeInteger", "auto / -10", "auto / -15");
     53    testColumnRowCSSParsing("gridItemWithBeforeSpan", "auto / span 2", "auto / span 9");
     54    testColumnRowCSSParsing("gridItemWithAfterSpan", "auto / span 2", "auto / span 9");
     55    testColumnRowCSSParsing("gridItemWithOnlySpan", "auto / span 1", "auto / span 1");
     56    testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / auto");
    9057
    9158    debug("");
    … …  
    10067    debug("");
    10168    debug("Test getting and setting grid-column-end and grid-row-end through JS");
    102     element.style.webkitGridColumnEnd = "18";
    103     element.style.webkitGridRowEnd = "66";
    104     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'18'");
    105     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / 18'");
    106     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'66'");
    107     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / 66'");
    108 
    109     element = document.createElement("div");
    110     document.body.appendChild(element);
    111     element.style.webkitGridColumnEnd = "-55";
    112     element.style.webkitGridRowEnd = "-40";
    113     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'-55'");
    114     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / -55'");
    115     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'-40'");
    116     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / -40'");
    117 
    118     element = document.createElement("div");
    119     document.body.appendChild(element);
    120     element.style.webkitGridColumnEnd = "span 7";
    121     element.style.webkitGridRowEnd = "span 2";
    122     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'span 7'");
    123     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / span 7'");
    124     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'span 2'");
    125     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / span 2'");
    126 
    127     element = document.createElement("div");
    128     document.body.appendChild(element);
    129     element.style.webkitGridColumnEnd = "auto";
    130     element.style.webkitGridRowEnd = "auto";
    131     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-end')", "'auto'");
    132     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    133     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-end')", "'auto'");
    134     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
     69    testColumnEndRowEndJSParsing("18", "66");
     70    testColumnEndRowEndJSParsing("-55", "-40");
     71    testColumnEndRowEndJSParsing("span 7", "span 2");
     72    testColumnEndRowEndJSParsing("auto", "auto");
    13573
    13674    debug("");

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-start-before-get-set-expected.txt

    r153748 r154438  
    99PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    1010PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
    11 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start') is '10'
    12 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is '10 / auto'
    13 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start') is '15'
    14 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is '15 / auto'
    15 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start') is '-10'
    16 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is '-10 / auto'
    17 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start') is '-15'
    18 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is '-15 / auto'
    19 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-start') is 'span 2'
    20 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column') is 'span 2 / auto'
    21 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-start') is 'span 8'
    22 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row') is 'span 8 / auto'
    23 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-start') is 'span 2'
    24 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column') is 'span 2 / auto'
    25 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-start') is 'span 8'
    26 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row') is 'span 8 / auto'
    27 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-start') is 'span 1'
    28 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column') is 'span 1 / auto'
    29 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-start') is 'span 1'
    30 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row') is 'span 1 / auto'
    31 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    32 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    33 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    34 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
     11PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is "10 / auto"
     12PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start') is "10"
     13PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     14PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is "15 / auto"
     15PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start') is "15"
     16PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     17PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is "-10 / auto"
     18PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start') is "-10"
     19PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     20PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is "-15 / auto"
     21PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start') is "-15"
     22PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     23PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column') is "span 2 / auto"
     24PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-start') is "span 2"
     25PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     26PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row') is "span 8 / auto"
     27PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-start') is "span 8"
     28PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     29PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column') is "span 2 / auto"
     30PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-start') is "span 2"
     31PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     32PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row') is "span 8 / auto"
     33PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-start') is "span 8"
     34PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     35PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column') is "span 1 / auto"
     36PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-start') is "span 1"
     37PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     38PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row') is "span 1 / auto"
     39PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-start') is "span 1"
     40PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     41PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     42PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     43PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     44PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     45PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     46PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    3547
    3648Test the initial value
    … …  
    4153
    4254Test getting and setting grid-column-start and grid-row-start through JS
    43 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '18'
    44 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '18 / auto'
    45 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '66'
    46 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 / auto'
    47 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is '-55'
    48 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-55 / auto'
    49 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is '-40'
    50 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '-40 / auto'
    51 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'span 3'
    52 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'span 3 / auto'
    53 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'span 20'
    54 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'span 20 / auto'
    55 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start') is 'auto'
    56 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto'
    57 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start') is 'auto'
    58 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto'
     55PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "18 / auto"
     56PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "18"
     57PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     58PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "66 / auto"
     59PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "66"
     60PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     61PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "-55 / auto"
     62PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "-55"
     63PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     64PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "-40 / auto"
     65PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "-40"
     66PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     67PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "span 3 / auto"
     68PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "span 3"
     69PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     70PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "span 20 / auto"
     71PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "span 20"
     72PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
     73PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is "auto / auto"
     74PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-start') is "auto"
     75PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column-end') is "auto"
     76PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is "auto / auto"
     77PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-start') is "auto"
     78PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row-end') is "auto"
    5979
    6080Test setting grid-column-start and grid-row-start back to 'auto' through JS

  • trunk/LayoutTests/fast/css-grid-layout/grid-item-start-before-get-set.html

    r153748 r154438  
    3232}
    3333</style>
     34<script src="resources/grid-item-column-row-parsing-utils.js"></script>
    3435<script src="../js/resources/js-test-pre.js"></script>
    3536</head>
    … …  
    5354    shouldBe("getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
    5455
    55     var gridItemWithPositiveInteger = document.getElementById("gridItemWithPositiveInteger");
    56     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column-start')", "'10'");
    57     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column')", "'10 / auto'");
    58     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row-start')", "'15'");
    59     shouldBe("getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row')", "'15 / auto'");
    60 
    61     var gridItemWithNegativeInteger = document.getElementById("gridItemWithNegativeInteger");
    62     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column-start')", "'-10'");
    63     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column')", "'-10 / auto'");
    64     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row-start')", "'-15'");
    65     shouldBe("getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row')", "'-15 / auto'");
    66 
    67     var gridItemWithBeforeSpan = document.getElementById("gridItemWithBeforeSpan");
    68     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column-start')", "'span 2'");
    69     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-column')", "'span 2 / auto'");
    70     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row-start')", "'span 8'");
    71     shouldBe("getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('-webkit-grid-row')", "'span 8 / auto'");
    72 
    73     var gridItemWithAfterSpan = document.getElementById("gridItemWithAfterSpan");
    74     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column-start')", "'span 2'");
    75     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-column')", "'span 2 / auto'");
    76     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row-start')", "'span 8'");
    77     shouldBe("getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('-webkit-grid-row')", "'span 8 / auto'");
    78 
    79     var gridItemWithOnlySpan = document.getElementById("gridItemWithOnlySpan");
    80     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column-start')", "'span 1'");
    81     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-column')", "'span 1 / auto'");
    82     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row-start')", "'span 1'");
    83     shouldBe("getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('-webkit-grid-row')", "'span 1 / auto'");
    84 
    85     var gridItemWithAutoElement = document.getElementById("gridItemWithAutoElement");
    86     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    87     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    88     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    89     shouldBe("getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
     56    testColumnRowCSSParsing("gridItemWithPositiveInteger", "10 / auto", "15 / auto");
     57    testColumnRowCSSParsing("gridItemWithNegativeInteger", "-10 / auto", "-15 / auto");
     58    testColumnRowCSSParsing("gridItemWithBeforeSpan", "span 2 / auto", "span 8 / auto");
     59    testColumnRowCSSParsing("gridItemWithAfterSpan", "span 2 / auto", "span 8 / auto");
     60    testColumnRowCSSParsing("gridItemWithOnlySpan", "span 1 / auto", "span 1 / auto");
     61    testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / auto");
    9062
    9163    debug("");
    … …  
    10072    debug("");
    10173    debug("Test getting and setting grid-column-start and grid-row-start through JS");
    102     element.style.webkitGridColumnStart = "18";
    103     element.style.webkitGridRowStart = "66";
    104     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'18'");
    105     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'18 / auto'");
    106     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'66'");
    107     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'66 / auto'");
    108 
    109     element = document.createElement("div");
    110     document.body.appendChild(element);
    111     element.style.webkitGridColumnStart = "-55";
    112     element.style.webkitGridRowStart = "-40";
    113     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'-55'");
    114     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'-55 / auto'");
    115     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'-40'");
    116     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'-40 / auto'");
    117 
    118     element = document.createElement("div");
    119     document.body.appendChild(element);
    120     element.style.webkitGridColumnStart = "span 3";
    121     element.style.webkitGridRowStart = "span 20";
    122     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'span 3'");
    123     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'span 3 / auto'");
    124     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'span 20'");
    125     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'span 20 / auto'");
    126 
    127     element = document.createElement("div");
    128     document.body.appendChild(element);
    129     element.style.webkitGridColumnStart = "auto";
    130     element.style.webkitGridRowStart = "auto";
    131     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column-start')", "'auto'");
    132     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-column')", "'auto / auto'");
    133     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row-start')", "'auto'");
    134     shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')", "'auto / auto'");
     74    testColumnStartRowStartJSParsing("18", "66");
     75    testColumnStartRowStartJSParsing("-55", "-40");
     76    testColumnStartRowStartJSParsing("span 3", "span 20");
     77    testColumnStartRowStartJSParsing("auto", "auto");
    13578
    13679    debug("");
Note: See TracChangeset for help on using the changeset viewer.