| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/ahem.js"></script> | 2 <script src="../../../resources/ahem.js"></script> |
| 3 <script src="../../../resources/check-layout.js"></script> | 3 <script src="../../../resources/check-layout.js"></script> |
| 4 <style> | 4 <style> |
| 5 p { | 5 p { |
| 6 width: 150px; | 6 width: 150px; |
| 7 color: #3d4552; | 7 color: #3d4552; |
| 8 border: 1px solid black; | 8 border: 1px solid black; |
| 9 word-break: break-all; | 9 word-break: break-all; |
| 10 overflow: hidden; | 10 overflow: hidden; |
| 11 font: 10px Ahem; | 11 font: 10px Ahem; |
| 12 } | 12 } |
| 13 span { | 13 span { |
| 14 float: left; | 14 float: left; |
| 15 background: papayawhip; | 15 background: papayawhip; |
| 16 height: 100px; | 16 height: 100px; |
| 17 width: 50px; | 17 width: 50px; |
| 18 } | 18 } |
| 19 </style> | 19 </style> |
| 20 <p data-expected-height="102"><span></span>longtextthatshouldwraparoundthefloat<
/p> | 20 <p data-expected-height="102"><span></span>longtextthatshouldwraparoundthefloat<
/p> |
| 21 | 21 |
| 22 <p data-expected-height="102"><span></span>wrapalongfloat)))))))))</p> | 22 <p data-expected-height="102"><span></span>wrapalongfloat)))))))))</p> |
| 23 | 23 |
| 24 <p data-expected-height="112"><span></span>wrapbelowfloat)))))))))))))))))</p> | 24 <p data-expected-height="102"><span></span>wrapbelowfloat)))))))))))))))))</p> |
| 25 | 25 |
| 26 <div>This test ensures we properly handle word-break: break-all in the context | 26 <div>This test ensures we properly handle word-break: break-all in the context |
| 27 of floats. The first two tests should wrap next to the float. The last contains | 27 of floats. The first two tests should wrap next to the float. The last contains |
| 28 non-breaking punctuation too long to fit next to the float, and should be pushed | 28 non-breaking punctuation too long to fit next to the float, and should be pushed |
| 29 to below.</div> | 29 to below.</div> |
| 30 <script> | 30 <script> |
| 31 onload = function() { | 31 onload = function() { |
| 32 checkLayout("p"); | 32 checkLayout("p"); |
| 33 } | 33 } |
| 34 </script> | 34 </script> |
| OLD | NEW |