| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { |
| background-color: white; |
| font-family: Roboto; |
| font-size: 30px; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <!-- 100 dynamically created nested <span>s. --> |
| <!-- Cobalt should only render 30 <span>s along with <html> and <body>, given |
| that max element depth is 32. --> |
| |
| <script> |
| var parent_element = document.body; |
| for (var i = 1; i <= 100; i++) { |
| var new_child = document.createElement("span"); |
| new_child.textContent = i + " "; |
| parent_element.appendChild(new_child); |
| parent_element = new_child; |
| } |
| </script> |
| |
| </body> |
| </html> |