Rework compositor touch hit testing

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

Index: LayoutTests/platform/win/fast/events/touch/compositor-touch-hit-rects-expected.txt
diff --git a/LayoutTests/platform/win/fast/events/touch/compositor-touch-hit-rects-expected.txt b/LayoutTests/platform/win/fast/events/touch/compositor-touch-hit-rects-expected.txt
index 864539d1b312b289ae774b63be08ef652eb1b7c5..091243f1c44a406870e717c04accf4fee243b690 100644
--- a/LayoutTests/platform/win/fast/events/touch/compositor-touch-hit-rects-expected.txt
+++ b/LayoutTests/platform/win/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, 72, 769, 10)
-absoluteChildContainer[0]: (8, 102, 769, 10)
-absoluteChildContainer[1]: (118, 300, 140, 10)
-relativeChildContainer[0]: (8, 152, 769, 10)
-relativeChildContainer[1]: (128, 352, 140, 10)
-overhangingContainer[0]: (8, 202, 769, 10)
-overhangingContainer[1]: (8, 202, 110, 80)
-transformedChildContainer[0]: (62, 241, 661, 32)
-transformedChildContainer[1]: (8, 252, 769, 10)
-continuation[0]: (108, 302, 110, 10)
-inlineAbsoluteChildContainer[0]: (378, 300, 250, 10)
-inlineAbsoluteChildContainer[1]: (108, 352, 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)
+