<!DOCTYPE HTML>
<html>
<head>
<title>Test for HTMLImageElement attributes reflection</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="reflect.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
<script type="application/javascript">
/** Test for HTMLImageElement attributes reflection **/
reflectString({
element: document.createElement("img"),
attribute: "alt",
})
reflectURL({
element: document.createElement("img"),
attribute: "src",
})
reflectString({
element: document.createElement("img"),
attribute: "srcset",
})
reflectLimitedEnumerated({
element: document.createElement("img"),
attribute: "crossOrigin",
// "" is a valid value per spec, but gets mapped to the "anonymous" state,
// just like invalid values, so just list it under invalidValues
validValues: [ "anonymous", "use-credentials" ],
invalidValues: [
"", " aNOnYmous ", " UsE-CreDEntIALS ", "foobar", "FOOBAR", " fOoBaR "
],
defaultValue: { invalid: "anonymous", missing: null },
nullable: true,
})
reflectString({
element: document.createElement("img"),
attribute: "useMap",
})
reflectBoolean({
element: document.createElement("img"),
attribute: "isMap",
})
ok("width" in document.createElement("img"), "img.width is present")
ok("height" in document.createElement("img"), "img.height is present")
ok("naturalWidth" in document.createElement("img"), "img.naturalWidth is present")
ok("naturalHeight" in document.createElement("img"), "img.naturalHeight is present")
ok("complete" in document.createElement("img"), "img.complete is present")
reflectString({
element: document.createElement("img"),
attribute: "name",
})
reflectString({
element: document.createElement("img"),
attribute: "align",
})
reflectUnsignedInt({
element: document.createElement("img"),
attribute: "hspace",
})
reflectUnsignedInt({
element: document.createElement("img"),
attribute: "vspace",
})
reflectURL({
element: document.createElement("img"),
attribute: "longDesc",
})
reflectString({
element: document.createElement("img"),
attribute: "border",
extendedAttributes: { TreatNullAs: "EmptyString" },
})
reflectURL({
element: document.createElement("img"),
attribute: "lowsrc",
})
ok("x" in document.createElement("img"), "img.x is present")
ok("y" in document.createElement("img"), "img.y is present")
</script>
</pre>
</body>
</html>