LayoutTests/fast/css-grid-layout/grid-template-areas-get-set-expected.txt - Issue 1160273004: [CSS Grid Layout] Support dots sequences in grid-template-areas

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-template-areas-get-set-expected.txt

Issue 1160273004: [CSS Grid Layout] Support dots sequences in grid-template-areas (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Rebased patch Created 5 years, 6 months 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/grid-template-areas-get-set.html ('k') | Source/core/css/parser/CSSPropertyParser.cpp » ('j') | no next file with comments »

OLD	NEW
1 This test checks that grid-template-areas is properly parsed.	1 This test checks that grid-template-areas is properly parsed.

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-template-areas set through CSS.	6 Test getting grid-template-areas set through CSS.

7 PASS window.getComputedStyle(gridWithDefaultTemplate).getPropertyValue('grid-tem plate-areas') is "none"	7 PASS window.getComputedStyle(gridWithDefaultTemplate).getPropertyValue('grid-tem plate-areas') is "none"

8 PASS window.getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('gri d-template-areas') is "\"area\""	8 PASS window.getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('gri d-template-areas') is "\"area\""

9 PASS window.getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('grid- template-areas') is "\"first second\""	9 PASS window.getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('grid- template-areas') is "\"first second\""

10 PASS window.getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('grid-tem plate-areas') is "\"first\" \"second\""	10 PASS window.getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('grid-tem plate-areas') is "\"first\" \"second\""

11 PASS window.getComputedStyle(gridWithSpanningColumnsTemplate).getPropertyValue(' grid-template-areas') is "\"span span\""	11 PASS window.getComputedStyle(gridWithSpanningColumnsTemplate).getPropertyValue(' grid-template-areas') is "\"span span\""

12 PASS window.getComputedStyle(gridWithSpanningRowsDotTemplate).getPropertyValue(' grid-template-areas') is "\"span\" \".\""	12 PASS window.getComputedStyle(gridWithSpanningRowsDotTemplate).getPropertyValue(' grid-template-areas') is "\"span\" \".\""

	13 PASS window.getComputedStyle(gridWithSpanningRowsDotsTemplate).getPropertyValue( 'grid-template-areas') is "\"span\" \".\""

13 PASS window.getComputedStyle(gridWithDotColumn).getPropertyValue('grid-template- areas') is "\"header .\" \"footer .\""	14 PASS window.getComputedStyle(gridWithDotColumn).getPropertyValue('grid-template- areas') is "\"header .\" \"footer .\""

	15 PASS window.getComputedStyle(gridWithDotsColumn).getPropertyValue('grid-template -areas') is "\"header .\" \"footer .\""

	16 PASS window.getComputedStyle(gridWithDotCells).getPropertyValue('grid-template-a reas') is "\"first .\" \". second\""

	17 PASS window.getComputedStyle(gridWithDotsCells).getPropertyValue('grid-template- areas') is "\"first .\" \". second\""

	18 PASS window.getComputedStyle(gridWithComplexDotAreas).getPropertyValue('grid-tem plate-areas') is "\". header header .\" \". . . .\" \"nav main main aside\" \"na v main main aside\" \". . . aside\" \". footer footer aside\""

	19 PASS window.getComputedStyle(gridWithComplexDotsAreas).getPropertyValue('grid-te mplate-areas') is "\". header header .\" \". . . .\" \"nav main main aside\" \"n av main main aside\" \". . . aside\" \". footer footer aside\""

	20 PASS window.getComputedStyle(gridWithMixedDotAndDotsAreas).getPropertyValue('gri d-template-areas') is "\". title .\" \". main main\" \"nav . aside\" \". footer .\""

14 PASS window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid -template-areas') is "\"a a a\" \"a a a\""	21 PASS window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid -template-areas') is "\"a a a\" \"a a a\""

15 PASS window.getComputedStyle(gridWithVerticalRectangle).getPropertyValue('grid-t emplate-areas') is "\"a a\" \"a a\" \"a a\""	22 PASS window.getComputedStyle(gridWithVerticalRectangle).getPropertyValue('grid-t emplate-areas') is "\"a a\" \"a a\" \"a a\""

16 Test grid-template-areas: initial	23 Test grid-template-areas: initial

17 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foobar\""	24 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foobar\""

18 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	25 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

19 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foobar\""	26 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foobar\""

20 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	27 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

21 Test grid-template-areas: inherit	28 Test grid-template-areas: inherit

22 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area s') is "\"foo bar\""	29 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area s') is "\"foo bar\""

23 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foo bar\""	30 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "\"foo bar\""

24 Test invalid grid-template-areas values.	31 Test invalid grid-template-areas values.

25 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	32 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

26 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	33 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

27 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	34 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

28 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	35 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

29 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"	36 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is "none"

30	37

31 FIXME: We currently don't validate that the named grid areas are <indent>.	38 FIXME: We currently don't validate that the named grid areas are <indent>.

32 FAIL window.getComputedStyle(element).getPropertyValue('grid-template-areas') sh ould be none. Was "nav-up".	39 FAIL window.getComputedStyle(element).getPropertyValue('grid-template-areas') sh ould be none. Was "nav-up".

33 PASS successfullyParsed is true	40 PASS successfullyParsed is true

34	41

35 TEST COMPLETE	42 TEST COMPLETE

36	43

OLD	NEW