HTMLAreaElement.html (2566B)
1 <!DOCTYPE html> 2 <title>Custom Elements: CEReactions on HTMLAreaElement interface</title> 3 <link rel="author" title="Intel" href="http://www.intel.com"> 4 <meta name="assert" content="alt, coords, shape, target, download, ping, rel, 5 referrerPolicy of HTMLAreaElement interface must have CEReactions"> 6 <meta name="help" content="https://html.spec.whatwg.org/#the-area-element"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="../../resources/custom-elements-helpers.js"></script> 10 <script src="../resources/reactions.js"></script> 11 12 <map name="yellow" id="map"> 13 </map> 14 <img usemap="#yellow" src="/images/yellow.png" alt="yellow pic"> 15 16 <script> 17 18 function getParentElement() { 19 let map = document.getElementById('map'); 20 return map; 21 } 22 23 function setAttributes(instance) { 24 instance.setAttribute('href', '/images/yellow.png'); 25 } 26 27 testReflectAttributeWithDependentAttributes( 28 'alt', 'alt', 'yellow pic', 29 'yellow pic2', 'alt on HTMLAreaElement', 'area', 30 getParentElement, instance => setAttributes(instance), HTMLAreaElement 31 ); 32 testReflectAttributeWithParentNode( 33 'coords', 'coords', '1, 1, 5, 5', 34 '2, 2, 6, 6', 'coords on HTMLAreaElement', 'area', 35 getParentElement, HTMLAreaElement 36 ); 37 testReflectAttributeWithDependentAttributes( 38 'shape', 'shape', 'rectangle', 39 'default', 'shape on HTMLAreaElement', 'area', 40 getParentElement, instance => instance.setAttribute('coords', '1, 1, 5, 5'), 41 HTMLAreaElement 42 ); 43 testReflectAttributeWithDependentAttributes( 44 'target', 'target', '_blank', 45 '_top', 'target on HTMLAreaElement', 'area', 46 getParentElement, instance => setAttributes(instance), HTMLAreaElement 47 ); 48 testReflectAttributeWithDependentAttributes( 49 'download', 'download', 'pic1', 50 'pic2', 'download on HTMLAreaElement', 'area', 51 getParentElement, instance => setAttributes(instance), HTMLAreaElement 52 ); 53 testReflectAttributeWithDependentAttributes( 54 'ping', 'ping', 'location.href', 55 `${location.protocol}\/\/${location.host}`, 'ping on HTMLAreaElement', 'area', 56 getParentElement, instance => setAttributes(instance), HTMLAreaElement 57 ); 58 testReflectAttributeWithDependentAttributes( 59 'rel', 'rel', 'help', 60 'noreferrer', 'rel on HTMLAreaElement', 'area', 61 getParentElement, instance => setAttributes(instance), HTMLAreaElement 62 ); 63 testReflectAttributeWithDependentAttributes( 64 'referrerPolicy', 'referrerpolicy', 'same-origin', 65 'origin', 'referrerPolicy on HTMLAreaElement', 'area', 66 getParentElement, instance => setAttributes(instance), HTMLAreaElement 67 ); 68 69 </script>