pointer-events-image-css-transform-expected.txt

layer at (0,0) size 800x600

  RenderView at (0,0) size 800x600

layer at (0,0) size 800x600

  RenderSVGRoot {svg} at (0,6) size 549x587

    RenderSVGText {text} at (110,6) size 107x18 contains 1 chunk(s)

      RenderSVGInlineText {#text} at (0,0) size 107x18

        chunk 1 text run 1 at (110.00,20.00) startOffset 0 endOffset 19 width 107.00: "Visibility: visible"

    RenderSVGText {text} at (340,6) size 109x18 contains 1 chunk(s)

      RenderSVGInlineText {#text} at (0,0) size 109x18

        chunk 1 text run 1 at (340.00,20.00) startOffset 0 endOffset 18 width 109.00: "Visibility: hidden"

    RenderSVGContainer {g} at (0,30) size 549x563

      RenderSVGText {text} at (0,46) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (0.00,60.00) startOffset 0 endOffset 4 width 27.00: "auto"

      RenderSVGImage {image} at (100,30) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,30) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,30) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,30) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,30) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,30) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,30) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,30) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,103) size 88x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 88x18

          chunk 1 text run 1 at (0.00,117.00) startOffset 0 endOffset 14 width 88.00: "visiblePainted"

      RenderSVGImage {image} at (100,86) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,86) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,86) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,86) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,86) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,86) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,86) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,86) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,160) size 62x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 62x18

          chunk 1 text run 1 at (0.00,174.00) startOffset 0 endOffset 11 width 62.00: "visibleFill"

      RenderSVGImage {image} at (100,144) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,144) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,144) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,144) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,144) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,144) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,144) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,144) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,217) size 82x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 82x18

          chunk 1 text run 1 at (0.00,231.00) startOffset 0 endOffset 13 width 82.00: "visibleStroke"

      RenderSVGImage {image} at (100,200) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,200) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,200) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,200) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,200) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,200) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,200) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,200) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,274) size 41x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 41x18

          chunk 1 text run 1 at (0.00,288.00) startOffset 0 endOffset 7 width 41.00: "visible"

      RenderSVGImage {image} at (100,258) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,258) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,258) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,258) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,258) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,258) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,258) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,258) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,331) size 46x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 46x18

          chunk 1 text run 1 at (0.00,345.00) startOffset 0 endOffset 7 width 46.00: "painted"

      RenderSVGImage {image} at (100,314) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,314) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,314) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,314) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,314) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (384,314) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (442,314) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (498,314) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,388) size 17x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 17x18

          chunk 1 text run 1 at (0.00,402.00) startOffset 0 endOffset 4 width 17.00: "fill"

      RenderSVGImage {image} at (100,372) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,372) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,372) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,372) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,372) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (384,372) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (442,372) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (498,372) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,445) size 38x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 38x18

          chunk 1 text run 1 at (0.00,459.00) startOffset 0 endOffset 6 width 38.00: "stroke"

      RenderSVGImage {image} at (100,428) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,428) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,428) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,428) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,428) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (384,428) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (442,428) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (498,428) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,502) size 15x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 15x18

          chunk 1 text run 1 at (0.00,516.00) startOffset 0 endOffset 3 width 15.00: "all"

      RenderSVGImage {image} at (100,486) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (156,486) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (214,486) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (270,486) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (328,486) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (384,486) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (442,486) size 50x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGImage {image} at (498,486) size 52x50 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,559) size 31x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 31x18

          chunk 1 text run 1 at (0.00,573.00) startOffset 0 endOffset 4 width 31.00: "none"

      RenderSVGImage {image} at (100,542) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (105,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (105.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (156,542) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (162,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (162.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (214,542) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (219,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (219.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (270,542) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (276,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (276.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (328,542) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (333,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (384,542) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (390,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (442,542) size 50x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (447,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGImage {image} at (498,542) size 52x52 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

      RenderSVGText {text} at (504,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

caret: position 18 of child 0 {#text} of child 5 {text} of child 1 {svg} of document

LayoutTests/platform/mac/svg/custom/pointer-events-text-css-transform-expected.png

Added

40dafdd259b0309b30d4ce0d535c7021

LayoutTests/platform/mac/svg/custom/pointer-events-text-css-transform-expected.txt

layer at (0,0) size 800x600

  RenderView at (0,0) size 800x600

layer at (0,0) size 800x600

  RenderSVGRoot {svg} at (0,6) size 532x580

    RenderSVGText {text} at (110,6) size 107x18 contains 1 chunk(s)

      RenderSVGInlineText {#text} at (0,0) size 107x18

        chunk 1 text run 1 at (110.00,20.00) startOffset 0 endOffset 19 width 107.00: "Visibility: visible"

    RenderSVGText {text} at (340,6) size 109x18 contains 1 chunk(s)

      RenderSVGInlineText {#text} at (0,0) size 109x18

        chunk 1 text run 1 at (340.00,20.00) startOffset 0 endOffset 18 width 109.00: "Visibility: hidden"

    RenderSVGContainer {g} at (0,22) size 532x564

      RenderSVGText {text} at (0,46) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (0.00,60.00) startOffset 0 endOffset 4 width 27.00: "auto"

      RenderSVGText {text} at (50,12) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (50.00,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (105.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (78,12) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (78.50,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,12) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (107.00,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,12) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (135.50,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,36) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,50.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,12) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (164.00,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,12) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (192.50,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,12) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (221.00,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,12) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (249.50,30.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,36) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,50.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,103) size 88x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 88x18

          chunk 1 text run 1 at (0.00,117.00) startOffset 0 endOffset 14 width 88.00: "visiblePainted"

      RenderSVGText {text} at (50,40) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (50.00,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (105.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (78,40) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (78.50,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,40) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (107.00,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,40) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (135.50,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,93) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,107.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,40) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (164.00,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,40) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (192.50,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,40) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (221.00,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,40) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (249.50,58.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,93) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,107.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,160) size 62x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 62x18

          chunk 1 text run 1 at (0.00,174.00) startOffset 0 endOffset 11 width 62.00: "visibleFill"

      RenderSVGText {text} at (50,69) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (50.00,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,69) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (78.50,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,69) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (107.00,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,69) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (135.50,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,150) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,164.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,69) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (164.00,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,69) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (192.50,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,69) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (221.00,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,69) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (249.50,87.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,150) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,164.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,217) size 82x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 82x18

          chunk 1 text run 1 at (0.00,231.00) startOffset 0 endOffset 13 width 82.00: "visibleStroke"

      RenderSVGText {text} at (50,97) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (50.00,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,97) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (78.50,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,97) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (107.00,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,97) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (135.50,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,207) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,221.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,97) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (164.00,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,97) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (192.50,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,97) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (221.00,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,97) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (249.50,115.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,207) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,221.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,274) size 41x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 41x18

          chunk 1 text run 1 at (0.00,288.00) startOffset 0 endOffset 7 width 41.00: "visible"

      RenderSVGText {text} at (50,126) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (50.00,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,126) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (78.50,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,126) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (107.00,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,126) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (135.50,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,264) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,278.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,126) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (164.00,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,126) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (192.50,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,126) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (221.00,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,126) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (249.50,144.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,264) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,278.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (0,331) size 46x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 46x18

          chunk 1 text run 1 at (0.00,345.00) startOffset 0 endOffset 7 width 46.00: "painted"

      RenderSVGText {text} at (50,154) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (50.00,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,321) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (105.00,335.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (78,154) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (78.50,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,154) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (107.00,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,154) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (135.50,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,154) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (164.00,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,321) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,335.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,154) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (192.50,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (221,154) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (221.00,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (249,154) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (249.50,172.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,321) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,335.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,388) size 17x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 17x18

          chunk 1 text run 1 at (0.00,402.00) startOffset 0 endOffset 4 width 17.00: "fill"

      RenderSVGText {text} at (50,183) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (50.00,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,183) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (78.50,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,183) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (107.00,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,183) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (135.50,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,183) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (164.00,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (192,183) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (192.50,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (221,183) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (221.00,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (249,183) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (249.50,201.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,378) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,392.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,445) size 38x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 38x18

          chunk 1 text run 1 at (0.00,459.00) startOffset 0 endOffset 6 width 38.00: "stroke"

      RenderSVGText {text} at (50,211) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (50.00,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,211) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (78.50,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,211) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (107.00,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,211) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (135.50,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,211) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (164.00,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (192,211) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (192.50,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (221,211) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (221.00,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (249,211) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (249.50,229.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,435) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,449.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,502) size 15x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 15x18

          chunk 1 text run 1 at (0.00,516.00) startOffset 0 endOffset 3 width 15.00: "all"

      RenderSVGText {text} at (50,240) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (50.00,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (105.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (78,240) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (78.50,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (162.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (107,240) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (107.00,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (219.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (135,240) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (135.50,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (276.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (164,240) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (164.00,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (333.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (192,240) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (192.50,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (390.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (221,240) size 10x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x23

          chunk 1 text run 1 at (221.00,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (447.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (249,240) size 11x23 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x23

          chunk 1 text run 1 at (249.50,258.00) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,492) size 27x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 27x18

          chunk 1 text run 1 at (504.00,506.00) startOffset 0 endOffset 3 width 27.00: "HIT"

      RenderSVGText {text} at (0,559) size 31x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 31x18

          chunk 1 text run 1 at (0.00,573.00) startOffset 0 endOffset 4 width 31.00: "none"

      RenderSVGText {text} at (50,268) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (50.00,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (105,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (105.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (78,268) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (78.50,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (162,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (162.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (107,268) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (107.00,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (219,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (219.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (135,268) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (135.50,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (276,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (276.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (164,268) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (164.00,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (333,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (333.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (192,268) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (192.50,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (390,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (390.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (221,268) size 10x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 10x24

          chunk 1 text run 1 at (221.00,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (447,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (447.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

      RenderSVGText {text} at (249,268) size 11x24 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 11x24

          chunk 1 text run 1 at (249.50,286.50) startOffset 0 endOffset 1 width 10.00: "#"

      RenderSVGText {text} at (504,549) size 28x18 contains 1 chunk(s)

        RenderSVGInlineText {#text} at (0,0) size 28x18

          chunk 1 text run 1 at (504.00,563.00) startOffset 0 endOffset 4 width 28.00: "miss"

caret: position 18 of child 0 {#text} of child 5 {text} of child 1 {svg} of document

LayoutTests/platform/mac/svg/dom/css-transforms-expected.png

Added

540a6aa818338701cb9ba75cf44c66d0

LayoutTests/platform/mac/svg/dynamic-updates/SVG-dynamic-css-transform-expected.png

Added

899f63decc86d05c0d6bef5f8b89d369

LayoutTests/platform/mac/svg/dynamic-updates/SVGClipPathElement-css-transform-influences-hitTesting-expected.png

Added

886c69ee4d86c446823f794432c2ac9f

LayoutTests/platform/mac/svg/transforms/svg-css-transforms-clip-path-expected.png

Added

56e54a8319f3b18e9dfd2e8a98adf5a5

LayoutTests/platform/mac/svg/transforms/svg-css-transforms-clip-path-expected.txt

layer at (0,0) size 800x600

  RenderView at (0,0) size 800x600

layer at (0,0) size 800x578

  RenderBlock {html} at (0,0) size 800x578

    RenderBody {body} at (8,8) size 784x562

      RenderBlock {div} at (10,10) size 220x542

        RenderBlock {h2} at (0,19) size 220x28

          RenderText {#text} at (0,0) size 154x28

            text run at (0,0) width 154: "SVG CSS scale"

        RenderBlock {h2} at (0,285) size 220x28

          RenderText {#text} at (0,0) size 105x28

            text run at (0,0) width 105: "SVG scale"

      RenderText {#text} at (240,0) size 4x18

        text run at (240,0) width 4: " "

      RenderBlock {div} at (254,10) size 220x542

        RenderBlock {h2} at (0,19) size 220x28

          RenderText {#text} at (0,0) size 211x28

            text run at (0,0) width 211: "SVG CSS compound"

        RenderBlock {h2} at (0,285) size 220x28

          RenderText {#text} at (0,0) size 162x28

            text run at (0,0) width 162: "SVG compound"

      RenderText {#text} at (0,0) size 0x0

layer at (28,84) size 200x200

  RenderBlock (relative positioned) {div} at (10,66) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (39,95) size 140x140

      RenderSVGHiddenContainer {defs} at (0,0) size 0x0

        RenderSVGPath {circle} at (29,85) size 150x150 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]

        RenderSVGResourceClipper {clipPath} [id="clip-circle1"] [clipPathUnits=userSpaceOnUse]

          RenderSVGContainer {use} at (29,85) size 150x150

            RenderSVGContainer {g} at (29,85) size 150x150

              RenderSVGPath {circle} at (29,85) size 150x150 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]

      RenderSVGPath {rect} at (39,95) size 140x140 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]

        [clipPath="clip-circle1"] RenderSVGResourceClipper {clipPath} at (-50,-50) size 200x200

    RenderText {#text} at (0,0) size 0x0

layer at (28,350) size 200x200

  RenderBlock (relative positioned) {div} at (10,332) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (39,361) size 140x140

      RenderSVGHiddenContainer {defs} at (0,0) size 0x0

        RenderSVGPath {circle} at (29,351) size 150x150 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]

        RenderSVGResourceClipper {clipPath} [id="clip-circle2"] [clipPathUnits=userSpaceOnUse]

          RenderSVGContainer {use} at (29,351) size 150x150

            RenderSVGContainer {g} at (29,351) size 150x150

              RenderSVGPath {circle} at (29,351) size 150x150 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]

      RenderSVGPath {rect} at (39,361) size 140x140 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]

        [clipPath="clip-circle2"] RenderSVGResourceClipper {clipPath} at (-50,-50) size 200x200

    RenderText {#text} at (0,0) size 0x0

layer at (272,84) size 200x200

  RenderBlock (relative positioned) {div} at (10,66) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (283,95) size 132x188

      RenderSVGHiddenContainer {defs} at (0,0) size 0x0

        RenderSVGPath {rect} at (273,92) size 142x191 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]

        RenderSVGResourceClipper {clipPath} [id="clip-rect1"] [clipPathUnits=userSpaceOnUse]

          RenderSVGContainer {use} at (273,92) size 142x191

            RenderSVGContainer {g} at (273,92) size 142x191

              RenderSVGPath {rect} at (273,92) size 142x191 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]

      RenderSVGPath {rect} at (283,95) size 132x188 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]

        [clipPath="clip-rect1"] RenderSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84

    RenderText {#text} at (0,0) size 0x0

layer at (272,350) size 200x200

  RenderBlock (relative positioned) {div} at (10,332) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (283,361) size 132x188

      RenderSVGHiddenContainer {defs} at (0,0) size 0x0

        RenderSVGPath {rect} at (273,358) size 142x191 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]

        RenderSVGResourceClipper {clipPath} [id="clip-rect2"] [clipPathUnits=userSpaceOnUse]

          RenderSVGContainer {use} at (273,358) size 142x191

            RenderSVGContainer {g} at (273,358) size 142x191

              RenderSVGPath {rect} at (273,358) size 142x191 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]

      RenderSVGPath {rect} at (283,361) size 132x188 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]

        [clipPath="clip-rect2"] RenderSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84

    RenderText {#text} at (0,0) size 0x0

LayoutTests/platform/mac/svg/transforms/svg-css-transforms-expected.png

Added

a1f0137407d89f7a26bcb536b624bf1f

LayoutTests/platform/mac/svg/transforms/svg-css-transforms-expected.txt

layer at (0,0) size 800x600

  RenderView at (0,0) size 800x600

layer at (0,0) size 800x578

  RenderBlock {html} at (0,0) size 800x578

    RenderBody {body} at (8,8) size 784x562

      RenderBlock {div} at (10,10) size 220x542

        RenderBlock {h2} at (0,19) size 220x28

          RenderText {#text} at (0,0) size 120x28

            text run at (0,0) width 120: "SVG nested"

        RenderBlock {h2} at (0,285) size 220x28

          RenderText {#text} at (0,0) size 114x28

            text run at (0,0) width 114: "CSS nested"

      RenderText {#text} at (240,0) size 4x18

        text run at (240,0) width 4: " "

      RenderBlock {div} at (254,10) size 220x542

        RenderBlock {h2} at (0,19) size 220x28

          RenderText {#text} at (0,0) size 162x28

            text run at (0,0) width 162: "SVG compound"

        RenderBlock {h2} at (0,285) size 220x28

          RenderText {#text} at (0,0) size 156x28

            text run at (0,0) width 156: "CSS compound"

      RenderText {#text} at (0,0) size 0x0

layer at (28,84) size 200x200

  RenderBlock (relative positioned) {div} at (10,66) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (29,108) size 196x174

      RenderSVGContainer {g} at (29,108) size 196x174 [transform={m=((1.00,0.00)(0.00,1.00)) t=(75.00,25.00)}]

        RenderSVGPath {rect} at (103,109) size 62x62 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]

        RenderSVGContainer {g} at (29,108) size 197x174 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]

          RenderSVGPath {rect} at (102,108) size 124x124 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]

          RenderSVGPath {rect} at (29,106) size 163x178 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,0.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]

    RenderText {#text} at (0,0) size 0x0

layer at (28,350) size 200x200

  RenderBlock (relative positioned) {div} at (10,332) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

layer at (29,351) size 60x60

  RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]

layer at (30,352) size 60x60

  RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]

layer at (31,353) size 60x60

  RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]

layer at (272,84) size 200x200

  RenderBlock (relative positioned) {div} at (10,66) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

    RenderSVGRoot {svg} at (273,108) size 162x174

      RenderSVGPath {rect} at (273,107) size 163x176 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]

    RenderText {#text} at (0,0) size 0x0

layer at (272,350) size 200x200

  RenderBlock (relative positioned) {div} at (10,332) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]

layer at (273,351) size 60x60

  RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]

LayoutTests/svg/clip-path/clip-path-css-transform-1.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>

<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="-webkit-transform: scale(10) translate(2px, 2px)">

  <circle cx="10" cy="10" r="10"/>

  <!-- second circle causes masking -->

  <circle cx="10" cy="10" r="10"/>

</clipPath>

</defs>

<circle cx="120" cy="120" r="99" fill="red"/>

<a xlink:href="#"><rect width="220" height="220" fill="green" clip-path="url(#clip)"/></a>

</svg>

LayoutTests/svg/clip-path/clip-path-css-transform-2.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>

<clipPath id="clip" clipPathUnits="userSpaceOnUse" style="-webkit-transform: scale(10) translate(2px, 2px) ">

  <circle cx="10" cy="10" r="10"/>

</clipPath>

</defs>

<circle cx="120" cy="120" r="99" fill="red"/>

<a xlink:href="#"><rect width="220" height="220" fill="green" clip-path="url(#clip)"/></a>

</svg>

LayoutTests/svg/custom/clip-path-with-css-transform-1.svg

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>

    <clipPath id="myclip">

        <path style="-webkit-transform: scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/>

    </clipPath>

</defs>

<g  clip-path="url(#myclip)">

<rect x="0" y="0" width="200" height="200" fill="red"/>

<rect x="0" y="0" width="100" height="100" fill="green"/>

</g>

</svg>

LayoutTests/svg/custom/clip-path-with-css-transform-2.svg

<svg xmlns="http://www.w3.org/2000/svg" 

     xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>

  <clipPath id="myclip">

    <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.5)"/>

    <!-- second rect causes masking -->

    <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.5)"/>

  </clipPath>

</defs>

<g  clip-path="url(#myclip)">

  <rect x="0" y="0" width="200" height="200" fill="red"/>

  <rect x="0" y="0" width="100" height="100" fill="green"/>

</g>

</svg>

LayoutTests/svg/custom/pointer-events-image-css-transform.svg

<?xml version="1.0"?>

<!-- This a 1-1 copy of pointer-events-image.svg tests with the addition of -webkit-transform -->

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink" onload="fillTestContent()">

  <script type="text/javascript">

  <![CDATA[

    if (window.layoutTestController)

        layoutTestController.waitUntilDone();

    var visibleValues = [ 'visible', 'hidden' ];

    var fillValues = ['none', 'orange' ];

    var strokeValues = ['none', 'blue' ];

    var pointerEventsValues = ['auto', 'visiblePainted', 'visibleFill', 'visibleStroke', 'visible', 'painted', 'fill', 'stroke', 'all', 'none'];

    var leftEdge = 100;

    var topEdge = 30;

    var rectSpacing = 57;

    var svgNS = "http://www.w3.org/2000/svg";

    function clickHit(event, identifierString) {

      var fillText = document.getElementById('fill-text' + identifierString);

      fillText.textContent = 'HIT';

    }

    function fillTestContent() {    

      var xOffset = leftEdge;

      var yOffset = topEdge;

      var testContent = document.getElementById("test-content");

      for (var pi = 0; pi < pointerEventsValues.length; pi++) {

        var eventLabel = document.createElementNS(svgNS, 'text');

        eventLabel.setAttribute('x', 0);

        eventLabel.setAttribute('y', yOffset + 30);

        eventLabel.textContent = pointerEventsValues[pi];

        testContent.appendChild(eventLabel);

        for (var vi = 0; vi < visibleValues.length; vi++) {

          for (var fi = 0; fi < fillValues.length; fi++) {

            for (var si = 0; si < strokeValues.length; si++) {

              var identString = "_" + pi + "_" + vi + "_" + fi + "_" + si;

              var img = document.createElementNS(svgNS, 'image');

              img.setAttributeNS("http://www.w3.org/1999/xlink", 'href', 'resources/red-checker.png');

              img.setAttribute('x', xOffset/2);

              img.setAttribute('y', yOffset/2);

              img.setAttribute('width', 25);

              img.setAttribute('height', 25);

              img.setAttribute('visibility', visibleValues[vi]);

              img.setAttribute('fill', fillValues[fi]);

              img.setAttribute('stroke', strokeValues[si]);

              img.setAttribute('pointer-events', pointerEventsValues[pi]);

              img.setAttribute('style', "-webkit-transform: scale(2)");

              img.setAttribute('onclick', 'clickHit(evt, "' + identString + '")');

              testContent.appendChild(img);

              var fillText = document.createElementNS(svgNS, 'text');

              fillText.setAttribute('x', xOffset + 5);

              fillText.setAttribute('y', yOffset + 20);

              fillText.textContent = "miss";

              fillText.setAttribute('id', 'fill-text' + identString);

              fillText.setAttribute('pointer-events', 'none');

              testContent.appendChild(fillText);

              if (window.eventSender) {

                // Fill click

                eventSender.mouseMoveTo(xOffset + 30, yOffset + 30);

                eventSender.mouseDown();

                eventSender.mouseUp();

              }

              xOffset += rectSpacing;

            }

          }

        }

        xOffset = leftEdge;

        yOffset += rectSpacing;

      }

      if (window.layoutTestController)

        layoutTestController.notifyDone();

    }

  ]]>

  </script>

  <text x="110" y="20">Visibility: visible</text>

  <text x="340" y="20">Visibility: hidden</text>

  <g id="test-content"/>

</svg>

LayoutTests/svg/custom/pointer-events-text-css-transform.svg

<?xml version="1.0"?>

<!-- This a 1-1 copy of pointer-events-text.svg tests with the addition of -webkit-transform -->

<svg xmlns="http://www.w3.org/2000/svg" onload="fillTestContent()">

  <script type="text/javascript">

  <![CDATA[

    if (window.layoutTestController)

        layoutTestController.waitUntilDone();

    var visibleValues = [ 'visible', 'hidden' ];

    var fillValues = ['none', 'orange' ];

    var strokeValues = ['none', 'blue' ];

    var pointerEventsValues = ['auto', 'visiblePainted', 'visibleFill', 'visibleStroke', 'visible', 'painted', 'fill', 'stroke', 'all', 'none'];

    var leftEdge = 100;

    var topEdge = 30;

    var rectSpacing = 57;

    var svgNS = "http://www.w3.org/2000/svg";

    function clickHit(event, identifierString) {

      var fillText = document.getElementById('fill-text' + identifierString);

      fillText.textContent = 'HIT';

    }

    function fillTestContent() {    

      var xOffset = leftEdge;

      var yOffset = topEdge;

      var testContent = document.getElementById("test-content");

      for (var pi = 0; pi < pointerEventsValues.length; pi++) {

        var eventLabel = document.createElementNS(svgNS, 'text');

        eventLabel.setAttribute('x', 0);

        eventLabel.setAttribute('y', yOffset + 30);

        eventLabel.textContent = pointerEventsValues[pi];

        testContent.appendChild(eventLabel);

        for (var vi = 0; vi < visibleValues.length; vi++) {

          for (var fi = 0; fi < fillValues.length; fi++) {

            for (var si = 0; si < strokeValues.length; si++) {

              var identString = "_" + pi + "_" + vi + "_" + fi + "_" + si;

              var txt = document.createElementNS(svgNS, 'text');

              txt.setAttribute('x', xOffset/2);

              txt.setAttribute('y', yOffset/2 + 15);

              txt.setAttribute('font-size', 20);

              txt.setAttribute('visibility', visibleValues[vi]);

              txt.setAttribute('fill', fillValues[fi]);

              txt.setAttribute('stroke', strokeValues[si]);

              txt.setAttribute('pointer-events', pointerEventsValues[pi]);

              txt.setAttribute('style', "-webkit-transform: scale(2)");

              txt.setAttribute('onclick', 'clickHit(evt, "' + identString + '")');

              txt.appendChild(document.createTextNode("#"));

              testContent.appendChild(txt);

              var fillText = document.createElementNS(svgNS, 'text');

              fillText.setAttribute('x', xOffset + 5);

              fillText.setAttribute('y', yOffset + 20);

              fillText.textContent = "miss";

              fillText.setAttribute('id', 'fill-text' + identString);

              fillText.setAttribute('pointer-events', 'none');

              testContent.appendChild(fillText);

              if (window.eventSender) {

                // Cell click

                eventSender.mouseMoveTo(xOffset + 5, yOffset);

                eventSender.mouseDown();

                eventSender.mouseUp();

              }

              xOffset += rectSpacing;

            }

          }

        }

        xOffset = leftEdge;

        yOffset += rectSpacing;

      }

      if (window.layoutTestController)

        layoutTestController.notifyDone();

    }

  ]]>

  </script>

  <text x="110" y="20">Visibility: visible</text>

  <text x="340" y="20">Visibility: hidden</text>

  <g id="test-content"/>

</svg>

LayoutTests/svg/dom/css-transforms-expected.txt

 
This is a test of precedency between CSS and SVG transform

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".

Also, to pass the test, the rectangle should be rotated with 45deg

Test SVGTransformList interface

PASS circle.transform.baseVal.numberOfItems is 0

PASS circle.getAttribute('transform') is null

PASS rect.transform.baseVal.numberOfItems is 2

PASS rect.getAttribute('transform') is "translate(1000, 1000) rotate(90)"

PASS dumpTransform(rect.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"

PASS dumpTransform(rect.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]"

Test SVGLocatable interface

PASS dumpMatrix(circle.getCTM()) is "[2.0 0.0 0.0 2.0 20.0 20.0]"

PASS dumpMatrix(circle.getScreenCTM()) is "[2.0 0.0 0.0 2.0 28.0 28.0]"

PASS dumpRect(circle.getBBox()) is "[0 0 80 80]"

PASS dumpMatrix(circle.getTransformToElement(circle)) is "[1.0 0.0 0.0 1.0 0.0 0.0]"

PASS dumpMatrix(rect.getCTM()) is "[0.7 0.7 -0.7 0.7 100.0 0.0]"

PASS dumpMatrix(rect.getScreenCTM()) is "[0.7 0.7 -0.7 0.7 312.0 8.0]"

PASS dumpRect(rect.getBBox()) is "[40 40 100 100]"

PASS dumpMatrix(rect.getTransformToElement(rect)) is "[1.0 0.0 0.0 1.0 0.0 0.0]"

Test CSSMatrix

PASS circle.style.webkitTransform is "scale(2, 2) translate(10px, 10px)"

PASS dumpMatrix(new WebKitCSSMatrix(circle.style.webkitTransform)) is "[2.0 0.0 0.0 2.0 20.0 20.0]"

PASS rect.style.webkitTransform is "translate(100px) rotate(45deg)"

PASS dumpMatrix(new WebKitCSSMatrix(rect.style.webkitTransform)) is "[0.7 0.7 -0.7 0.7 100.0 0.0]"

PASS dumpMatrix(new WebKitCSSMatrix(circle.style.webkitTransform)) is dumpMatrix(circle.getCTM())

PASS dumpMatrix(new WebKitCSSMatrix(rect.style.webkitTransform)) is dumpMatrix(rect.getCTM())

PASS successfullyParsed is true

TEST COMPLETE

LayoutTests/svg/dom/css-transforms.xhtml

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css"/>

<script>window.enablePixelTesting = true;</script>

<script src="../../fast/js/resources/js-test-pre.js"></script>

</head>

<body>

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">

  <circle id="circle" cx="40" cy="40" r="40" fill="green" style="-webkit-transform: scale(2, 2) translate(10px, 10px)"/>

</svg>

<svg id="svg2" xmlns="http://www.w3.org/2000/svg" width="200" height="200">

    <rect id="rect" x="40" y="40" height="100" width="100" fill="green" transform="translate(1000, 1000) rotate(90)" style="-webkit-transform: translate(100px) rotate(45deg)"/>

</svg>

<p id="description"></p>

<p>Also, to pass the test, the rectangle should be rotated with 45deg</p>

<div id="console"></div>

<script type="text/javascript">

<![CDATA[

  description("This is a test of precedency between CSS and SVG transform");

  function dumpRect(r) {

    return "[" + r.x

          + " " + r.y

          + " " + r.width 

          + " " + r.height

          + "]";

  }

  function dumpMatrix(matrix) {

    return "[" + matrix.a.toFixed(1)

          + " " + matrix.b.toFixed(1)

          + " " + matrix.c.toFixed(1)

          + " " + matrix.d.toFixed(1)

          + " " + matrix.e.toFixed(1)

          + " " + matrix.f.toFixed(1)

          + "]";

  }

  function dumpTransform(transform) {

    var transformTypes = {

      "0": "SVG_TRANSFORM_UNKNOWN",

      "1": "SVG_TRANSFORM_MATRIX",

      "2": "SVG_TRANSFORM_TRANSLATE",

      "3": "SVG_TRANSFORM_SCALE",

      "4": "SVG_TRANSFORM_ROTATE",

      "5": "SVG_TRANSFORM_SKEWX",

      "6": "SVG_TRANSFORM_SKEWY"

    };

    return "type=" + transformTypes[transform.type] + " matrix=" + dumpMatrix(transform.matrix);

  }

  var svg1 = document.getElementById("svg1");

  var circle = document.getElementById("circle");

  var svg2 = document.getElementById("svg2");

  var rect = document.getElementById("rect");

  debug("");

  debug("Test SVGTransformList interface");

  shouldBe("circle.transform.baseVal.numberOfItems", "0");

  shouldBeNull("circle.getAttribute('transform')");

  shouldBe("rect.transform.baseVal.numberOfItems", "2");

  shouldBeEqualToString("rect.getAttribute('transform')", "translate(1000, 1000) rotate(90)");

  shouldBeEqualToString("dumpTransform(rect.transform.baseVal.getItem(0))", "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]");

  shouldBeEqualToString("dumpTransform(rect.transform.baseVal.getItem(1))", "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]");

  debug("");

  debug("Test SVGLocatable interface");

  shouldBeEqualToString("dumpMatrix(circle.getCTM())", "[2.0 0.0 0.0 2.0 20.0 20.0]");

  shouldBeEqualToString("dumpMatrix(circle.getScreenCTM())", "[2.0 0.0 0.0 2.0 28.0 28.0]");

  shouldBeEqualToString("dumpRect(circle.getBBox())", "[0 0 80 80]");

  shouldBeEqualToString("dumpMatrix(circle.getTransformToElement(circle))", "[1.0 0.0 0.0 1.0 0.0 0.0]");

  shouldBeEqualToString("dumpMatrix(rect.getCTM())", "[0.7 0.7 -0.7 0.7 100.0 0.0]");

  shouldBeEqualToString("dumpMatrix(rect.getScreenCTM())", "[0.7 0.7 -0.7 0.7 312.0 8.0]");

  shouldBeEqualToString("dumpRect(rect.getBBox())", "[40 40 100 100]");

  shouldBeEqualToString("dumpMatrix(rect.getTransformToElement(rect))", "[1.0 0.0 0.0 1.0 0.0 0.0]");

  debug("");

  debug("Test CSSMatrix");

  shouldBeEqualToString("circle.style.webkitTransform", "scale(2, 2) translate(10px, 10px)");

  shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(circle.style.webkitTransform))", "[2.0 0.0 0.0 2.0 20.0 20.0]");

  shouldBeEqualToString("rect.style.webkitTransform", "translate(100px) rotate(45deg)");

  shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect.style.webkitTransform))", "[0.7 0.7 -0.7 0.7 100.0 0.0]");

  debug("");

  shouldBe("dumpMatrix(new WebKitCSSMatrix(circle.style.webkitTransform))", "dumpMatrix(circle.getCTM())");

  shouldBe("dumpMatrix(new WebKitCSSMatrix(rect.style.webkitTransform))", "dumpMatrix(rect.getCTM())");

  debug("");

  successfullyParsed = true;

]]>

</script>

<script src="../../fast/js/resources/js-test-post.js"></script>

</body>

</html>

LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt

 
SVG 1.1 dynamic update tests

Tests dynamic updates of the '-webkit-transform' on SVG element

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".

Also, to pass the test, the rectangles should be rotated with 45deg

Transform via style attribute

PASS rect1.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)"

PASS dumpMatrix(rect1.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is dumpMatrix(rect1.getCTM())

PASS rect1.transform.baseVal.numberOfItems is 0

PASS rect1.getAttribute('transform') is null

PASS dumpMatrix(rect2.getCTM()) is "[0.0 1.0 -1.0 0.0 1000.0 1000.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]"

PASS rect2.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)"

PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is dumpMatrix(rect2.getCTM())

PASS rect2.transform.baseVal.numberOfItems is 2

PASS rect2.getAttribute('transform') is "translate(1000, 1000) rotate(90)"

PASS dumpTransform(rect2.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"

PASS dumpTransform(rect2.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]"

Transform via CSS

PASS rect3.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)"

PASS dumpMatrix(rect3.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is dumpMatrix(rect3.getCTM())

PASS rect3.transform.baseVal.numberOfItems is 0

PASS rect3.getAttribute('transform') is null

PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS rect4.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45deg)"

PASS dumpMatrix(rect4.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is "[1.4 1.4 -1.4 1.4 100.0 25.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is dumpMatrix(rect4.getCTM())

PASS rect4.transform.baseVal.numberOfItems is 2

PASS rect4.getAttribute('transform') is "translate(1000, 1000) rotate(90)"

PASS dumpTransform(rect4.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"

PASS dumpTransform(rect4.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]"

Transform on wrapper div

PASS rect5.style.webkitTransform is ""

PASS dumpMatrix(rect5.getCTM()) is "[1.0 0.0 0.0 1.0 0.0 0.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is "[1.0 0.0 0.0 1.0 0.0 0.0]"

PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is dumpMatrix(rect5.getCTM())

PASS rect5.transform.baseVal.numberOfItems is 0

PASS rect5.getAttribute('transform') is null

PASS successfullyParsed is true

TEST COMPLETE

LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<html>

<head>

<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css">

<script src="resources/SVGTestCase.js"></script>

<script src="../../fast/js/resources/js-test-pre.js"></script>

<style type="text/css" media="screen">

  .column {

    margin: 10px;

    display: inline-block;

    vertical-align: top;

  }

  .container {

    position: relative;

    height: 200px;

    width: 200px;

    margin: 10px;

    background-color: silver;

    border: 1px solid black;

  }

  #wrapper {

      position: relative;

      top: 0;

      left: 0;

      height: 60px;

      width: 60px;

      -webkit-transform-origin: top left; /* to match SVG */

  }

</style>

</head>

<body>

<div class="column">

  <div class="container">

    <svg id="svg1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="width:200px; height:200px;">

      <rect id="rect1" x="0" y="0" height="60" width="60" fill="green"/>

    </svg>

  </div>

  <div class="container">

    <svg id="svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="width:200px; height:200px;">

      <rect id="rect2" x="0" y="0" height="60" width="60" fill="green" transform="translate(1000, 1000) rotate(90)"/>

    </svg>

  </div>

</div>

<div class="column">

  <div class="container">

    <svg id="svg1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="width:200px; height:200px;">

      <rect id="rect3" x="0" y="0" height="60" width="60" fill="green"/>

    </svg>

  </div>

  <div class="container">

    <svg id="svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="width:200px; height:200px;">

      <rect id="rect4" x="0" y="0" height="60" width="60" fill="green" transform="translate(1000, 1000) rotate(90)"/>

    </svg>

  </div>

</div>

<div class="column">

  <div class="container">

    <div id="wrapper">

      <svg id="svg3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" style="width:200px; height:200px;">

        <rect id="rect5" x="0" y="0" height="60" width="60" fill="green"/>

      </svg>

    </div>

  </div>

</div>

<h1>SVG 1.1 dynamic update tests</h1>

<p id="description"></p>

<p>Also, to pass the test, the rectangles should be rotated with 45deg</p>

<div id="console"></div>

<script>

// [Expected rendering result] 'Test passed' message - and a series of PASS messages

description("Tests dynamic updates of the '-webkit-transform' on SVG element");

//createSVGTestCase();

function dumpRect(r) {

  return "[" + r.x

        + " " + r.y

        + " " + r.width 

        + " " + r.height

        + "]";

}

function dumpMatrix(matrix) {

  return "[" + matrix.a.toFixed(1)

        + " " + matrix.b.toFixed(1)

        + " " + matrix.c.toFixed(1)

        + " " + matrix.d.toFixed(1)

        + " " + matrix.e.toFixed(1)

        + " " + matrix.f.toFixed(1)

        + "]";

}

function dumpTransform(transform) {

  var transformTypes = {

    "0": "SVG_TRANSFORM_UNKNOWN",

    "1": "SVG_TRANSFORM_MATRIX",

    "2": "SVG_TRANSFORM_TRANSLATE",

    "3": "SVG_TRANSFORM_SCALE",

    "4": "SVG_TRANSFORM_ROTATE",

    "5": "SVG_TRANSFORM_SKEWX",

    "6": "SVG_TRANSFORM_SKEWY"

  };

  return "type=" + transformTypes[transform.type] + " matrix=" + dumpMatrix(transform.matrix);

}

var rect1 = document.getElementById("rect1");

var rect2 = document.getElementById("rect2");

var rect3 = document.getElementById("rect3");

var rect4 = document.getElementById("rect4");

var rect5 = document.getElementById("rect5");

var wrapper = document.getElementById("wrapper");

debug("");

debug("Transform via style attribute");

rect1.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("rect1.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("dumpMatrix(rect1.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBe("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform))", "dumpMatrix(rect1.getCTM())");

shouldBe("rect1.transform.baseVal.numberOfItems", "0");

shouldBeNull("rect1.getAttribute('transform')");

shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[0.0 1.0 -1.0 0.0 1000.0 1000.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.0 0.0 0.0 1.0 0.0 0.0]");

rect2.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("rect2.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBe("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "dumpMatrix(rect2.getCTM())");

shouldBe("rect2.transform.baseVal.numberOfItems", "2");

shouldBeEqualToString("rect2.getAttribute('transform')", "translate(1000, 1000) rotate(90)");

shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(0))", "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]");

shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(1))", "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]");

debug("");

debug("Transform via CSS");

rect3.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)";

shouldBeEqualToString("rect3.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("dumpMatrix(rect3.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBe("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform))", "dumpMatrix(rect3.getCTM())");

shouldBe("rect3.transform.baseVal.numberOfItems", "0");

shouldBeNull("rect3.getAttribute('transform')");

shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

rect4.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)";

shouldBeEqualToString("rect4.style.webkitTransform", "translate(100px, 25px) scale(2) rotate(45deg)");

shouldBeEqualToString("dumpMatrix(rect4.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");

shouldBe("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform))", "dumpMatrix(rect4.getCTM())");

shouldBe("rect4.transform.baseVal.numberOfItems", "2");

shouldBeEqualToString("rect4.getAttribute('transform')", "translate(1000, 1000) rotate(90)");

shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(0))", "type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]");

shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(1))", "type=SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]");

debug("");

debug("Transform on wrapper div");

wrapper.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)";

shouldBeEqualToString("rect5.style.webkitTransform", "");

shouldBeEqualToString("dumpMatrix(rect5.getCTM())", "[1.0 0.0 0.0 1.0 0.0 0.0]");

shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform))", "[1.0 0.0 0.0 1.0 0.0 0.0]");

shouldBe("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform))", "dumpMatrix(rect5.getCTM())");

shouldBe("rect5.transform.baseVal.numberOfItems", "0");

shouldBeNull("rect5.getAttribute('transform')");

debug("");

var successfullyParsed = true;

</script>

<script src="../../fast/js/resources/js-test-post.js"></script>

</body>

</html>