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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2287113004: [css-grid] Implement fit-content track size (Closed)
Patch Set: Patch for landing Created 4 years, 3 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-auto-columns-rows-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that setting and getting grid-auto-columns and grid-auto-rows works as expe cted 1 Test that setting and getting grid-auto-columns and grid-auto-rows works as expe cted
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-auto-columns and grid-auto-rows set through CSS 6 Test getting grid-auto-columns and grid-auto-rows set through CSS
7 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto -rows') is "30px" 7 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto -rows') is "30px"
8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto -columns') is "50px" 8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto -columns') is "50px"
9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-row s') is "minmax(10%, 15px)" 9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-row s') is "minmax(10%, 15px)"
10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-col umns') is "minmax(30%, 100px)" 10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-col umns') is "minmax(30%, 100px)"
11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a uto-rows') is "min-content" 11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a uto-rows') is "min-content"
12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a uto-columns') is "max-content" 12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a uto-columns') is "max-content"
13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au to-rows') is "minmax(auto, 48px)" 13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au to-rows') is "minmax(auto, 48px)"
14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au to-columns') is "minmax(80px, auto)" 14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au to-columns') is "minmax(80px, auto)"
15 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto -rows') is "fit-content(50%)"
16 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto -columns') is "fit-content(30px)"
15 17
16 Test that getting grid-template-columns and grid-template-rows set through CSS l ists every track listed whether implicitly or explicitly created 18 Test that getting grid-template-columns and grid-template-rows set through CSS l ists every track listed whether implicitly or explicitly created
17 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-auto-rows') is "30px" 19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-auto-rows') is "30px"
18 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-auto-columns') is "50px" 20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-auto-columns') is "50px"
19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-template-columns') is "50px" 21 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-template-columns') is "50px"
20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-template-rows') is "30px" 22 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu e('grid-template-rows') is "30px"
21 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-auto-rows') is "30px" 23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-auto-rows') is "30px"
22 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-auto-columns') is "40px" 24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-auto-columns') is "40px"
23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-template-columns') is "20px 40px 40px" 25 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-template-columns') is "20px 40px 40px"
24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-template-rows') is "15px 30px 30px" 26 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g etPropertyValue('grid-template-rows') is "15px 30px 30px"
(...skipping 16 matching lines...) Expand all
41 43
42 Test getting and setting grid-auto-columns and grid-auto-rows through JS 44 Test getting and setting grid-auto-columns and grid-auto-rows through JS
43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180 px" 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180 px"
44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px" 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px"
45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, 48px)" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, 48px)"
46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax (80px, min-content)" 48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax (80px, min-content)"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, max-content)" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, max-content)"
48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax (max-content, min-content)" 50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax (max-content, min-content)"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, 10px) 48px 5%" 51 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min max(min-content, 10px) 48px 5%"
50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 3 0px minmax(10%, 60%)" 52 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 3 0px minmax(10%, 60%)"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "fit -content(10px) fit-content(30%)"
54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-co ntent(5%) fit-content(40px)"
51 55
52 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS 56 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS
53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
55 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
56 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 66 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" 68 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut o"
70 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
65 71
66 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS 72 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS
67 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p x' 73 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p x'
68 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%' 74 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%'
69 75
70 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS 76 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
71 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150 %' 77 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150 %'
72 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' 78 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr'
73 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut o' 79 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut o'
74 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' 80 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
75 PASS successfullyParsed is true 81 PASS successfullyParsed is true
76 82
77 TEST COMPLETE 83 TEST COMPLETE
78 84
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698