summaryrefslogtreecommitdiffstats
path: root/testing/marionette/harness/marionette_harness/www/layout/test_carets_selection.html
blob: 9098ed447ca08adec972451df608d393cbcf94b7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<!DOCTYPE html>
<html id="html">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Marionette tests for AccessibleCaret in selection mode</title>
    <style>
    body {
      /* Clicking on a point outside of viewport will trigger
         marionette_driver.errors.MoveTargetOutOfBoundsException. Increase the
         margin to prevent that. */
      margin: 30px;
    }
    .block {
      width: 10em;
      height: 4em;
      word-wrap: break-word;
      overflow: auto;
    }
    </style>
  </head>
  <body>
    <div>
      <input id="input" value="ABC DEF GHI">
      <input id="input-padding" style="padding: 1em;" value="ABC DEF GHI">

      <!-- To successfully select 'B's when 'A' is selected, use sufficient
           spaces between 'A's and 'B's to avoid the second caret covers 'B's. -->
      <input size="16" id="input-size" value="AAAAAAAA          BBBBBBBB">
    </div>
    <br>
    <div>
      <textarea id="textarea" rows="4" cols="8">ABC DEF GHI JKL MNO PQR</textarea>
      <textarea id="textarea-disabled" rows="4" cols="8" disabled>ABC DEF GHI JKL MNO PQR</textarea>
      <textarea id="textarea-one-line" rows="4" cols="12">ABC DEF GHI</textarea>
    </div>
    <br>
    <div><textarea dir="rtl" id="textarea-rtl" rows="8" cols="8">موزيلا فيرفكس موزيلا فيرفكس</textarea></div>
    <br>
    <div class="block" contenteditable="true" id="contenteditable">ABC DEF GHI</div>
    <br>
    <div class="block" id="content">ABC DEF GHI</div>
    <br>
    <div style="user-select: none;" id="non-selectable">Non-selectable</div>
  </body>
</html>