| layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 756 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 785x756 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow {HTML} at (0,0) size 785x755.88 |
| LayoutBlockFlow {BODY} at (8,21.44) size 769x118.44 |
| LayoutBlockFlow {H1} at (0,0) size 769x37 |
| LayoutText {#text} at (0,0) size 387x36 |
| text run at (0,0) width 387: "Image optimisation in layers" |
| LayoutBlockFlow {P} at (0,58.44) size 769x60 |
| LayoutText {#text} at (0,0) size 747x59 |
| text run at (0,0) width 564: "This test exercises direct compositing of images with hardware acceleration. The visual results " |
| text run at (564,0) width 30: "using" |
| text run at (0,20) width 641: "ACCELERATED_COMPOSITING and regular TOT should be identical. Running this test manually with " |
| text run at (641,20) width 106: "the correct debug" |
| text run at (0,40) width 379: "options will show which elements are directly composited. See " |
| LayoutInline {A} at (0,0) size 291x19 [color=#0000EE] |
| LayoutText {#text} at (379,40) size 291x19 |
| text run at (379,40) width 291: "https://bugs.webkit.org/show_bug.cgi?id=23361" |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutBlockFlow (floating) {DIV} at (0,134.44) size 260x200 |
| LayoutText {#text} at (150,0) size 101x79 |
| text run at (150,0) width 101: "Basic image - no" |
| text run at (150,20) width 81: "style - can be" |
| text run at (150,40) width 44: "directly" |
| text run at (150,60) width 70: "composited" |
| LayoutBlockFlow (floating) {DIV} at (260,134.44) size 260x200 |
| LayoutText {#text} at (160,0) size 97x79 |
| text run at (160,0) width 97: "5px blue border" |
| text run at (160,20) width 87: "- can NOT be" |
| text run at (160,40) width 44: "directly" |
| text run at (160,60) width 70: "composited" |
| LayoutBlockFlow (floating) {DIV} at (0,334.44) size 260x200 |
| LayoutText {#text} at (160,0) size 100x59 |
| text run at (160,0) width 75: "margin - can" |
| text run at (160,20) width 100: "NOT be directly" |
| text run at (160,40) width 70: "composited" |
| LayoutBlockFlow (floating) {DIV} at (260,334.44) size 260x200 |
| LayoutText {#text} at (150,0) size 104x59 |
| text run at (150,0) width 104: "solid background" |
| text run at (150,20) width 98: "- can be directly" |
| text run at (150,40) width 70: "composited" |
| LayoutBlockFlow (floating) {DIV} at (0,534.44) size 260x200 |
| LayoutText {#text} at (150,0) size 107x79 |
| text run at (150,0) width 72: "background" |
| text run at (150,20) width 107: "image - can NOT" |
| text run at (150,40) width 63: "be directly" |
| text run at (150,60) width 70: "composited" |
| LayoutBlockFlow (floating) {DIV} at (260,534.44) size 260x200 |
| LayoutText {#text} at (150,0) size 108x79 |
| text run at (150,0) width 66: "rotated but" |
| text run at (150,20) width 108: "otherwise no style" |
| text run at (150,40) width 98: "- can be directly" |
| text run at (150,60) width 70: "composited" |
| layer at (8,156) size 150x150 |
| LayoutImage (floating) {IMG} at (0,0) size 150x150 |
| layer at (268,156) size 160x160 |
| LayoutImage (floating) {IMG} at (0,0) size 160x160 [border: (5px solid #0000FF)] |
| layer at (13,361) size 150x150 |
| LayoutImage (floating) {IMG} at (5,5) size 150x150 |
| layer at (268,356) size 150x150 |
| LayoutImage (floating) {IMG} at (0,0) size 150x150 [bgcolor=#808080] |
| layer at (8,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutImage (floating) {IMG} at (0,0) size 150x150 [bgcolor=#FFA500] |
| layer at (268,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutImage (floating) {IMG} at (0,0) size 150x150 |
