Update web-platform-tests to revision a46616a5b18e83587ddbbed756c7b96cbb4b015d

This commit is contained in:
Josh Matthews 2017-06-19 19:07:14 -04:00 committed by Ms2ger
parent 3f07cfec7c
commit 578498ba24
4001 changed files with 159517 additions and 30260 deletions

View file

@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<title>img ismap attribute coordinate origin</title>
<style>
#bg { background-color: lightgray; position: relative; }
#target { position: absolute; width: 48px; height: 48px; border: 2px dashed green; pointer-events: none; }
.after { top: 246px; left: 246px; }
img { margin: 50px; border: 50px solid white; padding: 50px; }
</style>
</head>
<body>
<div id="bg">
<div id="target" class="after"></div>
<a href="/somewhere/">
<img src="/images/blue96x96.png" ismap>
</a>
</div>
<h1>Click inside the dashed rectangle</h1>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<title>img ismap attribute coordinate origin</title>
<style>
#bg { background-color: lightgray; position: relative; }
#target { position: absolute; width: 96px; height: 96px; border: 2px dashed green; pointer-events: none; }
.before { top: 50px; left: 50px; }
img { margin: 50px; border: 50px solid white; padding: 50px; }
</style>
</head>
<body>
<div id="bg">
<div id="target" class="before"></div>
<a href="/somewhere/">
<img src="/images/blue96x96.png" ismap>
</a>
</div>
<h1>Click inside the dashed rectangle</h1>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<title>img ismap attribute coordinate origin</title>
<style>
#bg { background-color: lightgray; position: relative; }
#target { position: absolute; width: 96px; height: 96px; border: 2px dashed green; pointer-events: none; }
.in { top: 148px; left: 148px; }
img { margin: 50px; border: 50px solid white; padding: 50px; }
</style>
</head>
<body>
<div id="bg">
<div id="target" class="in"></div>
<a href="/common/blank.html">
<img src="/images/blue96x96.png" ismap>
</a>
</div>
<h1>Click inside the dashed rectangle</h1>
</body>
</html>

View file

@ -0,0 +1,78 @@
<!doctype html>
<html>
<head>
<title>img ismap attribute coordinate origin</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
iframe { width: 500px; height: 500px; }
</style>
</head>
<body>
<iframe></iframe>
<div id="log"></div>
<script type="text/javascript">
tests = [
{
file: "img-ismap-coordinates-iframe-inside.html",
},
{
test: async_test("Coordinates within the content box of an image map have origin of the context box"),
resultMinXY: 0,
resultMaxXY: 96,
},
{
file: "img-ismap-coordinates-iframe-before.html",
},
{
test: async_test("Coordinates within the margin/padding (top-left) of the image map are clamped to zero"),
resultMinXY: 0,
resultMaxXY: 0,
},
{
file: "img-ismap-coordinates-iframe-after.html",
},
{
test: async_test("Coordinates within the margin/padding (bottom-right) of the image map have origin in the content box"),
resultMinXY: 97,
resultMaxXY: 146,
}
];
testIndex = 0;
var iframe = document.querySelector('iframe');
iframe.onload = function testInit() {
if (testIndex % 2 == 0) {
testIndex++;
return;
}
// User clicked on a results...
var url = iframe.contentWindow.location.toString();
var test = tests[testIndex].test;
var minXY = tests[testIndex].resultMinXY;
var maxXY = tests[testIndex].resultMaxXY;
testIndex++;
if (testIndex < tests.length)
iframe.src = tests[testIndex].file; // Advance the test...
// Validate the last test's results...
test.step(function () {
var i = url.indexOf("?");
assert_not_equals(i, -1);
var coordsStr = url.substr(i+1);
var i = coordsStr.indexOf(',');
assert_not_equals(i, -1);
var x = parseFloat(coordsStr.substring(0, i));
var y = parseFloat(coordsStr.substring(i+1));
assert_greater_than_equal(x, minXY);
assert_less_than_equal(x, maxXY);
assert_greater_than_equal(y, minXY);
assert_less_than_equal(y, maxXY);
test.done();
});
if (testIndex >= tests.length)
iframe.style.display = "none";
}
iframe.src = tests[0].file;
</script>
</body>
</html>