| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 | 3 |
| 4 <style> | 4 <style> |
| 5 #border-box { | 5 #border-box { |
| 6 box-sizing: border-box; | 6 box-sizing: border-box; |
| 7 width: 55px; | 7 width: 55px; |
| 8 height: 55px; | 8 height: 55px; |
| 9 margin: 1px; | 9 margin: 1px; |
| 10 padding: 7px; | 10 padding: 7px; |
| 11 border: 3px solid black; | 11 border: 3px solid black; |
| 12 } | 12 } |
| 13 | 13 |
| 14 #content-box { | 14 #content-box { |
| 15 box-sizing: content-box; | 15 box-sizing: content-box; |
| 16 width: 55px; | 16 width: 55px; |
| 17 height: 55px; | 17 height: 55px; |
| 18 margin: 1px; | 18 margin: 1px; |
| 19 padding: 7px; | 19 padding: 7px; |
| 20 border: 3px solid black; | 20 border: 3px solid black; |
| 21 } | 21 } |
| 22 </style> | 22 </style> |
| 23 | 23 |
| 24 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 24 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 25 <script src="../../../http/tests/inspector/elements-test.js"></script> | 25 <script src="../../../http/tests/inspector/elements-test.js"></script> |
| 26 <script> | 26 <script> |
| 27 | 27 |
| 28 var initialize_AdditionalPreload = function() { |
| 29 InspectorTest.preloadModule("source_frame"); |
| 30 } |
| 31 |
| 28 function dumpDimensions() | 32 function dumpDimensions() |
| 29 { | 33 { |
| 30 var element; | 34 var element; |
| 31 | 35 |
| 32 element = document.getElementById("content-box"); | 36 element = document.getElementById("content-box"); |
| 33 document.getElementById("output-content").textContent = "content-box rendere
d dimensions: " + element.offsetWidth + " x " + element.offsetHeight; | 37 document.getElementById("output-content").textContent = "content-box rendere
d dimensions: " + element.offsetWidth + " x " + element.offsetHeight; |
| 34 element = document.getElementById("border-box"); | 38 element = document.getElementById("border-box"); |
| 35 document.getElementById("output-border").textContent = "border-box rendered
dimensions: " + element.offsetWidth + " x " + element.offsetHeight; | 39 document.getElementById("output-border").textContent = "border-box rendered
dimensions: " + element.offsetWidth + " x " + element.offsetHeight; |
| 36 } | 40 } |
| 37 | 41 |
| (...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 147 <body onload="runTest()"> | 151 <body onload="runTest()"> |
| 148 <p> | 152 <p> |
| 149 Tests that content-box and border-box content area dimensions are handled proper
ty by the Metrics pane. | 153 Tests that content-box and border-box content area dimensions are handled proper
ty by the Metrics pane. |
| 150 </p> | 154 </p> |
| 151 <div id="content-box">content-box</div> | 155 <div id="content-box">content-box</div> |
| 152 <div id="border-box">border-box</div> | 156 <div id="border-box">border-box</div> |
| 153 <div id="output-content">zzz</div> | 157 <div id="output-content">zzz</div> |
| 154 <div id="output-border">zzz</div> | 158 <div id="output-border">zzz</div> |
| 155 </body> | 159 </body> |
| 156 </html> | 160 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1206593002:
DevTools: attempt to unflake inspector/elements/styles-2/metrics-box-sizing.html on Mac. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk