| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Test Fixture - Dynamic Content</title> | |
| </head> | |
| <body> | |
| <h1 id="dynamic-heading">Dynamic Content Page</h1> | |
| <div id="loading-indicator">Loading...</div> | |
| <div id="dynamic-content" style="display: none"> | |
| <h2 id="loaded-heading">Content Loaded</h2> | |
| <p id="loaded-message"> | |
| This content was loaded dynamically via JavaScript. | |
| </p> | |
| <ul id="item-list"> | |
| <li>Item Alpha</li> | |
| <li>Item Beta</li> | |
| <li>Item Gamma</li> | |
| </ul> | |
| </div> | |
| <script> | |
| // Simulate async content loading | |
| setTimeout(function () { | |
| document.getElementById('loading-indicator').style.display = 'none'; | |
| document.getElementById('dynamic-content').style.display = 'block'; | |
| }, 500); | |
| </script> | |
| </body> | |
| </html> | |