Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(51)

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2161003003: [css-grid] repeat() syntax should take a <track-list> argument (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 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-element-repeat-get-set.html » ('j') | third_party/WebKit/Source/core/css/ComputedStyleCSSValueMapping.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px" 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 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x [foo bar] 0px [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 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[start] 200px 100px [end start] 200px 100px [end]"
28 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [start] 200px 100px [end])"
29 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "10 0px [foo a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c bar] 30px"
30 PASS element.style.gridTemplateRows is "100px [foo] repeat(auto-fill, [a] 2em [b ] 10% [c]) [bar] 3em"
27 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo bar] 0px" 31 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))" 32 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270 px, 1fr))"
29 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f oo] 0px [bar foo] 0px [bar foo] 0px [bar]" 33 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])" 34 PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, max- content) [bar])"
31 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 0px 20px 20px" 35 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" 36 PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, min-co ntent)) 20px 20px"
33 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 px 0px [bar foo] 10px [foo] 10px" 37 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" 38 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]" 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 d] 20px [e]"
36 PASS element.style.gridTemplateColumns is "[a] repeat(auto-fit, [z] 100px [y]) [ b] 30px [c d] 20px [e]" 40 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]" 41 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]" 42 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]" 43 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]" 44 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]" 45 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])" 46 PASS element.style.gridTemplateRows is "[a b] 30px [c d] 20px [e] repeat(auto-fi t, [z] 100px [y])"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[start] 0px 0px [end start] 0px 0px [end]"
48 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [start] 200px 100px [end])"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "10 0px [foo a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c bar] 30px"
50 PASS element.style.gridTemplateRows is "100px [foo] repeat(auto-fit, [a] 2em [b] 10% [c]) [bar] 3em"
43 51
44 Test invalid repeat syntax. 52 Test invalid repeat syntax.
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 window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 67 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
60 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 68 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
61 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 69 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
62 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 70 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
63 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 71 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
64 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 72 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
65 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 73 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
66 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 74 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
67 PASS successfullyParsed is true 75 PASS successfullyParsed is true
68 76
69 TEST COMPLETE 77 TEST COMPLETE
70 78
OLDNEW
« 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-element-repeat-get-set.html » ('j') | third_party/WebKit/Source/core/css/ComputedStyleCSSValueMapping.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698