src/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-get-set-expected.txt

   1 Test that setting and getting grid-auto-columns and grid-auto-rows 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-auto-columns and grid-auto-rows set through CSS
   7 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-rows') is '30px'
   8 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-columns') is '50px'
   9 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is 'minmax(10%, 15px)'
  10 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns') is 'minmax(30%, 100px)'
  11 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-rows') is 'min-content'
  12 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-columns') is 'max-content'
  13
  14 Test the initial value
  15 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  16 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  17
  18 Test getting and setting grid-auto-columns and grid-auto-rows through JS
  19 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180px'
  20 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px'
  21 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'minmax(min-content, 48px)'
  22 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax(80px, min-content)'
  23 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'minmax(min-content, max-content)'
  24 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax(max-content, min-content)'
  25
  26 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS
  27 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  28 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  29 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  30 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  31 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  32 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  33 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  34 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  35 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  36 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  37
  38 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS
  39 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50px'
  40 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%'
  41
  42 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
  43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150%'
  44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr'
  45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  47 PASS successfullyParsed is true
  48
  49 TEST COMPLETE
  50