third_party/WebKit/LayoutTests/editing/shadow/contenteditable-propagation-at-shadow-boundary.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7
   8 <p>This test checks that content-editable is not propagated from shadow host to a shadow subtree.</p>
   9
  10 <p>This p is required to produce the issue.</p>
  11 <div contenteditable>
  12   <div>This div and parent div are required to produce the issue.</div>
  13   <div id="host1" contenteditable>shadow host 1</div>
  14 </div>
  15 <pre id="console"></pre>
  16 <script>
  17 if (window.testRunner)
  18     testRunner.dumpAsText();
  19
  20 function prepareNodeInShadowRoot(host) {
  21     var shadowRoot = host.createShadowRoot();
  22     var nodeInShadow = document.createElement('div');
  23     nodeInShadow.setAttribute('id', 'node-in-shadow-root');
  24     nodeInShadow.appendChild(document.createTextNode('In Shadow'));
  25     shadowRoot.appendChild(nodeInShadow);
  26     return nodeInShadow;
  27 }
  28
  29 document.body.offsetLeft;
  30
  31 var nodeInShadowRoot1 = prepareNodeInShadowRoot(document.getElementById('host1'));
  32 shouldBeEqualToString('getComputedStyle(nodeInShadowRoot1).webkitUserModify', 'read-only');
  33
  34 var successfullyParsed = true;
  35 </script>
  36
  37 </body>
  38 </html>