chrome/test/data/extensions/api_test/automation/sites/attributes.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 - Attributes</title>
   9 </head>
  10 <body>
  11   <!-- activedescendant attribute, owns default attribute-->
  12   <input type="text" aria-activedescendant="opt6" aria-readonly="true"
  13          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 attributes -->
  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 attributes -->
  30   <input type="text" value="Text input" aria-label="text-input" id="text-input"></input>
  31   <textarea aria-label="textarea">Textarea</textarea>
  32   <div tabindex="0" contenteditable role="textbox" aria-label="textbox-role">
  33     Textbox
  34   </div>
  35
  36   <script>
  37     document.querySelector('#text-input').setSelectionRange(2, 8);
  38   </script>
  39
  40   <!-- range attributes -->
  41   <input type="range" aria-label="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"
  44        aria-label="slider-role"></div>
  45   <div tabindex="0" role="spinbutton" aria-valuemin="1" aria-valuemax="31"
  46        aria-valuenow="14" id="spinbutton-role"></div>
  47   <div tabindex="0" role="progressbar" aria-valuemin="0" aria-valuenow="0.9"
  48        aria-valuemax="1.0" aria-label="progressbar-role"></div>
  49   <div tabindex="0" role="scrollbar" aria-valuemin="0" aria-valuenow="0"
  50        aria-valuemax="1.0" aria-orientation="vertical" aria-controls="main"
  51        id="scrollbar-role"></div>
  52
  53   <div id="main" aria-label="main">Content for scrollbar to control</div>
  54
  55   <!-- table and cell attributes -->
  56   <table id="table" role="grid">
  57     <tr role="row">
  58       <td role="cell">Cell spanning one column</td>
  59       <td role="cell">Cell spanning one column</td>
  60       <td role="cell">Cell spanning one column</td>
  61     <tr role="row">
  62       <td colspan="2" role="cell">Cell spanning two columns</td>
  63       <td rowspan="2" role="cell">Cell spanning two rows</td>
  64     </tr>
  65     <tr role="row">
  66       <td role="cell">Cell spanning one column</td>
  67       <td role="cell">Cell spanning one column</td>
  68     </tr>
  69   </table>
  70
  71
  72 </body>
  73 </html>