HTMLMetaElement.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /custom-elements/reactions/customized-builtins/HTMLMetaElement.html - WPT Dashboard Interop Dashboard

<!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>