<!DOCTYPE html>
<title>Custom Elements: CEReactions on HTMLButtonElement interface</title>
<meta name="author" title="Zhang Xiaoyu" href="xiaoyux.zhang@intel.com">
<meta name="assert" content=" autofocus, disabled, formAction, formEnctype,
  formMethod, formNoValidate, formTarget, name, type, value
  of HTMLButtonElement interface must have CEReactions">
<meta name="help" content="https://html.spec.whatwg.org/#htmlbuttonelement">
<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>
<body>
<script>

function getParentElement(parentElementName) {
  let parentElement = document.createElement(parentElementName);
  document.body.appendChild(parentElement);
  return parentElement;
}

function setAttributes(instance) {
  instance.setAttribute('type', 'submit');
}

testReflectBooleanAttribute(
  'autofocus', 'autofocus', 'autofocus on HTMLButtonElement',
  'button', HTMLButtonElement
);
testReflectBooleanAttribute(
  'disabled', 'disabled','disabled on HTMLButtonElement',
  'button', HTMLButtonElement
);
testReflectAttribute(
  'name', 'name', 'intel',
  'intel1', 'name on HTMLButtonElement', 'button',
  HTMLButtonElement
);
testReflectAttribute(
  'value', 'value', 'HTML',
  'CSS', 'value on HTMLButtonElement', 'button',
  HTMLButtonElement
);
testReflectAttributeWithParentNode(
  'type', 'type', 'submit',
  'reset',  'type on HTMLButtonElement', 'button',
  () => getParentElement('form'), HTMLButtonElement
);
testReflectAttributeWithDependentAttributes(
  'formAction', 'formaction', 'intel.asp',
  'intel1.asp', 'formAction on HTMLButtonElement', 'button',
  () => getParentElement('form'), instance => setAttributes(instance),
  HTMLButtonElement
);
testReflectAttributeWithDependentAttributes(
  'formEnctype', 'formenctype', 'text/plain', 'multipart/form-data',
  'formEnctype on HTMLButtonElement', 'button', () => getParentElement('form'),
  instance => setAttributes(instance),
  HTMLButtonElement
);
testReflectAttributeWithDependentAttributes(
  'formMethod', 'formmethod', 'get',
  'post', 'formMethod on HTMLButtonElement', 'button',
  () => getParentElement('form'), instance => setAttributes(instance),
  HTMLButtonElement
);
testReflectBooleanAttributeWithDependentAttributes(
  'formNoValidate', 'formnovalidate', 'formNoValidate on HTMLButtonElement',
  'button', () => getParentElement('form'),
  instance => setAttributes(instance),
  HTMLButtonElement
);
testReflectAttributeWithDependentAttributes(
  'formTarget', 'formtarget', '_blank',
  '_self', 'formTarget on HTMLButtonElement', 'button',
  () => getParentElement('form'), instance => setAttributes(instance),
  HTMLButtonElement
);

</script>
</body>
