Rework compositor touch hit testing

LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt

Index: LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt
diff --git a/LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt b/LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt
index d0fcbd6c5b0664798761703dd484a65596903618..091243f1c44a406870e717c04accf4fee243b690 100644
--- a/LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt
+++ b/LayoutTests/platform/mac/fast/events/touch/compositor-touch-hit-rects-expected.txt
@@ -1,16 +1,50 @@
-This tests verifies the hit test regions given to the compositor. It can only be run in DumpRenderTree. The outputted rects should cover the hit test regions of all the listed elements.
-
-normalFlow[0]: (8, 68, 769, 10)
-absoluteChildContainer[0]: (8, 96, 769, 10)
-absoluteChildContainer[1]: (118, 300, 140, 10)
-relativeChildContainer[0]: (8, 142, 769, 10)
-relativeChildContainer[1]: (128, 342, 140, 10)
-overhangingContainer[0]: (8, 188, 769, 10)
-overhangingContainer[1]: (8, 188, 110, 80)
-transformedChildContainer[0]: (62, 223, 661, 32)
-transformedChildContainer[1]: (8, 234, 769, 10)
-continuation[0]: (108, 280, 110, 10)
-inlineAbsoluteChildContainer[0]: (378, 300, 250, 10)
-inlineAbsoluteChildContainer[1]: (108, 328, 270, 10)
-document[0]: (0, 0, 785, 1024)
+This tests verifies the hit test regions given to the compositor. It can only be run in DumpRenderTree. The outputted rects should cover the hit test regions of all the listed elements. Enable visualize mode to quickly validate graphically.
+
+normalFlow[0]: #document (13, 128, 290, 12)
+normalFlow[1]: #document (84, 128, 42, 12)
+
+inlineOverflow[0]: #document (13, 145, 17, 12)
+inlineOverflow[1]: #document (14, 145, 152, 12)
+inlineOverflow[2]: #document (14, 146, 152, 10)
+
+absoluteChildContainer[0]: #document (13, 162, 290, 12)
+absoluteChildContainer[1]: #document (320, 163, 142, 12)
+
+relativeChildContainer[0]: #document (13, 179, 290, 22)
+relativeChildContainer[1]: #document (314, 189, 142, 12)
+
+translate[0]: #document (13, 206, 290, 14)
+translate[1]: #document (314, 209, 288, 12)
+
+transform2d[0]: #document (16, 226, 284, 20)
+
+overhangingContainer[0]: #document (13, 252, 290, 12)
+overhangingContainer[1]: #document (14, 253, 102, 42)
+overhangingContainer[2]: #document (15, 254, 110, 10)
+overhangingContainer[3]: #document (15, 274, 110, 10)
+
+transform3d[0]: DIV#transform3dChild (0, 0, 288, 12)
+transform3d[1]: #document (13, 305, 290, 14)
+
+continuation[0]: #document (13, 328, 101, 12)
+continuation[1]: #document (13, 339, 290, 12)
+continuation[2]: #document (13, 339, 290, 12)
+continuation[3]: #document (13, 350, 121, 12)
+
+inlineAbsoluteChildContainer[0]: #document (13, 365, 262, 12)
+inlineAbsoluteChildContainer[1]: #document (320, 366, 252, 12)
+
+list[0]: #document (13, 386, 290, 14)
+list[1]: #document (341, 388, 5, 10)
+list[2]: #document (354, 387, 248, 12)
+
+styleModified[0]: #document (13, 410, 290, 22)
+
+scrollContent[0]: #document (14, 451, 273, 12)
+
+containsSvg[0]: #document (13, 467, 290, 16)
+containsSvg[1]: #document (14, 468, 102, 12)
+
+svgline[0]: #document (13, 488, 100, 10)
+