inheritance-of-content-editable-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /shadow-dom/untriaged/user-interaction/editing/inheritance-of-content-editable-001.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<title>Shadow DOM Test: Inheritance of contentEditable attribute</title>

<link rel="author" title="Moto Ishizawa" href="mailto:summerwind.jp@gmail.com">

<link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#editing">

<meta name="assert" content="User Interaction: Shadow trees must not be propagated contentEditable attribute from shadow host">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="../../../../html/resources/common.js"></script>

<script src="../../../resources/shadow-dom-utils.js"></script>

</head>

<body>

<div id="log"></div>

<script>

test(unit(function (ctx) {

    var d = newRenderedHTMLDocument(ctx);

    var host = d.createElement('div');

    host.contentEditable = "true";

    d.body.appendChild(host);

    var s = host.attachShadow({mode: 'open'});

    assert_equals(host.contentEditable, "true");

    assert_equals(s.contentEditable, undefined);

}), 'contentEditable of shadow trees must be undefined when contentEditable attribute of shadow host is "true"');

test(unit(function (ctx) {

    var d = newRenderedHTMLDocument(ctx);

    var host = d.createElement('div');

    host.contentEditable = "false";

    d.body.appendChild(host);

    var s = host.attachShadow({mode: 'open'});

    assert_equals(host.contentEditable, 'false');

    assert_equals(s.contentEditable, undefined);

}), 'contentEditable of shadow trees must be undefined when contentEditable of shadow host is "false"');

test(unit(function (ctx) {

    var d = newRenderedHTMLDocument(ctx);

    var host = d.createElement('div');

    d.body.appendChild(host);

    d.body.contentEditable = "true";

    var s = host.attachShadow({mode: 'open'});

    assert_equals(host.contentEditable, 'inherit');

    assert_equals(s.contentEditable, undefined);

}), 'contentEditable of shadow trees must be undefined when contentEditable attribute of shadow host is "inherit"');

</script>

</body>

</html>