mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision a46616a5b18e83587ddbbed756c7b96cbb4b015d
This commit is contained in:
parent
3f07cfec7c
commit
578498ba24
4001 changed files with 159517 additions and 30260 deletions
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue