layer at (0,0) size 785x756
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x756
  RenderBlock {HTML} at (0,0) size 785x755.88
    RenderBody {BODY} at (8,21.44) size 769x118.44
      RenderBlock {H1} at (0,0) size 769x37
        RenderText {#text} at (0,0) size 387x36
          text run at (0,0) width 387: "Image optimisation in layers"
      RenderBlock {P} at (0,58.44) size 769x60
        RenderText {#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 "
        RenderInline {A} at (0,0) size 291x19 [color=#0000EE]
          RenderText {#text} at (379,40) size 291x19
            text run at (379,40) width 291: "https://bugs.webkit.org/show_bug.cgi?id=23361"
        RenderText {#text} at (0,0) size 0x0
      RenderBlock (floating) {DIV} at (0,134.44) size 260x200
        RenderText {#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"
      RenderBlock (floating) {DIV} at (260,134.44) size 260x200
        RenderText {#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"
      RenderBlock (floating) {DIV} at (0,334.44) size 260x200
        RenderText {#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"
      RenderBlock (floating) {DIV} at (260,334.44) size 260x200
        RenderText {#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"
      RenderBlock (floating) {DIV} at (0,534.44) size 260x200
        RenderText {#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"
      RenderBlock (floating) {DIV} at (260,534.44) size 260x200
        RenderText {#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
  RenderImage {IMG} at (0,0) size 150x150
layer at (268,156) size 160x160
  RenderImage {IMG} at (0,0) size 160x160 [border: (5px solid #0000FF)]
layer at (13,361) size 150x150
  RenderImage {IMG} at (5,5) size 150x150
layer at (268,356) size 150x150
  RenderImage {IMG} at (0,0) size 150x150 [bgcolor=#808080]
layer at (8,556) size 150x150
  RenderImage {IMG} at (0,0) size 150x150 [bgcolor=#FFA500]
layer at (268,556) size 150x150
  RenderImage {IMG} at (0,0) size 150x150