grid-template-computed-nogrid.html (5094B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: getComputedStyle().gridTemplateColumns</title> 4 <link rel="author" title="Mozilla" href="https://mozilla.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#resolved-track-list" "title"="2.3. Resolved Value of a Track Listing"> 6 <meta name="assert" content="Checks the resolved value of grid-template-columns or grid-template-columns on an element which is not a grid container."> 7 <style> 8 #target { 9 display: block; 10 height: 1px; 11 font-size: 1px; 12 } 13 </style> 14 <script src="/resources/testharness.js"></script> 15 <script src="/resources/testharnessreport.js"></script> 16 <script src="/css/support/computed-testcommon.js"></script> 17 <div id="target"></div> 18 <script> 19 test_computed_value("grid-template-columns", "subgrid []"); 20 test_computed_value("grid-template-columns", "subgrid [a]"); 21 test_computed_value("grid-template-columns", "subgrid [a] [b]"); 22 test_computed_value("grid-template-columns", "subgrid [] [b]"); 23 test_computed_value("grid-template-columns", "subgrid [a] [b] [b] [c]"); 24 test_computed_value("grid-template-columns", "subgrid [a] [b c d] [e f] [e f] [g]"); 25 test_computed_value("grid-template-columns", "subgrid [a b c] [d] [e f]"); 26 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c])"); 27 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [])"); 28 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c]) [g] [h i]"); 29 test_computed_value("grid-template-columns", "subgrid [a] repeat(auto-fill, [c]) [g] [h i]"); 30 test_computed_value("grid-template-columns", "subgrid [a b] repeat(auto-fill, [c]) [g]"); 31 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c]) [g h]"); 32 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c])"); 33 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c d])"); 34 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c d]) [g] [h i]"); 35 test_computed_value("grid-template-columns", "subgrid [a] repeat(auto-fill, [c d]) [g] [h i]"); 36 test_computed_value("grid-template-columns", "subgrid [a b] repeat(auto-fill, [c d]) [g]"); 37 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c d]) [g h]"); 38 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c d])"); 39 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c] [d])"); 40 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c] [d]) [g] [h i]"); 41 test_computed_value("grid-template-columns", "subgrid [a] repeat(auto-fill, [c] [d]) [g] [h i]"); 42 test_computed_value("grid-template-columns", "subgrid [a b] repeat(auto-fill, [c] [d]) [g]"); 43 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c] [d]) [g h]"); 44 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c] [d])"); 45 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c] [d e])"); 46 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [c] [d e]) [g] [h i]"); 47 test_computed_value("grid-template-columns", "subgrid [a] repeat(auto-fill, [c] [d e]) [g] [h i]"); 48 test_computed_value("grid-template-columns", "subgrid [a b] repeat(auto-fill, [c] [d e]) [g]"); 49 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c] [d e]) [g h]"); 50 test_computed_value("grid-template-columns", "subgrid [a] [b] repeat(auto-fill, [c] [d e])"); 51 test_computed_value("grid-template-columns", "subgrid [a] repeat(2, [c] [d e])"); 52 test_computed_value("grid-template-columns", "subgrid repeat(1, [])"); 53 test_computed_value("grid-template-columns", "subgrid repeat(2, [])"); 54 test_computed_value("grid-template-columns", "subgrid repeat(2, [a])"); 55 test_computed_value("grid-template-columns", "subgrid repeat(2, [a] [])"); 56 test_computed_value("grid-template-columns", "subgrid repeat(2, [] [a] [])"); 57 test_computed_value("grid-template-columns", "subgrid repeat(2, [] [] []) repeat(auto-fill, [] [] [])"); 58 test_computed_value("grid-template-columns", "subgrid repeat(1, [a b])"); 59 test_computed_value("grid-template-columns", "subgrid repeat(2, [a b])"); 60 test_computed_value("grid-template-columns", "subgrid repeat(1, [a] [b])"); 61 test_computed_value("grid-template-columns", "subgrid repeat(2, [a] [b])"); 62 test_computed_value("grid-template-columns", "subgrid [a] repeat(2, [b])"); 63 test_computed_value("grid-template-columns", "subgrid repeat(2, [a]) [b]"); 64 test_computed_value("grid-template-columns", "subgrid [a] repeat(2, [b] [c d]) [e]"); 65 test_computed_value("grid-template-columns", "subgrid repeat(2, [a b]) repeat(auto-fill, [c] [d e])"); 66 test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [a] [b c]) repeat(2, [d e])"); 67 test_computed_value("grid-template-columns", "subgrid repeat(2, [a b]) repeat(auto-fill, [c] [d e]) repeat(2, [f g])"); 68 test_computed_value("grid-template-columns", "subgrid [a] [b c] repeat(2, [d e]) [f] [g h] repeat(auto-fill, [i] [j k]) [l] repeat(2, [m n]) [o]"); 69 </script>