grid-shorthand-invalid.html (2297B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Grid Layout Test: parsing 'grid' with invalid values</title> 6 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-grid/#propdef-grid"> 8 <meta name="assert" content="grid-template supports only the grammar `<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>`."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 </head> 13 <body> 14 <script> 15 16 test_invalid_value("grid", 'none none'); 17 test_invalid_value("grid", 'none []'); 18 test_invalid_value("grid", '10px'); 19 test_invalid_value("grid", '20%'); 20 test_invalid_value("grid", '5fr'); 21 test_invalid_value("grid", '[a]'); 22 test_invalid_value("grid", '[a] 10px'); 23 test_invalid_value("grid", '[a] 10px []'); 24 test_invalid_value("grid", '[]'); 25 test_invalid_value("grid", '10px "a"'); 26 test_invalid_value("grid", '[] 10px "a"'); 27 test_invalid_value("grid", '10px [] "a"'); 28 test_invalid_value("grid", '[] [] "a"'); 29 test_invalid_value("grid", '"a" none'); 30 test_invalid_value("grid", '"a" 10px 10px'); 31 test_invalid_value("grid", '"a" [a] 10px'); 32 test_invalid_value("grid", '"a" [a] 10px [a]'); 33 test_invalid_value("grid", '"a" [a] [a] 10px'); 34 test_invalid_value("grid", '"a" 10px [a] [a]'); 35 test_invalid_value("grid", '"a" [a] [a]'); 36 test_invalid_value("grid", '[a] "a" [a] [a]'); 37 test_invalid_value("grid", '"a" "a" [a] [a]'); 38 test_invalid_value("grid", '"a" [a] [a] / none'); 39 test_invalid_value("grid", '"a" "a" [a] [a] / none'); 40 test_invalid_value("grid", 'none / "a"'); 41 test_invalid_value("grid", '"a" / none'); 42 test_invalid_value("grid", 'none / [] "a"'); 43 test_invalid_value("grid", 'none / "a" []'); 44 test_invalid_value("grid", 'none / "a" [] 10px'); 45 test_invalid_value("grid", 'auto-flow 100px'); 46 test_invalid_value("grid", 'auto-flow / auto-flow'); 47 test_invalid_value("grid", 'auto-flow 1fr / auto-flow 1fr'); 48 test_invalid_value("grid", 'dense auto-flow / dense auto-flow'); 49 test_invalid_value("grid", 'auto / auto-flow foo()'); 50 // FIXME: add more values to test full syntax 51 52 </script> 53 </body> 54 </html>