LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt - Issue 23472008: [CSS Grid Layout] Support calc() breadth track size

Side by Side Diff: LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt

Issue 23472008: [CSS Grid Layout] Support calc() breadth track size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@103761-wk

Patch Set: Patch for landing Created 7 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-multiple.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 Test that setting and getting grid-definition-columns and grid-definition-rows w orks as expected	1 Test that setting and getting grid-definition-columns and grid-definition-rows w orks as expected

2	2

3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".	3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".

4	4

5	5

6 Test getting grid-definition-columns and grid-definition-rows set through CSS	6 Test getting grid-definition-columns and grid-definition-rows set through CSS

7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-columns') is "none"	7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-columns') is "none"

8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-rows') is "none"	8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-rows') is "none"

9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "10px"	9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "10px"

10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "15px"	10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "15px"

11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53%"	11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53%"

12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27%"	12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27%"

13 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "auto"	13 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "auto"

14 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "auto"	14 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "auto"

15 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-columns') is "100px"	15 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-columns') is "100px"

16 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-rows') is "150px"	16 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-rows') is "150px"

17 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-columns') is "64px"	17 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-columns') is "64px"

18 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-rows') is "60px"	18 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-rows') is "60px"

19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "minmax(10%, 15px)"	19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "minmax(10%, 15px)"

20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "minmax(20px, 50%)"	20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "minmax(20px, 50%)"

21 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-columns') is "min-content"	21 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-columns') is "min-content"

22 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-rows') is "min-content"	22 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-rows') is "min-content"

23 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-columns') is "max-content"	23 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-columns') is "max-content"

24 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-rows') is "max-content"	24 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-rows') is "max-content"

25 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-columns') is "1fr"	25 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-columns') is "1fr"

26 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-rows') is "2fr"	26 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-rows') is "2fr"

	27 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-definition -columns') is "150px"

	28 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-definition -rows') is "75px"

	29 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-def inition-columns') is "calc(50% + 150px)"

	30 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-def inition-rows') is "calc(65% + 75px)"

	31 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-columns') is "minmax(10%, 15px)"

	32 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-rows') is "minmax(20px, 50%)"

	33 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-definition-columns') is "minmax(10%, calc(50% + 15px))"

	34 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-definition-rows') is "minmax(calc(20px + 10%), 50%)"

27	35

28 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none')	36 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none')

29 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none"	37 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none"

30 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none"	38 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none"

31 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none"	39 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none"

32 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none"	40 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none"

33	41

34 Test the initial value	42 Test the initial value

35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"	43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"

36 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"	44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"

(...skipping 100 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
137	145

138 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS	146 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS

139 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% last'	147 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% last'

140 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 1fr'	148 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 1fr'

141 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'	149 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'

142 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'	150 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'

143 PASS successfullyParsed is true	151 PASS successfullyParsed is true

144	152

145 TEST COMPLETE	153 TEST COMPLETE

146	154

OLD	NEW