third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set-expected.txt

   1 Test that setting and getting grid-column-end and grid-row-end works as expected
   2
   3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
   4
   5
   6 Test getting grid-column-end and grid-row-end set through CSS
   7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column') is "auto / auto"
   8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-start') is "auto"
   9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-end') is "auto"
  10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-row') is "auto / auto"
  11 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-row-start') is "auto"
  12 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-row-end') is "auto"
  13 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-column') is "auto / 10"
  14 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-column-start') is "auto"
  15 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-column-end') is "10"
  16 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-row') is "auto / 15"
  17 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-row-start') is "auto"
  18 PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('grid-row-end') is "15"
  19 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-column') is "auto / -10"
  20 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-column-start') is "auto"
  21 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-column-end') is "-10"
  22 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-row') is "auto / -15"
  23 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-row-start') is "auto"
  24 PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('grid-row-end') is "-15"
  25 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-column') is "auto / span 2"
  26 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-column-start') is "auto"
  27 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-column-end') is "span 2"
  28 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-row') is "auto / span 9"
  29 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-row-start') is "auto"
  30 PASS getComputedStyle(gridItemWithBeforeSpan, '').getPropertyValue('grid-row-end') is "span 9"
  31 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-column') is "auto / span 2"
  32 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-column-start') is "auto"
  33 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-column-end') is "span 2"
  34 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-row') is "auto / span 9"
  35 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-row-start') is "auto"
  36 PASS getComputedStyle(gridItemWithAfterSpan, '').getPropertyValue('grid-row-end') is "span 9"
  37 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-column') is "auto / span 1"
  38 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-column-start') is "auto"
  39 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-column-end') is "span 1"
  40 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-row') is "auto / span 1"
  41 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-row-start') is "auto"
  42 PASS getComputedStyle(gridItemWithOnlySpan, '').getPropertyValue('grid-row-end') is "span 1"
  43 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-column') is "auto / auto"
  44 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-column-start') is "auto"
  45 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-column-end') is "auto"
  46 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-row') is "auto / auto"
  47 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-row-start') is "auto"
  48 PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('grid-row-end') is "auto"
  49 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-column') is "auto / first"
  50 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-column-start') is "auto"
  51 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-column-end') is "first"
  52 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-row') is "auto / last"
  53 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-row-start') is "auto"
  54 PASS getComputedStyle(gridItemWithCustomIdent, '').getPropertyValue('grid-row-end') is "last"
  55 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-column') is "auto / 2 first"
  56 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-column-start') is "auto"
  57 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-column-end') is "2 first"
  58 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-row') is "auto / 3 last"
  59 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-row-start') is "auto"
  60 PASS getComputedStyle(gridItemWithNumberCustomIdent, '').getPropertyValue('grid-row-end') is "3 last"
  61 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-column') is "auto / span 1 first"
  62 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-column-start') is "auto"
  63 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-column-end') is "span 1 first"
  64 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-row') is "auto / span 1 last"
  65 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-row-start') is "auto"
  66 PASS getComputedStyle(gridItemWithSpanCustomIdentElement, '').getPropertyValue('grid-row-end') is "span 1 last"
  67 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-column') is "auto / span 2 first"
  68 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-column-start') is "auto"
  69 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-column-end') is "span 2 first"
  70 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-row') is "auto / span 3 last"
  71 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-row-start') is "auto"
  72 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyValue('grid-row-end') is "span 3 last"
  73 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column') is "auto / firstArea"
  74 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-start') is "auto"
  75 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-end') is "firstArea"
  76 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row') is "auto / thirdArea"
  77 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-start') is "auto"
  78 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-end') is "thirdArea"
  79
  80 Test the initial value
  81 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto'
  82 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / auto'
  83 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto'
  84 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto'
  85
  86 Test getting and setting grid-column-end and grid-row-end through JS
  87 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 18"
  88 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
  89 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "18"
  90 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 66"
  91 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
  92 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "66"
  93 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / -55"
  94 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
  95 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "-55"
  96 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / -40"
  97 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
  98 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "-40"
  99 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / first"
 100 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 101 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "first"
 102 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / last"
 103 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 104 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "last"
 105 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / span 7"
 106 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 107 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "span 7"
 108 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / span 2"
 109 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 110 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 2"
 111 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / span 1 first"
 112 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 113 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "span 1 first"
 114 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / span 1 last"
 115 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 116 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "span 1 last"
 117 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / auto"
 118 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 119 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto"
 120 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / auto"
 121 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 122 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto"
 123 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / thirdArea"
 124 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 125 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "thirdArea"
 126 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / secondArea"
 127 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 128 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "secondArea"
 129 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / nonExistentArea"
 130 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 131 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "nonExistentArea"
 132 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / secondArea"
 133 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 134 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "secondArea"
 135 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / secondArea"
 136 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 137 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "secondArea"
 138 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / nonExistentArea"
 139 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 140 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "nonExistentArea"
 141
 142 Test setting grid-column-start and grid-row-start to 'inherit' through JS
 143 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / span 2"
 144 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 145 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "span 2"
 146 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 18"
 147 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 148 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "18"
 149 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 2"
 150 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 151 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "2"
 152 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 7"
 153 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 154 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "7"
 155 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / span 2"
 156 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "auto"
 157 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "span 2"
 158 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "auto / 7"
 159 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "auto"
 160 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "7"
 161
 162 Test setting grid-column-start and grid-row-start to 'initial' through JS
 163 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "1 / span 2"
 164 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "1"
 165 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "span 2"
 166 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "span 3 / 5"
 167 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "span 3"
 168 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "5"
 169 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "1 / auto"
 170 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "1"
 171 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto"
 172 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "span 3 / 5"
 173 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "span 3"
 174 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "5"
 175 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "1 / auto"
 176 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "1"
 177 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-end') is "auto"
 178 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row') is "span 3 / auto"
 179 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-start') is "span 3"
 180 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-row-end') is "auto"
 181
 182 Test setting grid-column-end and grid-row-end back to 'auto' through JS
 183 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is '18'
 184 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / 18'
 185 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is '66'
 186 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / 66'
 187 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto'
 188 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / auto'
 189 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto'
 190 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto'
 191 PASS successfullyParsed is true
 192
 193 TEST COMPLETE
 194