| <!-- |
| This page enables to simulate the following scenario: |
| Once a page body, but not the entire frame, is loaded, a |
| password form is dynamically created and added to the page |
| body. |
| |
| Three main points to note: |
| 1. The form only gets created after the body loads. Therefore |
| the form is not registered during form parsing stage |
| (as in PasswordManager::OnPasswordFormsParsed). |
| 2. The form gets created before the rendering stage, so it gets |
| registered during PasswordManager::OnPasswordFormsRendered unless |
| it is hidden. |
| 3. The form gets created after the document loads. Therefore |
| the form is registered during OnDynamicFormsSeen. |
| |
| The goal is to make sure that there is enough time between the form |
| creation and the frame load, so that OnDynamicFormsSeen is not |
| triggered for the created form after frame load. To achieve that, |
| this page contains a strange stylesheet, distilled from a much bigger |
| stylesheet included in the current live.com website (that's where |
| http://crbug.com/367768 was demonstrated). The style uses |
| some webkit-only rules for background properties. |
| --> |
| <html> |
| <head> |
| <script src="form_utils.js"></script> |
| <script> |
| function onLoadHandler() { |
| var form = createSimplePasswordForm(); |
| if (location.search == '?hidden') |
| form.style.display = 'none'; |
| document.body.appendChild(form); |
| } |
| </script> |
| <style> |
| ::-webkit-scrollbar{ |
| background-color:#abc; |
| } |
| ::-webkit-scrollbar:disabled{ |
| background-color:#abc |
| } |
| ::-webkit-scrollbar-button{ |
| background-color:#abc; |
| background-image:url(nonexistent_image.png); |
| } |
| ::-webkit-scrollbar-button:hover{ |
| background-color:#abc |
| } |
| ::-webkit-scrollbar-button:active{ |
| background-color:#abc |
| } |
| ::-webkit-scrollbar-button:disabled{ |
| background-color:#abc |
| } |
| </style> |
| <title>Test dynamically created password form</title> |
| </head> |
| <body onload="onLoadHandler();"> |
| This page is not empty. |
| </body> |
| </html> |