Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-05 05:30:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

gfx: Add a test to account the transform in nested stacking contexts.

Browse source
This commit is contained in:
Emilio Cobos Álvarez 2016-08-12 23:51:14 -07:00
parent ce5f035a69
commit d6c7b34208
No known key found for this signature in database
GPG key ID: 056B727BB9C1027C
2 changed files with 78 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -6756,6 +6756,12 @@
"url": "/_mozilla/mozilla/global.html" "url": "/_mozilla/mozilla/global.html"
} }
], ],
"mozilla/hit_test_nested_sc.html": [
{
"path": "mozilla/hit_test_nested_sc.html",
"url": "/_mozilla/mozilla/hit_test_nested_sc.html"
}
],
"mozilla/hit_test_pos_fixed.html": [ "mozilla/hit_test_pos_fixed.html": [
{ {
"path": "mozilla/hit_test_pos_fixed.html", "path": "mozilla/hit_test_pos_fixed.html",

72
tests/wpt/mozilla/tests/mozilla/hit_test_nested_sc.html Normal file
View file

@ -0,0 +1,72 @@
<!doctype html>
<meta charset="utf-8">
<title>Test: Hit testing works well with nested stacking contexts</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.outer-sc {
transform: translate(-50px, -50px);
position: absolute;
width: 250px;
height: 250px;
top: 250px;
left: 250px;
background: blue;
}
.outer-sc:hover {
background: red;
}
.inner-sc {
transform: translate(50px, 50px);
position: absolute;
width: 250px;
height: 250px;
top: 250px;
left: 250px;
background: green;
}
.inner-sc:hover {
background: yellow;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
<div class="inner-sc">
</div>
</div>
<script>
async_test(function(t) {
window.onload = t.step_func(function() {
// This should be in the middle of the squares:
// +-------------+
// | |
// | |
// | |
// | |
// | |
// +-------------+
// . <-- here
// +-------------+
// | |
// | |
// | |
// | |
// | |
// +-------------+
//
// If we have forgotten to take into account the nested transformations,
// then it will report that the inner stacking context is at that point
// (but obviously shouldn't).
var points = document.elementsFromPoint(450 + 25, 450 + 25);
assert_true(points.length > 0,
"Should report at least one element");
assert_true(points[0].className !== "inner-sc",
"Should not be the inner stacking context");
t.done();
})
})
</script>