chrome/test/data/extensions/api_test/automation/sites/mixins.html

   1 <!--
   2  * Copyright 2014 The Chromium Authors. All rights reserved.  Use of this
   3  * source code is governed by a BSD-style license that can be found in the
   4  * LICENSE file.
   5 -->
   6 <html>
   7 <head>
   8 <title>Automation Tests - Mixin attributes</title>
   9 </head>
  10 <body>
  11   <!-- activedescendant mixin, owns default mixin-->
  12   <input type="text" aria-activedescendant="opt6" aria-readonly="true"
  13          aria-owns="combobox-list" aria-autocomplete="list" role="combobox"
  14          id="combobox-edit">
  15   <ul aria-expanded="true" role="listbox" id="combobox-list">
  16     <li role="option" id="opt1">Alabama</li>
  17     <li role="option" id="opt2">Alaska</li>
  18     <li role="option" id="opt3">American Samoa</li>
  19     <li role="option" id="opt4">Arizona</li>
  20     <li role="option" id="opt5">Arkansas</li>
  21     <li role="option" id="opt6">California</li>
  22     <li role="option" id="opt7">Colorado</li>
  23   </ul>
  24
  25   <!-- link mixins -->
  26   <a href="about://blank" id="real-link">Real link</a>
  27   <div role="link" id="link-role">ARIA link</div>
  28
  29   <!-- editable text mixins -->
  30   <input type="text" value="Text input" id="text-input"></input>
  31   <textarea id="textarea">Textarea</textarea>
  32   <div tabindex="0" contenteditable role="textbox" id="textbox-role">
  33     Textbox
  34   </div>
  35
  36   <script>
  37     document.querySelector('#text-input').setSelectionRange(2, 8);
  38   </script>
  39
  40   <!-- range mixins -->
  41   <input type="range" id="range-input" max="5" value="4"></input>
  42   <div tabindex="0" role="slider" aria-valuemin="1" aria-valuemax="10"
  43        aria-valuenow="7" aria-valuetext="seven stars" id="slider-role"></div>
  44   <div tabindex="0" role="spinbutton" aria-valuemin="1" aria-valuemax="31"
  45        aria-valuenow="14" id="spinbutton-role"></div>
  46   <div tabindex="0" role="progressbar" aria-valuemin="0" aria-valuenow="0.9"
  47        aria-valuemax="1.0" id="progressbar-role"></div>
  48   <div tabindex="0" role="scrollbar" aria-valuemin="0" aria-valuenow="0"
  49        aria-valuemax="1.0" aria-orientation="vertical" aria-controls="main"
  50        id="scrollbar-role"></div>
  51
  52   <div id="main">Content for scrollbar to control</div>
  53
  54   <!-- table and cell mixins -->
  55   <table id="table" role="grid">
  56     <tr role="row">
  57       <td role="cell">Cell spanning one column</td>
  58       <td role="cell">Cell spanning one column</td>
  59       <td role="cell">Cell spanning one column</td>
  60     <tr role="row">
  61       <td colspan="2" role="cell">Cell spanning two columns</td>
  62       <td rowspan="2" role="cell">Cell spanning two rows</td>
  63     </tr>
  64     <tr role="row">
  65       <td role="cell">Cell spanning one column</td>
  66       <td role="cell">Cell spanning one column</td>
  67     </tr>
  68   </table>
  69
  70
  71 </body>
  72 </html>