| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="viewport" content="width=800"> |
| <style> |
| html { font-size: 16px; } |
| body { width: 400px; margin: 0; overflow-y: hidden; } |
| table { border-spacing: 0; } |
| td { padding: 0; } |
| .inner { width: 400px; } |
| .yellow { background-color: yellow; } |
| </style> |
| <script src="resources/autosizingTest.js"></script> |
| </head> |
| <body> |
| <table> |
| <tr><td> |
| <table class="inner"><tr><td> |
| This test passes if the yellow highlight fully covers the long text |
| without spaces in the cell below. This ensures the inner table is |
| inflated before the preferred width calculation occurs. |
| </td></tr></table> |
| </td></tr> |
| <tr><td> |
| <table class="inner"><tr><td class="yellow"> |
| lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text |
| </td></tr></table> |
| </td></tr> |
| </table> |
| </body> |
| </html> |