| Index: third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/usemap-casing.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/usemap-casing.html b/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/usemap-casing.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c15741ab0674e2e3e6400e3b7b1db55c4a788a74
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/usemap-casing.html
|
| @@ -0,0 +1,93 @@
|
| +<!DOCTYPE html>
|
| +<meta charset=utf-8>
|
| +<title>img usemap case-sensitive</title>
|
| +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
|
| +<link rel="help" href="https://html.spec.whatwg.org/multipage/infrastructure.html#rules-for-parsing-a-hash-name-reference">
|
| +<!-- See also: https://github.com/whatwg/html/issues/1666 -->
|
| +
|
| +<script src="/resources/testharness.js"></script>
|
| +<script src="/resources/testharnessreport.js"></script>
|
| +
|
| +<div id="log"></div>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#sanityCheck" width="300" height="300">
|
| +<map name="sanityCheck"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#sImPlE" width="300" height="300">
|
| +<map name="simple"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="SIMPLE"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#paSSfield-killroyß" width="300" height="300">
|
| +<map name="passfield-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="PASSFIELD-KILLROYß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="paſſfield-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="passfield-Killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="paßfield-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="paẞfield-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="passfield-killroyẞ"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="passfield-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="passfıeld-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="passfİeld-killroyß"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#глупый" width="300" height="300">
|
| +<map name="глупый"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="ГЛУПЫЙ"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="ГЛУПЫЙ"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#åωk" width="300" height="300">
|
| +<map name="ÅΩK"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="Åωk"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="åΩk"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="åωK"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#blah1" width="300" height="300">
|
| +<map name="blah①"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="blⒶh1"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="blⓐh1"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#tÉdz5アパートFi" width="300" height="300">
|
| +<map name="TÉDZ5アパートFi"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="TéDZ⁵アパートFi"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="tÉdz5㌀Fi"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="tÉdz5アパートFi"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="TÉDZ⁵アパートFi"><area shape="rect" coords="0,0,300,300"></map>
|
| +<map name="TÉDZ5アパートfi"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<img src="/images/threecolors.png" usemap="#ΣΣ" width="300" height="300">
|
| +<map name="σς"><area shape="rect" coords="0,0,300,300"></map>
|
| +
|
| +<script>
|
| +"use strict";
|
| +setup({ explicit_done: true });
|
| +
|
| +onload = () => {
|
| + test(() => {
|
| + const image = document.querySelector(`img[usemap="#sanityCheck"]`);
|
| + const imageRect = image.getBoundingClientRect();
|
| + const x = imageRect.left + imageRect.width / 2;
|
| + const y = imageRect.top + imageRect.height / 2;
|
| + const element = document.elementFromPoint(x, y);
|
| + const area = document.querySelector(`map[name="sanityCheck"] > area`);
|
| +
|
| + assert_equals(element, area);
|
| + }, `Image with usemap of #sanityCheck should match the area with map named sanityCheck`);
|
| +
|
| + const images = Array.from(document.querySelectorAll(`img:not([usemap="#sanityCheck"])`));
|
| +
|
| + for (let image of images) {
|
| + test(() => {
|
| + const imageRect = image.getBoundingClientRect();
|
| + const x = imageRect.left + imageRect.width / 2;
|
| + const y = imageRect.top + imageRect.height / 2;
|
| + const element = document.elementFromPoint(x, y);
|
| +
|
| + const name = element.parentElement.getAttribute("name");
|
| + const messageSuffix = name ? `; used <map> with name "${name}"` : "";
|
| +
|
| + assert_equals(element, image, "The element retrieved must be the image, not an area" + messageSuffix);
|
| + }, `Image with usemap of ${image.useMap} should not match any of the areas`);
|
| + }
|
| +
|
| + done();
|
| +};
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2468053002:
Import wpt@9fcccf38b6be00f71ffa6bd6e29c5aa1ef25ee8c (Closed)
