| <!DOCTYPE html> |
| <title>Custom Elements: CEReactions on HTMLMetaElement interface</title> |
| <link rel="author" title="Intel" href="http://www.intel.com"> |
| <meta name="assert" content="name, httpEquiv, content of |
| HTMLMetaElement interface must have CEReactions"> |
| <meta name="help" content="https://html.spec.whatwg.org/#the-meta-element"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="../resources/custom-elements-helpers.js"></script> |
| <script src="./resources/reactions.js"></script> |
| |
| <script> |
| |
| function getParentElement() { |
| return document.head; |
| } |
| |
| function setAttributes(instance, attribute, value) { |
| instance.setAttribute(attribute, value); |
| } |
| |
| testReflectAttributeWithDependentAttributes( |
| 'name', 'name', 'description', |
| 'keywords', 'name on HTMLMetaElement', 'meta', |
| getParentElement, |
| instance => setAttributes(instance, 'content', 'HTMLMetaElement'), |
| HTMLMetaElement |
| ); |
| testReflectAttributeWithDependentAttributes( |
| 'content', 'content', 'name1', |
| 'name2', 'content on HTMLMetaElement', 'meta', |
| getParentElement, instance => setAttributes(instance, 'name', 'author'), |
| HTMLMetaElement |
| ); |
| |
| test(() => { |
| let element = define_build_in_custom_element( |
| ['http-equiv'], HTMLMetaElement, 'meta' |
| ); |
| let instance = document.createElement('meta', { is: element.name }); |
| |
| assert_array_equals(element.takeLog().types(), ['constructed']); |
| document.head.appendChild(instance); |
| assert_array_equals(element.takeLog().types(), ['connected']); |
| instance['content'] = '300'; |
| instance['httpEquiv'] = 'refresh'; |
| let logEntries = element.takeLog(); |
| assert_array_equals(logEntries.types(), ['attributeChanged']); |
| assert_attribute_log_entry(logEntries.last(), { |
| name: 'http-equiv', oldValue: null, newValue: 'refresh', namespace: null |
| }); |
| }, 'httpEquiv on HTMLMetaElement must enqueue an attributeChanged' |
| + ' reaction when adding a new attribute'); |
| |
| test(() => { |
| let element = define_build_in_custom_element( |
| ['http-equiv'], HTMLMetaElement, 'meta' |
| ); |
| let instance = document.createElement('meta', { is: element.name }); |
| document.head.appendChild(instance); |
| |
| assert_array_equals(element.takeLog().types(), ['constructed', 'connected']); |
| instance['content'] = 'text/html; charset=UTF-8'; |
| instance['httpEquiv'] = 'content-type'; |
| assert_array_equals(element.takeLog().types(), ['attributeChanged']); |
| instance['content'] = '300'; |
| instance['httpEquiv'] = 'refresh'; |
| let logEntries = element.takeLog(); |
| assert_array_equals(logEntries.types(), ['attributeChanged']); |
| assert_attribute_log_entry(logEntries.last(), { |
| name: 'http-equiv', oldValue: 'content-type', |
| newValue: 'refresh', namespace: null |
| }); |
| }, 'httpEquiv on HTMLMetaElement must enqueue an attributeChanged' |
| + ' reaction when replacing an existing attribute'); |
| |
| </script> |