third_party/WebKit/LayoutTests/custom-elements/spec/define-element.html - Issue 1985623002: [WIP] Custom element upgrades

Side by Side Diff: third_party/WebKit/LayoutTests/custom-elements/spec/define-element.html

Issue 1985623002: [WIP] Custom element upgrades (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add a C++-only test.' Created 4 years, 6 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 unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/custom-elements/constructor-may-poach-upgrading-element.html ('k') | third_party/WebKit/Source/bindings/core/v8/Microtask.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <title>Custom Elements: defineElement</title>	2 <title>Custom Elements: defineElement</title>

3 <link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#cus tomelementsregistry">	3 <link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#cus tomelementsregistry">

4 <meta name="author" title="Dominic Cooney" href="mailto:dominicc@chromium.org">	4 <meta name="author" title="Dominic Cooney" href="mailto:dominicc@chromium.org">

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

6 <script src="../../resources/testharness-helpers.js"></script>	6 <script src="../../resources/testharness-helpers.js"></script>

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

8 <script src="resources/custom-elements-helpers.js"></script>	8 <script src="resources/custom-elements-helpers.js"></script>

9 <body>	9 <body>

10 <script>	10 <script>

(...skipping 69 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
80 w.customElements.define('a-a', F);	80 w.customElements.define('a-a', F);

81 }, 'defining an element with a constructor with a prototype that is not an ' +	81 }, 'defining an element with a constructor with a prototype that is not an ' +

82 'object should throw a TypeError');	82 'object should throw a TypeError');

83 }, 'Retrieved prototype is a non-object');	83 }, 'Retrieved prototype is a non-object');

84	84

85 test_with_window((w) => {	85 test_with_window((w) => {

86 assert_throws(TypeError.prototype, () => {	86 assert_throws(TypeError.prototype, () => {

87 let not_a_constructor = () => {};	87 let not_a_constructor = () => {};

88 let invalid_name = 'annotation-xml';	88 let invalid_name = 'annotation-xml';

89 w.customElements.define(invalid_name, not_a_constructor);	89 w.customElements.define(invalid_name, not_a_constructor);

90 }, 'Defining an element with an invalid name and invalid constructor ' +	90 }, 'defining an element with an invalid name and invalid constructor ' +

91 'should throw a TypeError for the constructor and not a SyntaxError');	91 'should throw a TypeError for the constructor and not a SyntaxError');

92	92

93 class C extends w.HTMLElement {}	93 class C extends w.HTMLElement {}

94 w.customElements.define('a-a', C);	94 w.customElements.define('a-a', C);

95 assert_throws('SYNTAX_ERR', () => {	95 assert_throws('SYNTAX_ERR', () => {

96 let invalid_name = 'annotation-xml';	96 let invalid_name = 'annotation-xml';

97 let reused_constructor = C;	97 let reused_constructor = C;

98 w.customElements.define(invalid_name, reused_constructor);	98 w.customElements.define(invalid_name, reused_constructor);

99 }, 'Defining an element with an invalid name and a reused constructor ' +	99 }, 'defining an element with an invalid name and a reused constructor ' +

100 'should throw a SyntaxError for the name and not a NotSupportedError');	100 'should throw a SyntaxError for the name and not a NotSupportedError');

101 }, 'Order of checks');	101 }, 'Order of checks');

	102

	103 test_with_window((w) => {

	104 let doc = w.document;

	105 doc.body.innerHTML = `

	106 <a-a id="a">

	107 <p>

	108 <a-a id="b"></a-a>

	109 <a-a id="c"></a-a>

	110 </p>

	111 <a-a id="d"></a-a>

	112 </a-a>`;

	113 let invocations = [];

	114 class C extends w.HTMLElement {

	115 constructor() {

	116 super();

	117 invocations.push(this);

	118 }

	119 }

	120 w.customElements.define('a-a', C);

	121 assert_array_equals(['a', 'b', 'c', 'd'], invocations.map((e) => e.id),

	122 'four elements should have been upgraded in doc order');

	123 }, 'Upgrade: existing elements');

	124

	125 test_with_window((w) => {

	126 let doc = w.document;

	127 let a = doc.createElement('a-a');

	128 doc.body.appendChild(a);

	129 assert_equals(w.HTMLElement.prototype, Object.getPrototypeOf(a),

	130 'the undefined autonomous element should be a HTMLElement');

	131 let invocations = [];

	132 class C extends w.HTMLElement {

	133 constructor() {

	134 super();

	135 assert_equals(C.prototype, Object.getPrototypeOf(a),

	136 'the HTMLElement constructor should set the prototype ' +

	137 'to the defined prototype');

	138 invocations.push(this);

	139 }

	140 }

	141 w.customElements.define('a-a', C);

	142 assert_array_equals([a], invocations,

	143 'the constructor should have been invoked for the in-' +

	144 'document element');

	145 }, 'Upgrade: sets prototype of existing elements');

	146

	147 test_with_window((w) => {

	148 let doc = w.document;

	149 var shadow = doc.body.attachShadow({mode: 'open'});

	150 let a = doc.createElement('a-a');

	151 shadow.appendChild(a);

	152 let invocations = [];

	153 class C extends w.HTMLElement {

	154 constructor() {

	155 super();

	156 invocations.push(this);

	157 }

	158 }

	159 w.customElements.define('a-a', C);

	160 assert_array_equals([a], invocations,

	161 'the constructor should have been invoked once for the ' +

	162 'elements in the shadow tree');

	163 }, 'Upgrade: shadow tree');

102 </script>	164 </script>

OLD	NEW