Rework compositor touch hit testing

LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects.css

Index: LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects.css
diff --git a/LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects.css b/LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects.css
new file mode 100644
index 0000000000000000000000000000000000000000..ef4b12bf1aec14e89cf58927e73ac51237223a15
--- /dev/null
+++ b/LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects.css
@@ -0,0 +1,36 @@
+html[dumpRenderTree] {
+  font-family: Ahem;
+}
+#tests {
+ font-size: 10px;
+ width: 300px;
+}
+#tests > div {
+  margin: 5px;
+}
+.testcase:not(.generated), .testcase *:not(.generated) {
+  border: 1px solid red;
+}
+/* For manually visualizing how elements respond to hit-testing */
+.testcase:not(.generated):active, .testcase *:not(.generated):active {
+  background-color: yellow;
+}
+.overlay-container {
+  position: relative;
+  height: 0;
+  width: 0;
+  z-index: 10;
+}
+.overlay {
+  background-color: green;
+  opacity: 0.3;
+  pointer-events: none;
+  z-index: 10;
+}
+/* Don't show the overlays until we're all done testing, as they
+   can interfere with promotion to composited layers
+*/
+html:not([done]) .display-when-done {
+  display: none;
+}
+