grid-auto-columns-invalid.html (1608B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Grid Layout Test: parsing grid-auto-columns with invalid values</title> 6 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-columns"> 8 <meta name="assert" content="grid-auto-columns supports only the grammar '<track-size>+'."> 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 // <track-breadth> 16 test_invalid_value("grid-auto-columns", "none"); 17 test_invalid_value("grid-auto-columns", "-1px"); 18 test_invalid_value("grid-auto-columns", "-4%"); 19 20 // minmax( <inflexible-breadth> , <track-breadth> ) 21 test_invalid_value("grid-auto-columns", "minmax(1px)"); 22 test_invalid_value("grid-auto-columns", "minmax(1px, 2px, 3px)"); 23 test_invalid_value("grid-auto-columns", "minmax(5fr, 1px)"); 24 test_invalid_value("grid-auto-columns", "minmax(6px, -7%)"); 25 test_invalid_value("grid-auto-columns", "minmax(8px, -9fr)"); 26 27 // fit-content( <length-percentage> ) 28 test_invalid_value("grid-auto-columns", "fit-content(-1px)"); 29 test_invalid_value("grid-auto-columns", "fit-content(1px, 2px)"); 30 test_invalid_value("grid-auto-columns", "fit-content(1px auto)"); 31 32 // <track-size>+ 33 test_invalid_value("grid-auto-columns", "2em / 3em"); 34 test_invalid_value("grid-auto-columns", "auto, 10%"); 35 test_invalid_value("grid-auto-columns", "1px [a] 1px"); 36 test_invalid_value("grid-auto-columns", "[] 1px []"); 37 </script> 38 </body> 39 </html>