Chromium Code Reviews Chromium Code Reviews
Issue 200263003:
[CSS Grid Layout] the "grid-template-areas" is not identified as computable property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| OLD | NEW |
|---|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 body { | 4 body { |
| 5 background-color: rgb(100, 0, 0); | 5 background-color: rgb(100, 0, 0); |
| 6 font-family: Arial; | 6 font-family: Arial; |
| 7 } | 7 } |
| 8 | 8 |
| 9 div { | 9 div { |
| 10 text-decoration: underline; | 10 text-decoration: underline; |
| (...skipping 12 matching lines...) Expand all Loading... | |
| 23 #id1 { | 23 #id1 { |
| 24 background: gray; | 24 background: gray; |
| 25 } | 25 } |
| 26 | 26 |
| 27 #id2 { | 27 #id2 { |
| 28 background-color: blue; | 28 background-color: blue; |
| 29 font-family: Courier; | 29 font-family: Courier; |
| 30 text-decoration: invalidvalue; | 30 text-decoration: invalidvalue; |
| 31 } | 31 } |
| 32 | 32 |
| 33 #id4 { | |
|
apavlov
2014/03/21 16:50:39
This is not the right place to test the new functi
| |
| 34 display: grid; | |
| 35 grid-template-areas: "a"; | |
| 36 } | |
| 37 | |
| 33 </style> | 38 </style> |
| 34 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 39 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 35 <script src="../../../http/tests/inspector/elements-test.js"></script> | 40 <script src="../../../http/tests/inspector/elements-test.js"></script> |
| 36 <script> | 41 <script> |
| 37 | 42 |
| 38 function test() | 43 function test() |
| 39 { | 44 { |
| 40 InspectorTest.selectNodeAndWaitForStylesWithComputed("id1", step1); | 45 InspectorTest.selectNodeAndWaitForStylesWithComputed("id1", step1); |
| 41 | 46 |
| 42 function step1() | 47 function step1() |
| 43 { | 48 { |
| 44 InspectorTest.addResult("==== Computed style for ID1 ===="); | 49 InspectorTest.addResult("==== Computed style for ID1 ===="); |
| 45 InspectorTest.dumpSelectedElementStyles(false, true); | 50 InspectorTest.dumpSelectedElementStyles(false, true); |
| 46 InspectorTest.selectNodeAndWaitForStylesWithComputed("id2", step2); | 51 InspectorTest.selectNodeAndWaitForStylesWithComputed("id2", step2); |
| 47 } | 52 } |
| 48 | 53 |
| 49 function step2() | 54 function step2() |
| 50 { | 55 { |
| 51 InspectorTest.addResult("==== Computed style for ID2 ===="); | 56 InspectorTest.addResult("==== Computed style for ID2 ===="); |
| 52 InspectorTest.dumpSelectedElementStyles(false, true); | 57 InspectorTest.dumpSelectedElementStyles(false, true); |
| 53 InspectorTest.selectNodeAndWaitForStylesWithComputed("id3", step3); | 58 InspectorTest.selectNodeAndWaitForStylesWithComputed("id3", step3); |
| 54 } | 59 } |
| 55 | 60 |
| 56 function step3() | 61 function step3() |
| 57 { | 62 { |
| 58 InspectorTest.addResult("==== Style for ID3 ===="); | 63 InspectorTest.addResult("==== Style for ID3 ===="); |
| 59 // The button[hidden] style specifies "display: none", which should not be /-- overloaded --/. | 64 // The button[hidden] style specifies "display: none", which should not be /-- overloaded --/. |
| 60 InspectorTest.dumpSelectedElementStyles(true, true); | 65 InspectorTest.dumpSelectedElementStyles(true, true); |
| 66 InspectorTest.selectNodeAndWaitForStylesWithComputed("id4", step4); | |
| 67 } | |
| 68 | |
| 69 function step4() | |
| 70 { | |
| 71 InspectorTest.addResult("==== Style for ID4 (Grid Layout properties ==== "); | |
| 72 InspectorTest.dumpSelectedElementStyles(false, true); | |
| 61 InspectorTest.completeTest(); | 73 InspectorTest.completeTest(); |
| 62 } | 74 } |
| 63 | |
| 64 } | 75 } |
| 65 </script> | 76 </script> |
| 66 </head> | 77 </head> |
| 67 | 78 |
| 68 <body onload="runTest()"> | 79 <body onload="runTest()"> |
| 69 <p> | 80 <p> |
| 70 Tests that computed styles expand and allow tracing to style rules. | 81 Tests that computed styles expand and allow tracing to style rules. |
| 71 </p> | 82 </p> |
| 72 | 83 |
| 73 <div id="id1"> | 84 <div id="id1"> |
| 74 <div id="id2"> | 85 <div id="id2"> |
| 75 </div> | 86 </div> |
| 76 <button id="id3" hidden /> | 87 <button id="id3" hidden /> |
| 77 </div> | 88 </div> |
| 89 <div id="id4"/> | |
| 78 | 90 |
| 79 </body> | 91 </body> |
| 80 </html> | 92 </html> |
| OLD | NEW |
