src/chrome/test/data/extensions/platform_apps/web_view/popup_positioning/guest.html

   1 <!doctype html>
   2 <!--
   3  * Copyright 2013 The Chromium Authors. All rights reserved.  Use of this
   4  * source code is governed by a BSD-style license that can be found in the
   5  * LICENSE file.
   6 -->
   7 <html>
   8 <head>
   9   <title>WAITING</title>
  10   <style type="text/css">
  11     body { margin: 0; padding: 0; }
  12   </style>
  13 </head>
  14 <body>
  15   <div>
  16     <input type="text" list="items" style="height: 20px;"/>
  17     <datalist id="items">
  18       <option value="Chromium"></option>
  19       <option value="ChromiumB"></option>
  20       <option value="ChromiumC"></option>
  21       <option value="Molybdenum"></option>
  22       <option value="Seaborgium"></option>
  23       <option value="Tungsten"></option>
  24     </datalist>
  25   </div>
  26
  27   <script>
  28     // TODO(lazyboy): Apps do not support <input> + datalist with id attribute.
  29     var inputElement = document.querySelector('input');
  30     var step = 1;
  31
  32     var onInput = function(e) {
  33       var value = inputElement.value;
  34       window.console.log('onInput, value: ' + value);
  35       if (step == 1) {
  36         document.title = 'PASSED1';
  37       } else if (step == 2) {
  38         if (value == 'Chromium') {
  39           inputElement.value = '';
  40           document.title = 'PASSED3';
  41           step = 0;
  42         } else {
  43           document.title = 'FAILED';
  44         }
  45       }
  46       ++step;
  47     };
  48
  49     inputElement.oninput = onInput;
  50     inputElement.focus();
  51
  52     window['changeTitle'] = function() {
  53       window.setTimeout(function() { document.title = 'PASSED2'; }, 0);
  54     };
  55   </script>
  56 </body>
  57 </html>