grid-template-valid.html (3242B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Grid Layout Test: parsing 'grid' with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-2"> 7 <meta name="assert" content="grid-template supports the grammar `none | <track-list> | <auto-track-list> | subgrid <line-name-list>?`."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/css/support/parsing-testcommon.js"></script> 11 </head> 12 <body> 13 <script> 14 15 // <'grid-template'> values 16 test_valid_value("grid-template-rows", 'subgrid'); 17 test_valid_value("grid-template-rows", 'subgrid [a]'); 18 test_valid_value("grid-template-rows", 'subgrid [a] [b]'); 19 test_valid_value("grid-template-rows", 'subgrid [a] [b] [c]'); 20 test_valid_value("grid-template-rows", 'subgrid []'); 21 test_valid_value("grid-template-rows", 'subgrid [a] [b] [] [c]'); 22 test_valid_value("grid-template-rows", 'subgrid [] [] [] [c]'); 23 test_valid_value("grid-template-rows", 'subgrid [] [] [] []'); 24 test_valid_value("grid-template-rows", 'subgrid repeat(auto-fill, [a])'); 25 test_valid_value("grid-template-rows", 'subgrid repeat(auto-fill, [])'); 26 test_valid_value("grid-template-rows", 'subgrid [a] repeat(auto-fill, [b])'); 27 test_valid_value("grid-template-rows", 'subgrid [a] repeat(auto-fill, [b]) [c]'); 28 test_valid_value("grid-template-rows", 'subgrid [] repeat(auto-fill, []) []'); 29 test_valid_value("grid-template-rows", 'subgrid repeat(2, [a])'); 30 test_valid_value("grid-template-rows", 'subgrid repeat(2, [a] [b])'); 31 test_valid_value("grid-template-rows", 'subgrid [a] repeat(2, [b])'); 32 test_valid_value("grid-template-rows", 'subgrid [a] repeat(2, [b]) [c]'); 33 test_valid_value("grid-template-rows", 'subgrid [] repeat(2, []) []'); 34 test_valid_value("grid-template-rows", 'subgrid [a] repeat(2, [b]) repeat(auto-fill, [c]) [d]'); 35 36 test_valid_value("grid-template-columns", 'subgrid'); 37 test_valid_value("grid-template-columns", 'subgrid [a]'); 38 test_valid_value("grid-template-columns", 'subgrid [a] [b]'); 39 test_valid_value("grid-template-columns", 'subgrid [a] [b] [c]'); 40 test_valid_value("grid-template-columns", 'subgrid []'); 41 test_valid_value("grid-template-columns", 'subgrid [a] [b] [] [c]'); 42 test_valid_value("grid-template-columns", 'subgrid [] [] [] [c]'); 43 test_valid_value("grid-template-columns", 'subgrid [] [] [] []'); 44 test_valid_value("grid-template-columns", 'subgrid repeat(auto-fill, [a])'); 45 test_valid_value("grid-template-columns", 'subgrid repeat(auto-fill, [])'); 46 test_valid_value("grid-template-columns", 'subgrid [a] repeat(auto-fill, [b])'); 47 test_valid_value("grid-template-columns", 'subgrid [a] repeat(auto-fill, [b]) [c]'); 48 test_valid_value("grid-template-columns", 'subgrid [] repeat(auto-fill, []) []'); 49 test_valid_value("grid-template-columns", 'subgrid repeat(2, [a])'); 50 test_valid_value("grid-template-columns", 'subgrid repeat(2, [a] [b])'); 51 test_valid_value("grid-template-columns", 'subgrid [a] repeat(2, [b])'); 52 test_valid_value("grid-template-columns", 'subgrid [a] repeat(2, [b]) [c]'); 53 test_valid_value("grid-template-columns", 'subgrid [] repeat(2, []) []'); 54 test_valid_value("grid-template-columns", 'subgrid [a] repeat(2, [b]) repeat(auto-fill, [c]) [d]'); 55 56 </script> 57 </body> 58 </html>