Index: third_party/WebKit/LayoutTests/imported/wpt/custom-elements/reactions/resources/reactions.js |
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/custom-elements/reactions/resources/reactions.js b/third_party/WebKit/LayoutTests/imported/wpt/custom-elements/reactions/resources/reactions.js |
index c260dc4f3f861a4bd4d939935ff85f9cc9b898c5..0fc2072b8cb0602016c268fcfc2fcab0d34817c8 100644 |
--- a/third_party/WebKit/LayoutTests/imported/wpt/custom-elements/reactions/resources/reactions.js |
+++ b/third_party/WebKit/LayoutTests/imported/wpt/custom-elements/reactions/resources/reactions.js |
@@ -1,28 +1,60 @@ |
let testNumber = 1; |
+ |
+function defineNewCustomElement(observedAttributes) { |
+ let log = []; |
+ let name = 'custom-element-' + testNumber++; |
+ |
+ class CustomElement extends HTMLElement { |
+ constructor() { |
+ super(); |
+ log.push({type: 'constructed', element: this}); |
+ } |
+ attributeChangedCallback(name, oldValue, newValue, namespace) { |
+ log.push({type: 'attributeChanged', element: this, name: name, oldValue: oldValue, newValue: newValue, namespace: namespace}); |
+ } |
+ connectedCallback() { log.push({type: 'connected', element: this}); } |
+ disconnectedCallback() { log.push({type: 'disconnected', element: this}); } |
+ adoptedCallback(oldDocument, newDocument) { log.push({type: 'adopted', element: this, oldDocument: oldDocument, newDocument: newDocument}); } |
+ } |
+ CustomElement.observedAttributes = observedAttributes || ['id', 'title']; |
+ |
+ customElements.define(name, CustomElement); |
+ |
+ return { |
+ name: name, |
+ log: function () { |
+ let currentLog = log; log = []; |
+ return { |
+ types: () => currentLog.map((entry) => entry.type), |
+ log: (i) => currentLog[i == undefined ? currentLog.length - 1 : i], |
+ } |
+ } |
+ }; |
+} |
function testNodeConnector(testFunction, name) { |
let container = document.createElement('div'); |
container.appendChild(document.createElement('div')); |
document.body.appendChild(container); |
- |
- test(function () { |
- var element = define_new_custom_element(); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(container, instance); |
- assert_array_equals(element.takeLog().types(), ['connected']); |
+ assert_array_equals(element.log().types(), ['connected']); |
}, name + ' must enqueue a connected reaction'); |
test(function () { |
- var element = define_new_custom_element(); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
var newDoc = document.implementation.createHTMLDocument(); |
testFunction(container, instance); |
- assert_array_equals(element.takeLog().types(), ['connected']); |
+ assert_array_equals(element.log().types(), ['connected']); |
testFunction(newDoc.documentElement, instance); |
- assert_array_equals(element.takeLog().types(), ['disconnected', 'adopted', 'connected']); |
+ assert_array_equals(element.log().types(), ['disconnected', 'adopted', 'connected']); |
}, name + ' must enqueue a disconnected reaction, an adopted reaction, and a connected reaction when the custom element was in another document'); |
container.parentNode.removeChild(container); |
@@ -34,184 +66,156 @@ |
document.body.appendChild(container); |
test(function () { |
- var element = define_new_custom_element(); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
container.appendChild(instance); |
- assert_array_equals(element.takeLog().types(), ['connected']); |
+ assert_array_equals(element.log().types(), ['connected']); |
testFunction(instance); |
- assert_array_equals(element.takeLog().types(), ['disconnected']); |
+ assert_array_equals(element.log().types(), ['disconnected']); |
}, name + ' must enqueue a disconnected reaction'); |
container.parentNode.removeChild(container); |
} |
-function testCloner(testFunction, name) { |
- let container = document.createElement('div'); |
- container.appendChild(document.createElement('div')); |
- document.body.appendChild(container); |
- |
- test(function () { |
- var element = define_new_custom_element(['id']); |
- var instance = document.createElement(element.name); |
- container.appendChild(instance); |
- |
- instance.setAttribute('id', 'foo'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'connected', 'attributeChanged']); |
- var newInstance = testFunction(instance); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['constructed', 'attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: 'id', oldValue: null, newValue: 'foo', namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when cloning an element with an observed attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['id']); |
- var instance = document.createElement(element.name); |
- container.appendChild(instance); |
- |
- instance.setAttribute('lang', 'en'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'connected']); |
- var newInstance = testFunction(instance); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
- }, name + ' must not enqueue an attributeChanged reaction when cloning an element with an unobserved attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['title', 'class']); |
- var instance = document.createElement(element.name); |
- container.appendChild(instance); |
- |
- instance.setAttribute('lang', 'en'); |
- instance.className = 'foo'; |
- instance.setAttribute('title', 'hello world'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'connected', 'attributeChanged', 'attributeChanged']); |
- var newInstance = testFunction(instance); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['constructed', 'attributeChanged', 'attributeChanged']); |
- assert_attribute_log_entry(logEntries[1], {name: 'class', oldValue: null, newValue: 'foo', namespace: null}); |
- assert_attribute_log_entry(logEntries[2], {name: 'title', oldValue: null, newValue: 'hello world', namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when cloning an element only for observed attributes'); |
-} |
- |
function testReflectAttribute(jsAttributeName, contentAttributeName, validValue1, validValue2, name) { |
test(function () { |
- var element = define_new_custom_element([contentAttributeName]); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var element = defineNewCustomElement([contentAttributeName]); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
instance[jsAttributeName] = validValue1; |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: contentAttributeName, oldValue: null, newValue: validValue1, namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when adding ' + contentAttributeName + ' content attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element([contentAttributeName]); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, contentAttributeName); |
+ assert_equals(logEntries.log().oldValue, null); |
+ assert_equals(logEntries.log().newValue, validValue1); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when adding ' + contentAttributeName + ' content attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement([contentAttributeName]); |
var instance = document.createElement(element.name); |
instance[jsAttributeName] = validValue1; |
- assert_array_equals(element.takeLog().types(), ['constructed', 'attributeChanged']); |
+ assert_array_equals(element.log().types(), ['constructed', 'attributeChanged']); |
instance[jsAttributeName] = validValue2; |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: contentAttributeName, oldValue: validValue1, newValue: validValue2, namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when replacing an existing attribute'); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, contentAttributeName); |
+ assert_equals(logEntries.log().oldValue, validValue1); |
+ assert_equals(logEntries.log().newValue, validValue2); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when replacing an existing attribute'); |
} |
function testAttributeAdder(testFunction, name) { |
test(function () { |
- var element = define_new_custom_element(['id']); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'id', 'foo'); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: 'id', oldValue: null, newValue: 'foo', namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when adding an attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['class']); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, 'id'); |
+ assert_equals(logEntries.log().oldValue, null); |
+ assert_equals(logEntries.log().newValue, 'foo'); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when adding an attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'data-lang', 'en'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must not enqueue an attributeChanged reaction when adding an unobserved attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['title']); |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must not enqueue a attributeChanged reaction when adding an unobserved attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('title', 'hello'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'attributeChanged']); |
+ assert_array_equals(element.log().types(), ['constructed', 'attributeChanged']); |
testFunction(instance, 'title', 'world'); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: 'title', oldValue: 'hello', newValue: 'world', namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when replacing an existing attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element([]); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, 'title'); |
+ assert_equals(logEntries.log().oldValue, 'hello'); |
+ assert_equals(logEntries.log().newValue, 'world'); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when replacing an existing attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('data-lang', 'zh'); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'data-lang', 'en'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must enqueue an attributeChanged reaction when replacing an existing unobserved attribute'); |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must enqueue a attributeChanged reaction when replacing an existing unobserved attribute'); |
} |
function testAttributeMutator(testFunction, name) { |
test(function () { |
- var element = define_new_custom_element(['title']); |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('title', 'hello'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'attributeChanged']); |
+ assert_array_equals(element.log().types(), ['constructed', 'attributeChanged']); |
testFunction(instance, 'title', 'world'); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: 'title', oldValue: 'hello', newValue: 'world', namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when replacing an existing attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['class']); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, 'title'); |
+ assert_equals(logEntries.log().oldValue, 'hello'); |
+ assert_equals(logEntries.log().newValue, 'world'); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when replacing an existing attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('data-lang', 'zh'); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'data-lang', 'en'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must not enqueue an attributeChanged reaction when replacing an existing unobserved attribute'); |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must enqueue a attributeChanged reaction when replacing an existing unobserved attribute'); |
} |
function testAttributeRemover(testFunction, name) { |
test(function () { |
- var element = define_new_custom_element(['title']); |
- var instance = document.createElement(element.name); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ var element = defineNewCustomElement(); |
+ var instance = document.createElement(element.name); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'title'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must not enqueue an attributeChanged reaction when removing an attribute that does not exist'); |
- |
- test(function () { |
- var element = define_new_custom_element([]); |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must not enqueue a attributeChanged reaction when removing an attribute that does not exist'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('data-lang', 'hello'); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'data-lang'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must not enqueue an attributeChanged reaction when removing an unobserved attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element(['title']); |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must not enqueue a attributeChanged reaction when removing an unobserved attribute that does not exist'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('title', 'hello'); |
- assert_array_equals(element.takeLog().types(), ['constructed', 'attributeChanged']); |
+ assert_array_equals(element.log().types(), ['constructed', 'attributeChanged']); |
testFunction(instance, 'title'); |
- var logEntries = element.takeLog(); |
- assert_array_equals(logEntries.types(), ['attributeChanged']); |
- assert_attribute_log_entry(logEntries.last(), {name: 'title', oldValue: 'hello', newValue: null, namespace: null}); |
- }, name + ' must enqueue an attributeChanged reaction when removing an existing attribute'); |
- |
- test(function () { |
- var element = define_new_custom_element([]); |
+ var logEntries = element.log(); |
+ assert_array_equals(logEntries.types(), ['attributeChanged']); |
+ assert_equals(logEntries.log().name, 'title'); |
+ assert_equals(logEntries.log().oldValue, 'hello'); |
+ assert_equals(logEntries.log().newValue, null); |
+ assert_equals(logEntries.log().namespace, null); |
+ }, name + ' must enqueue a attributeChanged reaction when removing an existing attribute'); |
+ |
+ test(function () { |
+ var element = defineNewCustomElement(); |
var instance = document.createElement(element.name); |
instance.setAttribute('data-lang', 'ja'); |
- assert_array_equals(element.takeLog().types(), ['constructed']); |
+ assert_array_equals(element.log().types(), ['constructed']); |
testFunction(instance, 'data-lang'); |
- assert_array_equals(element.takeLog().types(), []); |
- }, name + ' must not enqueue an attributeChanged reaction when removing an existing unobserved attribute'); |
-} |
+ assert_array_equals(element.log().types(), []); |
+ }, name + ' must not enqueue a attributeChanged reaction when removing an existing unobserved attribute'); |
+} |