chromium/chrome/test/data/password/between_parsing_and_rendering.html

<!--
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>