+2012-06-26 Allan Sandfeld Jensen <allan.jensen@nokia.com>
+
+ [Qt] Baseline missing for 3D transforms tests.
+ https://bugs.webkit.org/show_bug.cgi?id=89973
+
+ Reviewed by Csaba Osztrogonác.
+
+ Unskip the transforms/3d/hit-testing, and skip one failing transforms/3d/point-mapping test.
+ Add missing baselines for all unskipped 3D transforms tests.
+
+ * platform/qt/Skipped:
+ * platform/qt/transforms/3d/hit-testing/backface-hit-test-expected.txt: Added.
+ * platform/qt/transforms/3d/hit-testing/backface-no-transform-hit-test-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-2-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-3-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-coplanar-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-deep-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-overlapping-expected.txt: Added.
+ * platform/qt/transforms/3d/point-mapping/3d-point-mapping-preserve-3d-expected.txt: Added.
+
2012-06-26 Philip Rogers <pdr@google.com>
Fix bug where animations failed to start
transforms/3d/general/perspective-non-layer.html
transforms/3d/general/perspective-units.html
-# "backface-visibility: hidden" is not hiding test boxes.
-transforms/3d/hit-testing
+# Small rounding error.
+transforms/3d/point-mapping/3d-point-mapping-origins.html
# accessibility support
accessibility
--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584
+ RenderBlock {P} at (0,0) size 784x42
+ RenderText {#text} at (0,0) size 765x42
+ text run at (0,0) width 765: "There are two boxes below, both rotated 180\x{B0} in Y. The rightmost one has backface-visibility: hidden, so you"
+ text run at (0,21) width 79: "can't see it."
+ RenderBlock {DIV} at (0,58) size 402x202 [border: (1px solid #000000)]
+ RenderText {#text} at (197,181) size 4x21
+ text run at (197,181) width 4: " "
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {DIV} at (0,260) size 784x42
+ RenderText {#text} at (0,0) size 184x21
+ text run at (0,0) width 184: "Found box1 on left: PASS"
+ RenderBR {BR} at (184,16) size 0x0
+ RenderText {#text} at (0,21) size 225x21
+ text run at (0,21) width 225: "Found container on right: PASS"
+ RenderBR {BR} at (225,37) size 0x0
+layer at (27,85) size 160x160
+ RenderBlock {DIV} at (19,19) size 160x160 [bgcolor=#808080]
+layer at (227,85) size 160x160
+ RenderBlock {DIV} at (219,19) size 160x160 [bgcolor=#808080]
--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584
+ RenderBlock {P} at (0,0) size 784x42
+ RenderText {#text} at (0,0) size 762x42
+ text run at (0,0) width 762: "There are two boxes inside a container that is rotated 180\x{B0} in Y. box2 has backface-visibility: hidden, so you"
+ text run at (0,21) width 79: "can't see it."
+ RenderBlock {DIV} at (0,260) size 784x42
+ RenderText {#text} at (0,0) size 215x21
+ text run at (0,0) width 215: "Found container on left: PASS"
+ RenderBR {BR} at (215,16) size 0x0
+ RenderText {#text} at (0,21) size 194x21
+ text run at (0,21) width 194: "Found box1 on right: PASS"
+ RenderBR {BR} at (194,37) size 0x0
+layer at (8,66) size 402x202
+ RenderBlock {DIV} at (0,58) size 402x202 [bgcolor=#EEEEEE] [border: (1px solid #000000)]
+ RenderText {#text} at (197,34) size 4x21
+ text run at (197,34) width 4: " "
+ RenderText {#text} at (0,0) size 0x0
+layer at (27,85) size 160x160
+ RenderBlock (relative positioned) {DIV} at (19,19) size 160x160 [bgcolor=#808080]
+ RenderText {#text} at (45,0) size 70x41
+ text run at (45,0) width 70: "box1"
+layer at (227,85) size 160x160
+ RenderBlock (relative positioned) {DIV} at (219,19) size 160x160 [bgcolor=#808080]
+ RenderText {#text} at (45,0) size 70x41
+ text run at (45,0) width 70: "box2"
--- /dev/null
+layer at (0,0) size 784x605
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x600
+ RenderBlock {HTML} at (0,0) size 784x600
+ RenderBody {BODY} at (0,0) size 784x600 [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 202x202 [border: (1px solid #000000)]
+ RenderText {#text} at (243,227) size 4x21
+ text run at (243,227) width 4: " "
+ RenderBlock {DIV} at (267,21) size 202x202 [border: (1px solid #000000)]
+ RenderText {#text} at (489,227) size 4x21
+ text run at (489,227) width 4: " "
+ RenderBlock {DIV} at (513,21) size 202x202 [border: (1px solid #000000)]
+ RenderText {#text} at (0,0) size 0x0
+ RenderText {#text} at (0,0) size 0x0
+layer at (30,500) size 343x105
+ RenderBlock (positioned) {DIV} at (30,500) size 343x105
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,0) size 343x21
+ text run at (0,0) width 343: "PASS: event at (120, 128) hit box4 at offset (2, 2)"
+ RenderBR {BR} at (343,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,21) size 334x21
+ text run at (0,21) width 334: "PASS: event at (336, 87) hit box7 at offset (2, 2)"
+ RenderBR {BR} at (334,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,42) size 334x21
+ text run at (0,42) width 334: "PASS: event at (348, 86) hit box8 at offset (2, 2)"
+ RenderBR {BR} at (334,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,63) size 343x21
+ text run at (0,63) width 343: "PASS: event at (582, 87) hit box11 at offset (2, 2)"
+ RenderBR {BR} at (343,79) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,84) size 343x21
+ text run at (0,84) width 343: "PASS: event at (594, 86) hit box12 at offset (2, 2)"
+ RenderBR {BR} at (343,100) size 0x0
+layer at (42,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (104,104) size 100x100
+ RenderBlock (relative positioned) {DIV} at (41,41) size 100x100 [border: (1px solid #000000)]
+layer at (125,125) size 90x90
+ RenderBlock {DIV} at (21,21) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (288,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (309,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (330,84) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (351,85) size 90x90
+ RenderBlock {DIV} at (21,1) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (534,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (555,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 100x100 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (597,85) size 90x90
+ RenderBlock {DIV} at (21,1) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584
+layer at (30,500) size 375x84
+ RenderBlock (positioned) {DIV} at (30,500) size 375x84
+ RenderInline {SPAN} at (0,0) size 330x21 [color=#008000]
+ RenderText {#text} at (0,0) size 330x21
+ text run at (0,0) width 330: "PASS: event at (158, 83) hit card at offset (2, 2)"
+ RenderBR {BR} at (330,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 357x21 [color=#008000]
+ RenderText {#text} at (0,21) size 357x21
+ text run at (0,21) width 357: "PASS: event at (309, 112) hit card at offset (198, 2)"
+ RenderBR {BR} at (357,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 357x21 [color=#008000]
+ RenderText {#text} at (0,42) size 357x21
+ text run at (0,42) width 357: "PASS: event at (158, 338) hit card at offset (2, 198)"
+ RenderBR {BR} at (357,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 375x21 [color=#008000]
+ RenderText {#text} at (0,63) size 375x21
+ text run at (0,63) width 375: "PASS: event at (309, 308) hit card at offset (198, 198)"
+ RenderBR {BR} at (375,79) size 0x0
+layer at (8,8) size 402x402
+ RenderBlock (positioned) {DIV} at (8,8) size 402x402 [border: (1px solid #000000)]
+layer at (59,59) size 302x302
+ RenderBlock (positioned) {DIV} at (51,51) size 302x302 [border: (1px solid #0000FF)]
+layer at (110,110) size 200x200
+ RenderBlock (positioned) {DIV} at (51,51) size 200x200 [bgcolor=#81AA8A]
--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (0,0) size 800x600 [border: (1px solid #000000)]
+ RenderBlock (anonymous) at (1,1) size 798x342
+ RenderBlock {DIV} at (20,20) size 302x302 [border: (1px solid #000000)]
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (1,359) size 798x21
+ RenderText {#text} at (0,0) size 410x21
+ text run at (0,0) width 410: "When hit-testing coplanar elements, document order wins."
+layer at (30,400) size 334x84
+ RenderBlock (positioned) {DIV} at (30,400) size 334x84
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,0) size 325x21
+ text run at (0,0) width 325: "PASS: event at (44, 44) hit box1 at offset (2, 2)"
+ RenderBR {BR} at (325,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,21) size 325x21
+ text run at (0,21) width 325: "PASS: event at (70, 59) hit box2 at offset (2, 2)"
+ RenderBR {BR} at (325,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,42) size 334x21
+ text run at (0,42) width 334: "PASS: event at (70, 101) hit box3 at offset (2, 2)"
+ RenderBR {BR} at (334,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,63) size 334x21
+ text run at (0,63) width 334: "PASS: event at (70, 144) hit box4 at offset (2, 2)"
+ RenderBR {BR} at (334,79) size 0x0
+layer at (42,42) size 260x260
+ RenderBlock (relative positioned) {DIV} at (21,21) size 260x260 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (73,63) size 200x100
+ RenderBlock (positioned) {DIV} at (31,21) size 200x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+layer at (73,103) size 200x100
+ RenderBlock (positioned) {DIV} at (31,61) size 200x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+layer at (73,143) size 200x100
+ RenderBlock (positioned) {DIV} at (31,101) size 200x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
--- /dev/null
+layer at (0,0) size 784x818
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x600
+ RenderBlock {HTML} at (0,0) size 784x600
+ RenderBody {BODY} at (0,0) size 784x600 [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 402x402 [border: (1px solid #000000)]
+ RenderText {#text} at (0,0) size 0x0
+ RenderText {#text} at (0,0) size 0x0
+ RenderText {#text} at (0,0) size 0x0
+layer at (42,42) size 340x340
+ RenderBlock {DIV} at (21,21) size 340x340 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,63) size 300x300
+ RenderBlock {DIV} at (21,21) size 300x300 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (104,104) size 300x300
+ RenderBlock {DIV} at (41,41) size 300x300 [border: (1px solid #000000)]
+layer at (145,145) size 300x300
+ RenderBlock {DIV} at (41,41) size 300x300 [bgcolor=#AA7994] [border: (1px solid #000000)]
+layer at (186,186) size 300x300
+ RenderBlock {DIV} at (41,41) size 300x300 [border: (1px solid #000000)]
+layer at (227,227) size 300x300
+ RenderBlock {DIV} at (41,41) size 300x300 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (268,268) size 300x300
+ RenderBlock {DIV} at (41,41) size 300x300 [border: (1px solid #000000)]
+ RenderBlock {DIV} at (61,61) size 90x90 [bgcolor=#0000FF]
+layer at (30,650) size 379x168
+ RenderBlock (positioned) {DIV} at (30,650) size 379x168
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,0) size 325x21
+ text run at (0,0) width 325: "PASS: event at (45, 45) hit box1 at offset (3, 3)"
+ RenderBR {BR} at (325,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,21) size 325x21
+ text run at (0,21) width 325: "PASS: event at (54, 44) hit box2 at offset (2, 2)"
+ RenderBR {BR} at (325,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,42) size 334x21
+ text run at (0,42) width 334: "PASS: event at (104, 93) hit box3 at offset (2, 2)"
+ RenderBR {BR} at (334,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,63) size 343x21
+ text run at (0,63) width 343: "PASS: event at (175, 137) hit box4 at offset (2, 2)"
+ RenderBR {BR} at (343,79) size 0x0
+ RenderInline {SPAN} at (0,0) size 361x21 [color=#008000]
+ RenderText {#text} at (0,84) size 361x21
+ text run at (0,84) width 361: "PASS: event at (167, 528) hit box4 at offset (2, 296)"
+ RenderBR {BR} at (361,100) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,105) size 343x21
+ text run at (0,105) width 343: "PASS: event at (227, 197) hit box5 at offset (2, 2)"
+ RenderBR {BR} at (343,121) size 0x0
+ RenderInline {SPAN} at (0,0) size 379x21 [color=#008000]
+ RenderText {#text} at (0,126) size 379x21
+ text run at (0,126) width 379: "PASS: event at (539, 569) hit box7 at offset (296, 296)"
+ RenderBR {BR} at (379,142) size 0x0
+ RenderInline {SPAN} at (0,0) size 361x21 [color=#008000]
+ RenderText {#text} at (0,147) size 361x21
+ text run at (0,147) width 361: "PASS: event at (431, 441) hit box8 at offset (85, 85)"
+ RenderBR {BR} at (361,163) size 0x0
--- /dev/null
+layer at (0,0) size 784x689
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x600
+ RenderBlock {HTML} at (0,0) size 784x600
+ RenderBody {BODY} at (0,0) size 784x600 [border: (1px solid #000000)]
+layer at (30,500) size 370x189
+ RenderBlock (positioned) {DIV} at (30,500) size 370x189
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,0) size 325x21
+ text run at (0,0) width 325: "PASS: event at (44, 44) hit box1 at offset (2, 2)"
+ RenderBR {BR} at (325,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,21) size 325x21
+ text run at (0,21) width 325: "PASS: event at (69, 55) hit box2 at offset (2, 2)"
+ RenderBR {BR} at (325,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 361x21 [color=#008000]
+ RenderText {#text} at (0,42) size 361x21
+ text run at (0,42) width 361: "PASS: event at (165, 182) hit box2 at offset (96, 96)"
+ RenderBR {BR} at (361,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,63) size 334x21
+ text run at (0,63) width 334: "PASS: event at (333, 79) hit box7 at offset (2, 2)"
+ RenderBR {BR} at (334,79) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,84) size 343x21
+ text run at (0,84) width 343: "PASS: event at (87, 325) hit box10 at offset (2, 2)"
+ RenderBR {BR} at (343,100) size 0x0
+ RenderInline {SPAN} at (0,0) size 370x21 [color=#008000]
+ RenderText {#text} at (0,105) size 370x21
+ text run at (0,105) width 370: "PASS: event at (196, 467) hit box10 at offset (98, 98)"
+ RenderBR {BR} at (370,121) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,126) size 352x21
+ text run at (0,126) width 352: "PASS: event at (333, 325) hit box13 at offset (2, 2)"
+ RenderBR {BR} at (352,142) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,147) size 352x21
+ text run at (0,147) width 352: "PASS: event at (353, 352) hit box14 at offset (2, 2)"
+ RenderBR {BR} at (352,163) size 0x0
+ RenderInline {SPAN} at (0,0) size 370x21 [color=#008000]
+ RenderText {#text} at (0,168) size 370x21
+ text run at (0,168) width 370: "PASS: event at (472, 507) hit box14 at offset (97, 97)"
+ RenderBR {BR} at (370,184) size 0x0
+layer at (21,21) size 202x202
+ RenderBlock (positioned) {DIV} at (21,21) size 202x202 [border: (1px solid #000000)]
+layer at (42,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+layer at (267,21) size 202x202
+ RenderBlock (positioned) {DIV} at (267,21) size 202x202 [border: (1px solid #000000)]
+layer at (288,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (309,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 100x100 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (21,267) size 202x202
+ RenderBlock (positioned) {DIV} at (21,267) size 202x202 [border: (1px solid #000000)]
+layer at (42,288) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,309) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+layer at (84,330) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (267,267) size 202x202
+ RenderBlock (positioned) {DIV} at (267,267) size 202x202 [border: (1px solid #000000)]
+layer at (288,288) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (309,309) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 100x100 [bgcolor=#C0D69E] [border: (1px solid #000000)]
+layer at (351,351) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#0000FF] [border: (1px solid #000000)]
--- /dev/null
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (0,0) size 800x600 [border: (1px solid #000000)]
+ RenderBlock (anonymous) at (1,1) size 798x342
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (1,359) size 798x21
+ RenderText {#text} at (0,0) size 666x21
+ text run at (0,0) width 666: "The green overlay is translated in Z by 100px, so should hit test in front relative to the blue box."
+layer at (30,400) size 378x84
+ RenderBlock (positioned) {DIV} at (30,400) size 378x84
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,0) size 352x21
+ text run at (0,0) width 352: "PASS: event at (285, 50) hit box2 at offset (198, 2)"
+ RenderBR {BR} at (352,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,21) size 352x21
+ text run at (0,21) width 352: "PASS: event at (174, 108) hit box3 at offset (50, 2)"
+ RenderBR {BR} at (352,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 360x21 [color=#008000]
+ RenderText {#text} at (0,42) size 360x21
+ text run at (0,42) width 360: "PASS: event at (61, 50) hit overlay at offset (39, 28)"
+ RenderBR {BR} at (360,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 378x21 [color=#008000]
+ RenderText {#text} at (0,63) size 378x21
+ text run at (0,63) width 378: "PASS: event at (119, 108) hit overlay at offset (97, 86)"
+ RenderBR {BR} at (378,79) size 0x0
+layer at (21,21) size 302x302
+ RenderBlock (relative positioned) {DIV} at (20,20) size 302x302 [border: (1px solid #000000)]
+layer at (42,42) size 260x260
+ RenderBlock (positioned) {DIV} at (21,21) size 260x260 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (73,63) size 200x200
+ RenderBlock (positioned) {DIV} at (31,21) size 200x200 [bgcolor=#AAAAAA] [border: (1px solid #000000)]
+layer at (124,114) size 100x100
+ RenderBlock (relative positioned) {DIV} at (51,51) size 100x100 [bgcolor=#0000FF]
+layer at (22,22) size 150x300
+ RenderBlock (positioned) {DIV} at (1,1) size 150x300 [bgcolor=#0080004C]
--- /dev/null
+layer at (0,0) size 784x857
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x600
+ RenderBlock {HTML} at (0,0) size 784x600
+ RenderBody {BODY} at (0,0) size 784x600 [border: (1px solid #000000)]
+layer at (30,500) size 370x357
+ RenderBlock (positioned) {DIV} at (30,500) size 370x357
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,0) size 325x21
+ text run at (0,0) width 325: "PASS: event at (44, 44) hit box1 at offset (2, 2)"
+ RenderBR {BR} at (325,16) size 0x0
+ RenderInline {SPAN} at (0,0) size 325x21 [color=#008000]
+ RenderText {#text} at (0,21) size 325x21
+ text run at (0,21) width 325: "PASS: event at (74, 68) hit box2 at offset (2, 2)"
+ RenderBR {BR} at (325,37) size 0x0
+ RenderInline {SPAN} at (0,0) size 361x21 [color=#008000]
+ RenderText {#text} at (0,42) size 361x21
+ text run at (0,42) width 361: "PASS: event at (157, 164) hit box2 at offset (98, 98)"
+ RenderBR {BR} at (361,58) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,63) size 334x21
+ text run at (0,63) width 334: "PASS: event at (320, 68) hit box4 at offset (2, 2)"
+ RenderBR {BR} at (334,79) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,84) size 334x21
+ text run at (0,84) width 334: "PASS: event at (336, 87) hit box5 at offset (2, 2)"
+ RenderBR {BR} at (334,100) size 0x0
+ RenderInline {SPAN} at (0,0) size 334x21 [color=#008000]
+ RenderText {#text} at (0,105) size 334x21
+ text run at (0,105) width 334: "PASS: event at (582, 87) hit box8 at offset (2, 2)"
+ RenderBR {BR} at (334,121) size 0x0
+ RenderInline {SPAN} at (0,0) size 361x21 [color=#008000]
+ RenderText {#text} at (0,126) size 361x21
+ text run at (0,126) width 361: "PASS: event at (658, 174) hit box8 at offset (86, 86)"
+ RenderBR {BR} at (361,142) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,147) size 343x21
+ text run at (0,147) width 343: "PASS: event at (74, 314) hit box10 at offset (2, 2)"
+ RenderBR {BR} at (343,163) size 0x0
+ RenderInline {SPAN} at (0,0) size 343x21 [color=#008000]
+ RenderText {#text} at (0,168) size 343x21
+ text run at (0,168) width 343: "PASS: event at (91, 351) hit box11 at offset (2, 2)"
+ RenderBR {BR} at (343,184) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,189) size 352x21
+ text run at (0,189) width 352: "PASS: event at (320, 314) hit box13 at offset (2, 2)"
+ RenderBR {BR} at (352,205) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,210) size 352x21
+ text run at (0,210) width 352: "PASS: event at (343, 351) hit box14 at offset (2, 2)"
+ RenderBR {BR} at (352,226) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,231) size 352x21
+ text run at (0,231) width 352: "PASS: event at (365, 375) hit box15 at offset (2, 2)"
+ RenderBR {BR} at (352,247) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,252) size 352x21
+ text run at (0,252) width 352: "PASS: event at (566, 314) hit box17 at offset (2, 2)"
+ RenderBR {BR} at (352,268) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,273) size 352x21
+ text run at (0,273) width 352: "PASS: event at (587, 352) hit box18 at offset (2, 2)"
+ RenderBR {BR} at (352,289) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,294) size 352x21
+ text run at (0,294) width 352: "PASS: event at (629, 401) hit box19 at offset (2, 2)"
+ RenderBR {BR} at (352,310) size 0x0
+ RenderInline {SPAN} at (0,0) size 352x21 [color=#008000]
+ RenderText {#text} at (0,315) size 352x21
+ text run at (0,315) width 352: "PASS: event at (653, 422) hit box20 at offset (2, 2)"
+ RenderBR {BR} at (352,331) size 0x0
+ RenderInline {SPAN} at (0,0) size 370x21 [color=#008000]
+ RenderText {#text} at (0,336) size 370x21
+ text run at (0,336) width 370: "PASS: event at (745, 505) hit box20 at offset (86, 87)"
+ RenderBR {BR} at (370,352) size 0x0
+layer at (21,21) size 202x202
+ RenderBlock (positioned) {DIV} at (21,21) size 202x202 [border: (1px solid #000000)]
+layer at (42,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (267,21) size 202x202
+ RenderBlock (positioned) {DIV} at (267,21) size 202x202 [border: (1px solid #000000)]
+layer at (288,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (309,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (513,21) size 202x202
+ RenderBlock (positioned) {DIV} at (513,21) size 202x202 [border: (1px solid #000000)]
+layer at (534,42) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (555,63) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (576,84) size 90x90
+ RenderBlock (relative positioned) {DIV} at (21,21) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (21,267) size 202x202
+ RenderBlock (positioned) {DIV} at (21,267) size 202x202 [border: (1px solid #000000)]
+layer at (42,288) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (63,309) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (104,350) size 100x100
+ RenderBlock (relative positioned) {DIV} at (41,41) size 100x100 [border: (1px solid #000000)]
+layer at (267,267) size 202x202
+ RenderBlock (positioned) {DIV} at (267,267) size 202x202 [border: (1px solid #000000)]
+layer at (288,288) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (309,309) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (350,350) size 100x100
+ RenderBlock (relative positioned) {DIV} at (41,41) size 100x100 [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]
+layer at (513,267) size 202x202
+ RenderBlock (positioned) {DIV} at (513,267) size 202x202 [border: (1px solid #000000)]
+layer at (534,288) size 140x140
+ RenderBlock {DIV} at (21,21) size 140x140 [bgcolor=#DDDDDD] [border: (1px solid #000000)]
+layer at (555,309) size 100x100
+ RenderBlock (relative positioned) {DIV} at (21,21) size 100x100 [bgcolor=#81AA8A] [border: (1px solid #000000)]
+layer at (596,350) size 100x100
+ RenderBlock (relative positioned) {DIV} at (41,41) size 100x100 [border: (1px solid #000000)]
+layer at (637,391) size 100x100
+ RenderBlock (relative positioned) {DIV} at (41,41) size 100x100 [bgcolor=#AA7994] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (21,21) size 90x90 [bgcolor=#0000FF] [border: (1px solid #000000)]