grid-template-areas-computed.html (1114B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Grid Layout Test: getComputedStyle().gridTemplateAreas</title> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-template-areas"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/css/support/computed-testcommon.js"></script> 10 </head> 11 <body> 12 <div id="target"></div> 13 <script> 14 test_computed_value("grid-template-areas", "none"); 15 test_computed_value("grid-template-areas", '"first"'); 16 test_computed_value("grid-template-areas", '"first second"'); 17 test_computed_value("grid-template-areas", '"1st 2nd 3rd"'); 18 test_computed_value("grid-template-areas", '"first second" "third fourth"'); 19 test_computed_value("grid-template-areas", '"first second" "third ." "1st 2nd" "3rd 4th"'); 20 21 // https://github.com/w3c/csswg-drafts/issues/3261 22 test_computed_value("grid-template-areas", '" a \t b "', '"a b"'); 23 test_computed_value("grid-template-areas", '"c\td"', '"c d"'); 24 test_computed_value("grid-template-areas", '"first ..."', '"first ."'); 25 </script> 26 </body> 27 </html>