third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-auto-repeat-get-set-expected.txt - Issue 2080643002: [css-grid] Implement repeat(auto-fit)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-auto-repeat-get-set-expected.txt

Issue 2080643002: [css-grid] Implement repeat(auto-fit) (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Patch for landing v3 Created 4 years, 5 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-auto-repeat-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-only-abspos-item-computed-style-crash.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/getting grid-template-{columns\|rows} with repeat(auto-fill\|aut o-fit,) works as expected	1 Test that setting/getting grid-template-{columns\|rows} with repeat(auto-fill\|aut o-fit,) works 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 auto-repeat syntax.	6 Test auto-repeat syntax.

7 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px"	7 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px"

8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 200px)"	8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 200px)"

9 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20 0px [foo bar] 200px [foo bar] 200px [foo bar]"	9 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20 0px [foo bar] 200px [foo bar] 200px [foo bar]"

10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])"	10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])"

11 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 400px [foo bar] 400px"	11 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 400px [foo bar] 400px"

12 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] minmax(30 0px, 1fr))"	12 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] minmax(30 0px, 1fr))"

13 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f oo] 175px [bar foo] 175px [bar foo] 175px [bar]"	13 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f oo] 175px [bar foo] 175px [bar foo] 175px [bar]"

14 PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, ma x-content) [bar])"	14 PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, ma x-content) [bar])"

15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "100px 100px 100px 250px 250px"	15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "100px 100px 100px 250px 250px"

16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px) ) 250px 250px"	16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px) ) 250px 250px"

17 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45 0px 50px [bar] 50px [bar foo] 10px [foo] 10px"	17 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45 0px 50px [bar] 50px [bar foo] 10px [foo] 10px"

18 PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(max-conte nt, 5em) [bar]) [foo] 1em [foo] 1em"	18 PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(max-conte nt, 5em) [bar]) [foo] 1em [foo] 1em"

19 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]"	19 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]"

20 PASS element.style.gridTemplateColumns is "[start] 10% repeat(auto-fill, [foo ba r] 200px) [end]"	20 PASS element.style.gridTemplateColumns is "[start] 10% repeat(auto-fill, [foo ba r] 200px) [end]"

21 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75 px [prev] 200px [foo bar next] 150px [last end]"	21 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75 px [prev] 200px [foo bar next] 150px [last end]"

22 PASS element.style.gridTemplateRows is "75px [prev] repeat(auto-fill, 20em [foo bar]) [next] 15em [last end]"	22 PASS element.style.gridTemplateRows is "75px [prev] repeat(auto-fill, 20em [foo bar]) [next] 15em [last end]"

23 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho uld be none. Was [foo bar] 150px [foo bar] 150px [foo bar] 150px [foo bar] 150px [foo bar] 150px.	23 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px"

24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 150px)"	24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 150px)"

25 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should be none. Was 240px [foo bar] 240px [foo bar].	25 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x [foo bar] 0px [foo bar]"

26 PASS element.style.gridTemplateRows is "repeat(auto-fit, 24em [foo bar])"	26 PASS element.style.gridTemplateRows is "repeat(auto-fit, 24em [foo bar])"

27 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho uld be none. Was [foo bar] 400px [foo bar] 400px.	27 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo bar] 0px"

28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270 px, 1fr))"	28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270 px, 1fr))"

29 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should be none. Was [foo] 200px [bar foo] 200px [bar foo] 200px [bar].	29 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f oo] 0px [bar foo] 0px [bar foo] 0px [bar]"

30 PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, max- content) [bar])"	30 PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, max- content) [bar])"

31 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho uld be 20px 20px. Was 300px 300px 20px 20px.	31 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 0px 20px 20px"

32 PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, min-co ntent)) 20px 20px"	32 PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, min-co ntent)) 20px 20px"

33 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should be 60px [foo] 10px [foo] 10px. Was 60px 300px [bar foo] 10px [foo] 10px.	33 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 px 0px [bar foo] 10px [foo] 10px"

34 PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(30em, max-co ntent) [bar]) [foo] 1em [foo] 1em"	34 PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(30em, max-co ntent) [bar]) [foo] 1em [foo] 1em"

	35 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[a z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y b] 30p x [c d] 20px [e]"

	36 PASS element.style.gridTemplateColumns is "[a] repeat(auto-fit, [z] 100px [y]) [ b] 30px [c d] 20px [e]"

	37 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[z ] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y a b] 30px [c d] 20px [e]"

	38 PASS element.style.gridTemplateRows is "repeat(auto-fit, [z] 100px [y]) [a b] 30 px [c d] 20px [e]"

	39 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[a z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y b] 30p x [c] 20px [e]"

	40 PASS element.style.gridTemplateColumns is "[a] repeat(auto-fit, [z] 100px [y]) [ b] 30px [c] 20px [e]"

	41 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[a b] 30px [c d] 20px [e z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y]"

	42 PASS element.style.gridTemplateRows is "[a b] 30px [c d] 20px [e] repeat(auto-fi t, [z] 100px [y])"

35	43

36 Test invalid repeat syntax.	44 Test invalid repeat syntax.

37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	45 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

38 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	46 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

39 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	47 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

40 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	48 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

41 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	49 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

42 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	50 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	51 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	52 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

45 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	53 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

46 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	54 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

47 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

48 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

49 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

50 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	58 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

51 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	59 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

52 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	60 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

53 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	61 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

54 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	62 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	63 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	64 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	65 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

58 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"	66 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"

59 PASS successfullyParsed is true	67 PASS successfullyParsed is true

60	68

61 TEST COMPLETE	69 TEST COMPLETE

62	70

OLD	NEW