grid-column-invalid.html (2307B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#placement-shorthands"> 7 <meta name="assert" content="Tests invalid values for grid-column"/> 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 <div id="target"></div> 14 <script> 15 test_invalid_value("grid-column", "4 5"); 16 test_invalid_value("grid-column", "4 /"); 17 test_invalid_value("grid-column", "5 5"); 18 test_invalid_value("grid-column", "5 / /"); 19 20 test_invalid_value("grid-column", "0 / 5"); 21 test_invalid_value("grid-column", "6 / 0"); 22 test_invalid_value("grid-column", "0"); 23 24 test_invalid_value("grid-column", "span"); 25 test_invalid_value("grid-column", "span / span"); 26 27 test_invalid_value("grid-column", "span span / span span"); 28 29 test_invalid_value("grid-column", "5 5 / span 2"); 30 test_invalid_value("grid-column", "5 first last / span 2"); 31 test_invalid_value("grid-column", "5 / first last 2"); 32 test_invalid_value("grid-column", "first last / span 2"); 33 test_invalid_value("grid-column", "5 / first last"); 34 test_invalid_value("grid-column", "5 5 span / 2", "span 4 4 / 3"); 35 test_invalid_value("grid-column", "span 3 5 / 1", "5 span 4 / 3"); 36 test_invalid_value("grid-column", "span last first / 1", "span first last / 3"); 37 test_invalid_value("grid-column", "2 / span last first", "3 / span first last"); 38 test_invalid_value("grid-column", "span 1 last first / 1", "span first last 7 / 3"); 39 test_invalid_value("grid-column", "2 / span last 3 first", "3 / span first 5 last"); 40 test_invalid_value("grid-column", "1 span 2 first / 1", "1 span last 7 / 3"); 41 test_invalid_value("grid-column", "2 / 3 span 3 first", "3 / 5 span first 5"); 42 43 test_invalid_value("grid-column", "span -1 / -2"); 44 test_invalid_value("grid-column", "-1 / -2 span"); 45 test_invalid_value("grid-column", "0 span / 0"); 46 test_invalid_value("grid-column", "0 / span 0"); 47 test_invalid_value("grid-column", "span -3 'first' / 3 last"); 48 49 test_invalid_value("grid-column", "first span 1 / last"); 50 test_invalid_value("grid-column", "3 first / 2 span last"); 51 test_invalid_value("grid-column", "3 / 1 span 2"); 52 </script> 53 </body> 54 </html>