testing/web-platform/tests/inert/inert-node-is-uneditable.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8" />
   5     <title>inert nodes are uneditable</title>
   6     <link rel="author" title="Alice Boxhall" href="aboxhall@chromium.org">
   7     <script src="/resources/testharness.js"></script>
   8     <script src="/resources/testharnessreport.js"></script>
   9     <script src="/resources/testdriver.js"></script>
  10     <script src="/resources/testdriver-vendor.js"></script>
  11   </head>
  12 <body>
  13 <span inert id="not-editable" contenteditable>I'm not editable.</span>
  14 <span id="editable" contenteditable>I'm editable.</span>
  15 <script>
  16 var notEditable = document.querySelector('#not-editable');
  17 var editable = document.querySelector('#editable');
  18
  19 promise_test(async function() {
  20     notEditable.focus();
  21     var oldValue = notEditable.textContent;
  22     assert_equals(oldValue, "I'm not editable.");
  23     await promise_rejects_js(
  24         this,
  25         Error,
  26         test_driver.send_keys(notEditable, 'a'),
  27         "send_keys should reject for non-interactive elements");
  28     assert_equals(notEditable.textContent, oldValue);
  29 }, "Can't edit inert contenteditable");
  30
  31 promise_test(async () => {
  32     editable.focus();
  33     var oldValue = editable.textContent;
  34     assert_equals(oldValue, "I'm editable.");
  35     await test_driver.send_keys(editable, 'a');
  36     assert_not_equals(editable.textContent, oldValue);
  37 }, "Can edit non-inert contenteditable");
  38
  39 </script>
  40 </body>
  41 </html>