Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2488)

Unified Diff: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/Element-interface-attachShadow.html

Issue 1192983003: CSS Custom Properties (Variables) (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Whoops, the forward declaration just needed to be moved. Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/Element-interface-attachShadow.html
diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/Element-interface-attachShadow.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/Element-interface-attachShadow.html
new file mode 100644
index 0000000000000000000000000000000000000000..d4eba1a3da91f3844a3000b95ff5b6ff29811860
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/Element-interface-attachShadow.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Shadow DOM: Attaching a ShadowRoot</title>
+<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">
+<meta name="assert" content="Element.prototype.attachShadow should create an instance of ShadowRoot">
+<link rel="help" href="https://w3c.github.io/webcomponents/spec/shadow/#widl-Element-attachShadow-ShadowRoot-ShadowRootInit-shadowRootInitDict">
+<script src="../../../resources/testharness.js"></script>
+<script src="../../../resources/testharnessreport.js"></script>
+<link rel='stylesheet' href='../../../resources/testharness.css'>
+</head>
+<body>
+<div id="log"></div>
+<script>
+
+test(function () {
+ assert_true('attachShadow' in Element.prototype, 'Element.prototype.attachShadow must exist');
+ assert_equals(typeof(document.createElement('div').attachShadow), 'function', 'An instance of div must have attachShadow which is a function');
+}, 'Check the existence of Element.attachShadow');
+
+test(function () {
+ assert_false('attachShadow' in Node.prototype, 'Node.prototype.attachShadow must not exist');
+ assert_false('attachShadow' in CharacterData.prototype, 'CharacterData.prototype.attachShadow must not exist');
+ assert_false('attachShadow' in Comment.prototype, 'Comment.prototype.attachShadow must not exist');
+ assert_equals(typeof(document.createComment('').attachShadow), 'undefined', 'An instance of comment must not have attachShadow');
+ assert_false('attachShadow' in Document.prototype, 'Document.prototype.attachShadow must not exist');
+ assert_equals(typeof(document.attachShadow), 'undefined', 'An instance of document must not have attachShadow which is a function');
+ assert_false('attachShadow' in DocumentFragment.prototype, 'DocumentFragment.prototype.attachShadow must not exist');
+ assert_equals(typeof((new DOMParser()).parseFromString('', 'text/html').attachShadow), 'undefined', 'An instance of document must not have attachShadow which is a function');
+ assert_false('attachShadow' in Text.prototype, 'Text.prototype.attachShadow must not exist');
+ assert_equals(typeof(document.createTextNode('').attachShadow), 'undefined', 'An instance of text node must not have attachShadow');
+}, 'Nodes other than Element should not have attachShadow');
+
+test(function () {
+ assert_throws({'name': 'TypeError'}, function () {
+ document.createElement('div').attachShadow({})
+ }, 'attachShadow must throw a TypeError when mode is omitted');
+
+ assert_throws({'name': 'TypeError'}, function () {
+ document.createElement('div').attachShadow({mode: true})
+ }, 'attachShadow must throw a TypeError when mode is a boolean');
+
+ assert_throws({'name': 'TypeError'}, function () {
+ document.createElement('div').attachShadow({mode: 1})
+ }, 'attachShadow must throw a TypeError when mode is 1');
+}, 'Element.attachShadow must throw a TypeError if mode is not "open" or "closed"');
+
+test(function () {
+ assert_true(document.createElement('div').attachShadow({mode: "open"}) instanceof ShadowRoot,
+ 'attachShadow({mode: "open"}) should create an instance of ShadowRoot');
+ assert_true(document.createElement('div').attachShadow({mode: "closed"}) instanceof ShadowRoot,
+ 'attachShadow({mode: "closed"}) should create an instance of ShadowRoot');
+}, 'Element.attachShadow must create an instance of ShadowRoot');
+
+test(function () {
+ assert_throws({'name': 'InvalidStateError'}, function () {
+ var div = document.createElement('div');
+ div.attachShadow({mode: "open"});
+ div.attachShadow({mode: "open"});
+ }, 'Calling attachShadow({mode: "open"}) twice on the same element must throw');
+
+ assert_throws({'name': 'InvalidStateError'}, function () {
+ var div = document.createElement('div');
+ div.attachShadow({mode: "closed"});
+ div.attachShadow({mode: "closed"});
+ }, 'Calling attachShadow({mode: "closed"}) twice on the same element must throw');
+
+ assert_throws({'name': 'InvalidStateError'}, function () {
+ var div = document.createElement('div');
+ div.attachShadow({mode: "open"});
+ div.attachShadow({mode: "closed"});
+ }, 'Calling attachShadow({mode: "closed"}) after attachShadow({mode: "open"}) on the same element must throw');
+
+ assert_throws({'name': 'InvalidStateError'}, function () {
+ var div = document.createElement('div');
+ div.attachShadow({mode: "closed"});
+ div.attachShadow({mode: "open"});
+ }, 'Calling attachShadow({mode: "open"}) after attachShadow({mode: "closed"}) on the same element must throw');
+}, 'Element.attachShadow must throw a InvalidStateError if the context object already hosts a shadow tree');
+
+test(function () {
+ for (var elementName of ['button', 'details', 'input', 'marquee', 'meter', 'progress', 'select', 'textarea', 'keygen']) {
+ assert_throws({'name': 'NotSupportedError'}, function () {
+ document.createElement(elementName).attachShadow({mode: "open"});
+ }, 'Calling attachShadow({mode: "open"}) on ' + elementName + ' element must throw');
+
+ assert_throws({'name': 'NotSupportedError'}, function () {
+ document.createElement(elementName).attachShadow({mode: "closed"});
+ }, 'Calling attachShadow({mode: "closed"}) on ' + elementName + ' element must throw');
+ }
+}, 'Element.attachShadow must throw a NotSupportedError for button, details, input, marquee, meter, progress, select, textarea, and keygen elements');
+
+</script>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698