commit 1839fc96976c4dc12c9bf2ebffe9179c3e640d7f
parent f44e7ecbee5d3ca47978b8f1d3a3569d904308ae
Author: Ryosuke Niwa <rniwa@webkit.org>
Date: Wed, 19 Nov 2025 04:57:51 +0000
Bug 2000270 [wpt PR 56034] - Add a test for CustomElementRegistry.initialize upgrading custom elements per https://github.com/whatwg/html/pull/11913., a=testonly
Automatic update from web-platform-tests
Add a test for CustomElementRegistry.initialize upgrading custom elements per https://github.com/whatwg/html/pull/11913. (#56034)
--
wpt-commits: 82939020194d6509088a5ea0d8c6407f50582905
wpt-pr: 56034
Diffstat:
2 files changed, 91 insertions(+), 3 deletions(-)
diff --git a/testing/web-platform/tests/custom-elements/registries/pseudo-class-defined.window.js b/testing/web-platform/tests/custom-elements/registries/pseudo-class-defined.window.js
@@ -23,7 +23,5 @@ test(() => {
const registry = new CustomElementRegistry();
registry.define("sw-r2d2", class extends HTMLElement {});
registry.initialize(element);
- assert_false(element.matches(":defined"));
- registry.upgrade(element);
assert_true(element.matches(":defined"));
-});
+}, `"custom" :defined should apply after initialize`);
diff --git a/testing/web-platform/tests/custom-elements/registries/scoped-registry-initialize-upgrades.html b/testing/web-platform/tests/custom-elements/registries/scoped-registry-initialize-upgrades.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/custom-elements.html#dom-customelementregistry-initialize">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+<script>
+
+function runTest(title, makeDocument, makeCustomElementRegistry) {
+ test(() => {
+ const element = makeDocument().createElement('a-b');
+ assert_equals(element.customElementRegistry, null);
+ const registry = new CustomElementRegistry;
+ registry.define('a-b', class ABElement extends HTMLElement { });
+ assert_equals(element.customElementRegistry, null);
+ registry.initialize(element);
+ assert_equals(element.customElementRegistry, registry);
+ }, `${title}: customElementRegistry.prototype.initialize should upgrade the element given to the first argument`);
+
+ test(() => {
+ const doc = makeDocument();
+ const container = doc.createElementNS('http://www.w3.org/1999/xhtml', 'div');
+ container.innerHTML = '<a-b id="ab1"></a-b><a-b id="ab2"></a-b>';
+ const elements = Array.from(container.querySelectorAll('a-b'));
+ assert_equals(elements[0].id, 'ab1');
+ assert_equals(elements[0].customElementRegistry, null);
+ assert_equals(elements[1].id, 'ab2');
+ assert_equals(elements[1].customElementRegistry, null);
+ const registry = new CustomElementRegistry;
+ let registryInConstructor = [];
+ class ABElement extends HTMLElement {
+ constructor() {
+ super();
+ registryInConstructor[elements.indexOf(this)] = this.customElementRegistry;
+ }
+ };
+ registry.define('a-b', ABElement);
+ assert_false(elements[0] instanceof ABElement);
+ assert_false(elements[1] instanceof ABElement);
+ assert_equals(registryInConstructor.length, 0);
+ registry.initialize(container);
+ assert_equals(elements[0].customElementRegistry, registry);
+ assert_true(elements[0] instanceof ABElement);
+ assert_equals(elements[1].customElementRegistry, registry);
+ assert_true(elements[1] instanceof ABElement);
+ assert_equals(registryInConstructor.length, 2);
+ assert_equals(registryInConstructor[0], registry);
+ assert_equals(registryInConstructor[1], registry);
+ }, `${title}: customElementRegistry.prototype.initialize should upgrade elements in tree order`);
+
+ test(() => {
+ const doc1 = makeDocument();
+ const htmlNS = 'http://www.w3.org/1999/xhtml';
+ if (!doc1.documentElement)
+ doc1.appendChild(doc1.createElementNS(htmlNS, 'html')).appendChild(doc1.createElementNS(htmlNS, 'body'));
+
+ const undefinedElement1 = doc1.createElementNS(htmlNS, 'a-b');
+
+ const registry1 = new CustomElementRegistry;
+ class ABElement extends HTMLElement { };
+ registry1.define('a-b', ABElement);
+
+ const registry2 = new CustomElementRegistry;
+ undefinedElement2 = doc1.createElementNS(htmlNS, 'a-b', {customElementRegistry: registry2});
+
+ undefinedElement1.appendChild(undefinedElement2);
+
+ assert_equals(undefinedElement1.customElementRegistry, null);
+ assert_equals(undefinedElement1.__proto__.constructor.name, 'HTMLElement');
+ assert_equals(undefinedElement2.customElementRegistry, registry2);
+ assert_equals(undefinedElement2.__proto__.constructor.name, 'HTMLElement');
+
+ registry1.initialize(undefinedElement1);
+ assert_equals(undefinedElement1.customElementRegistry, registry1);
+ assert_true(undefinedElement1 instanceof ABElement);
+ assert_equals(undefinedElement2.customElementRegistry, registry2);
+ assert_equals(undefinedElement2.__proto__.constructor.name, 'HTMLElement');
+ }, `${title}: customElementRegistry.prototype.initialize only upgrades elements beloning to the registry`);
+}
+
+runTest('Document', () => new Document);
+runTest('HTMLDocument', () => document.implementation.createHTMLDocument());
+runTest('XHTMLDocument', () => document.implementation.createDocument('http://www.w3.org/1999/xhtml', 'html', null));
+
+</script>
+</body>
+</html>
