| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Test that text content with <br> works fine with simple line layout.</title> |
| </head> |
| <body> |
| <script> |
| function injectTextNodes(container, style) |
| { |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createTextNode(" ")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createTextNode("This tests")); |
| container.appendChild(document.createTextNode(" ")); |
| container.appendChild(document.createTextNode("line breaking")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createTextNode(" with ")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createTextNode("multiple ")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createElement("br")); |
| container.appendChild(document.createTextNode("renderers.")); |
| container.style.cssText = style; |
| document.body.appendChild(container); |
| } |
| |
| injectTextNodes(document.createElement("div")); |
| injectTextNodes(document.createElement("div"), "width: 0px"); |
| injectTextNodes(document.createElement("div"), "width: 10px"); |
| injectTextNodes(document.createElement("div"), "width: 100px"); |
| injectTextNodes(document.createElement("pre")); |
| injectTextNodes(document.createElement("pre"), "white-space: pre-wrap"); |
| injectTextNodes(document.createElement("pre"), "white-space: pre-wrap; width: 100px"); |
| </script> |
| </body> |
| </html> |