summaryrefslogtreecommitdiffstats
path: root/gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html
diff options
context:
space:
mode:
Diffstat (limited to 'gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html')
-rw-r--r--gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html80
1 files changed, 80 insertions, 0 deletions
diff --git a/gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html b/gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html
new file mode 100644
index 0000000000..9d0a9fa50c
--- /dev/null
+++ b/gfx/layers/apz/test/mochitest/helper_hittest_nested_transforms_bug1459696.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>APZ hit-testing with nested inactive transforms (bug 1459696)</title>
+ <script type="application/javascript" src="apz_test_utils.js"></script>
+ <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
+ <script src="/tests/SimpleTest/paint_listener.js"></script>
+ <meta name="viewport" content="width=device-width"/>
+ <style>
+ .pane {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ }
+ .left {
+ left: 0;
+ right: 66vw;
+ overflow: auto;
+ }
+ .content {
+ width: 100%;
+ height: 200%;
+ background-image: linear-gradient(blue, green);
+ }
+ .right {
+ left: 34vw;
+ right: 0;
+ }
+ .list {
+ overflow: hidden;
+ transform: translate3d(0, 0, 0);
+ height: 100%;
+ }
+ .track {
+ height: 100%;
+ width: 2000px;
+ transform: translate3d(-856px, 0px, 0px);
+ }
+ .slide {
+ float: left;
+ height: 100%;
+ width: 856px;
+ background-image: linear-gradient(red, yellow);
+ }
+ </style>
+</head>
+<body>
+ <div class="left pane" id="left-pane">
+ <div class="content"></div>
+ </div>
+ <div class="right pane">
+ <div class="list">
+ <div class="track">
+ <div class="slide"></div>
+ <div class="slide"></div>
+ </div>
+ </div>
+ </div>
+</body>
+<script type="application/javascript">
+
+async function test() {
+ var utils = getHitTestConfig().utils;
+
+ var leftPane = document.getElementById("left-pane");
+
+ checkHitResult(
+ hitTest(centerOf(leftPane)),
+ APZHitResultFlags.VISIBLE,
+ utils.getViewId(leftPane),
+ utils.getLayersId(),
+ "left pane was successfully hit");
+}
+
+waitUntilApzStable()
+.then(test)
+.then(subtestDone, subtestFailed);
+
+</script>
+</html>