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 window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-rows') is "30px"
   8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-columns') is "50px"
   9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(10%, 15px)"
  10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(30%, 100px)"
  11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-rows') is "min-content"
  12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-columns') is "max-content"
  13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(auto, 48px)"
  14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(80px, auto)"
  15
  16 Test that getting grid-template-columns and grid-template-rows set through CSS lists every track listed whether implicitly or explicitly created
  17 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-auto-rows') is "30px"
  18 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-auto-columns') is "50px"
  19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-template-columns') is "50px"
  20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-template-rows') is "30px"
  21 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-auto-rows') is "30px"
  22 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-auto-columns') is "40px"
  23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-template-columns') is "20px 40px 40px"
  24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-template-rows') is "15px 30px 30px"
  25
  26 Test that grid-template-* definitions are not affected by grid-auto-* definitions
  27 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-template-columns') is "none"
  28 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-template-rows') is "none"
  29 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template-columns') is "none"
  30 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template-rows') is "none"
  31 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-template-columns') is "none"
  32 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-template-rows') is "none"
  33
  34 Test the initial value
  35 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  36 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  37
  38 Test getting and setting grid-auto-columns and grid-auto-rows through JS
  39 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180px'
  40 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px'
  41 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'minmax(min-content, 48px)'
  42 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax(80px, min-content)'
  43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'minmax(min-content, max-content)'
  44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax(max-content, min-content)'
  45
  46 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS
  47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  51 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  52 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  55
  56 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS
  57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50px'
  58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%'
  59
  60 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
  61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150%'
  62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr'
  63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
  64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
  65 PASS successfullyParsed is true
  66
  67 TEST COMPLETE
  68