Update CompositeAfterPaint web test expectations

Bug: 524134
Change-Id: I99e53d134f2542f06d63519ad2a96b4d24738649
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2101494Reviewed-by: Philip Rogers <pdr@chromium.org>
Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#750250}

third_party/blink/web_tests/FlagExpectations/composite-after-paint

@@ -29,11 +29,15 @@ virtual/web-components-v0-disabled/* [ Skip ]
 # Can't rebaseline because the file path is too long.
 virtual/compositor_threaded_scrollbar_scrolling/paint/invalidation/scroll/sticky/invalidate-after-composited-scroll-with-sticky.html [ Skip ]
 
+# This test doesn't apply to CompositeAfterPaint.
+compositing/squashing/do-not-squash-scroll-child-with-composited-descendants.html [ Skip ]
+
 # Fail before CompositeAfterPaint but pass with it.
 crbug.com/802915 css3/blending/isolation-should-include-non-local-background.html [ Pass ]
 crbug.com/918155 virtual/prefer_compositing_to_lcd_text/scrollbars/overlay-scrollbar-over-child-layer-nested-2.html [ Pass ]
 crbug.com/918155 virtual/prefer_compositing_to_lcd_text/scrollbars/overlay-scrollbar-over-child-layer-nested.html [ Pass ]
 crbug.com/1039401 virtual/scroll_customization/fast/scrolling/scrollbar-mousedown-mouseup.html [ Pass ]
+paint/invalidation/compositing/subpixel-offset-scaled-transform-composited.html [ Pass ]
 
 virtual/android/fullscreen/video-overlay-scroll.html [ Failure ]
 virtual/android/rootscroller/fixed-chaining-with-implicit-pointer-events-none.html [ Failure ]
@@ -41,90 +45,78 @@ virtual/android/rootscroller/nested-rootscroller-browser-controls-bounds-shown.h
 virtual/android/url-bar/bottom-and-top-fixed-sticks-to-top.html [ Crash ]
 virtual/android/url-bar/bottom-fixed-adjusted-when-showing-url-bar.html [ Crash ]
 
-# Wrong clip of nested reflection.
+# Wrong clipping of the right side of nested composited reflection with non-zero filter origin.
 compositing/reflections/deeply-nested-reflections.html [ Failure ]
 
-compositing/geometry/composited-in-columns.html [ Crash ]
+# We always paint opacity:0 which breaks LCP's expectation.
+crbug.com/957674 cexternal/wpt/largest-contentful-paint/invisible-images.html [ Failure ]
+crbug.com/957674 virtual/scalefactor200/external/wpt/largest-contentful-paint/invisible-images.html [ Skip ]
+crbug.com/957674 virtual/scalefactor200withoutzoom/external/wpt/largest-contentful-paint/invisible-images.html [ Skip ]
+
+# A fieldset paints its background twice.
+external/wpt/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html [ Crash ]
+
+#image-rendering: pixelated doesn't work on canvas.
+fast/webgl/pixelated.html [ Failure ]
+
 compositing/masks/mask-with-removed-filters.html [ Failure ]
 crbug.com/667946 compositing/overflow/scrolls-with-respect-to-nested.html [ Failure ]
 crbug.com/667946 compositing/overflow/scrolls-with-respect-to-transform.html [ Failure ]
 crbug.com/667946 compositing/overflow/scrolls-with-respect-to.html [ Failure ]
-compositing/squashing/do-not-squash-scroll-child-with-composited-descendants.html [ Failure ]
-compositing/visibility/layer-visible-content.html [ Failure ]
 external/wpt/css/css-transforms/transform3d-backface-visibility-006.html [ Failure ]
-external/wpt/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html [ Crash ]
-external/wpt/largest-contentful-paint/invisible-images.html [ Failure ]
 external/wpt/portals/portals-rendering.html [ Failure ]
-fast/css/outline-offset-large.html [ Failure ]
-fast/webgl/pixelated.html [ Failure ]
 fullscreen/compositor-touch-hit-rects-fullscreen-video-controls.html [ Failure ]
+
 printing/fixed-positioned-headers-and-footers-absolute-covering-some-pages.html [ Failure ]
 printing/fixed-positioned-headers-and-footers-larger-than-page.html [ Failure ]
 printing/offscreencanvas-2d-printing.html [ Failure ]
 printing/webgl-repeated-printing-preservedrawingbuffer.html [ Failure ]
 printing/webgl-repeated-printing.html [ Failure ]
+
 transforms/3d/general/background-visibility-layers.html [ Failure ]
 virtual/forced-high-contrast-colors/fast/css/forced-colors-mode/forced-colors-mode-22.html [ Crash ]
-virtual/scalefactor200/external/wpt/largest-contentful-paint/invisible-images.html [ Failure ]
-virtual/scalefactor200withoutzoom/external/wpt/largest-contentful-paint/invisible-images.html [ Failure ]
-virtual/threaded-prefer-compositing/fast/scrolling/keyboard-scroll-page-scale.html [ Failure Pass ]
-virtual/threaded-prefer-compositing/fast/scrolling/no-hover-during-scroll.html [ Failure Pass ]
-virtual/threaded-prefer-compositing/fast/scrolling/no-hover-during-smooth-js-scroll.html [ Crash Pass ]
 
 # Raster invalidation doesn't work for huge layers. 
 paint/invalidation/raster-under-invalidation-checking.html [ Failure ]
 
-crbug.com/907601 virtual/threaded-prefer-compositing/fast/scrolling/events/scrollend-event-fired-after-snap.html [ Skip ]
-
-# Less invalidations or different invalidations without pixel failures.
-# Some might be good. Some might be under-invalidations for which under-invalidation
-# checking failed.
-paint/invalidation/compositing/pointer-events-composited-scrolling.html [ Failure ]
-paint/invalidation/compositing/should-invoke-deferred-compositing.html [ Failure ]
+# backface-visibility:hidden doesn't trigger composited scrolling.
+compositing/overflow/do-not-repaint-if-scrolling-composited-layers.html [ Failure ]
+paint/invalidation/compositing/scrolling-neg-z-index-descendants.html [ Failure ]
 paint/invalidation/scroll/overflow-hidden-yet-scrolled-with-custom-scrollbar.html [ Failure ]
 paint/invalidation/scroll/overflow-hidden-yet-scrolled.html [ Failure ]
 
-# Extra raster invalidations.
-compositing/overflow/do-not-repaint-if-scrolling-composited-layers.html [ Failure ]
-paint/invalidation/compositing/dont-invalidate-root-layer-when-composited-layer-becomes-visible.html [ Failure ]
-paint/invalidation/compositing/should-not-repaint-move-backface-hidden.html [ Failure ]
-paint/invalidation/compositing/tricky-element-removal-crash.html [ Failure ]
+# We paint the iframe's content background in the scrolling layer, causing invalidation on scroll.
 paint/invalidation/scroll/iframe-scroll-repaint.html [ Failure ]
-paint/invalidation/position/relative-positioned-movement-repaint.html [ Failure ]
-paint/invalidation/compositing/scrolling-neg-z-index-descendants.html [ Failure ]
+# will-transform on descendant doesn't trigger compositing of iframe. 
 paint/invalidation/scroll/composited-iframe-scroll-repaint.html [ Failure ]
 
+# backface-visiblity:hidden is not a direct compositing reason.
+# Extra raster invalidation caused by offset change, etc.
+paint/invalidation/compositing/should-not-repaint-move-backface-hidden.html [ Failure ]
+paint/invalidation/position/relative-positioned-movement-repaint.html [ Failure ]
+paint/invalidation/compositing/should-not-repaint-composited-descendants.html [ Failure ]
+
 # Should not decomposite effects for composited elements.
 crbug.com/765003 paint/invalidation/compositing/should-not-repaint-composited-filter.html [ Failure ]
 crbug.com/765003 paint/invalidation/compositing/should-not-repaint-composited-opacity.html [ Failure ]
 crbug.com/765003 compositing/contents-opaque/layer-opacity.html [ Failure ]
 
-# Less layers or other different layer trees.
-paint/invalidation/compositing/overlap-test-with-filter.html [ Failure ]
-paint/invalidation/compositing/should-not-repaint-composited-descendants.html [ Failure ]
+# Should allow DecompositeEffect() to upcast to an intermediate isolation group
+# that doesn't have a paint chunk.
+external/wpt/svg/render/reftests/blending-001.svg [ Failure ]
+external/wpt/svg/render/reftests/blending-002.svg [ Failure ]
+css3/blending/svg-isolation-add-clipper-text.html [ Failure ]
+
 # Extra layers for non-fast scrolling areas.
 compositing/overflow/textarea-scroll-touch.html [ Failure ]
 
 # Subpixel or invisible color differences that look benign, but we can't rebaseline ref tests.
 compositing/overflow/ancestor-with-clip-path.html [ Failure ]
-css3/blending/svg-isolation-add-clipper-text.html [ Failure ]
 fullscreen/rendering/backdrop-object.html [ Failure ]
-external/wpt/svg/render/reftests/blending-001.svg [ Failure ]
-external/wpt/svg/render/reftests/blending-002.svg [ Failure ]
-
-# Text failures due to layerization differences
-css3/blending/mix-blend-mode-isolation-remove.html [ Failure ]
 
 # Passes on bot, timeouts locally.
 virtual/threaded/fast/events/pinch/scroll-visual-viewport-send-boundary-events.html [ Pass Timeout ]
 
-virtual/threaded/compositing/visibility/layer-visible-content.html [ Failure ]
-
-# See comment regarding this test in NeverFixTests. It also fails for other
-# reasons, in particular that the composited layerization algorithm provides
-# different results.
-paint/invalidation/compositing/subpixel-offset-scaled-transform-composited.html [ Failure ]
-
 # Outline paints incorrectly with columns
 crbug.com/1047358 paint/pagination/composited-paginated-outlined-box.html [ Failure ]
 
@@ -156,6 +148,8 @@ crbug.com/979380 fast/hidpi/scrollbar-appearance-increase-device-scale-factor.ht
 # Crash on non-contiguous effect on multiple columns
 fast/multicol/composited-layer-will-change.html [ Crash ]
 paint/clipath/change-mask-clip-path-multicol-crash.html [ Crash ]
+# Crash on weird clip hierarchy in multiple columns
+compositing/geometry/composited-in-columns.html [ Crash ]
 
 # Ad frame highlight size is incorrect
 crbug.com/1047359 http/tests/subresource_filter/ad-highlight-frame-resized.html [ Failure ]
@@ -169,3 +163,6 @@ crbug.com/1041322 virtual/threaded/synthetic_gestures/synthetic-pinch-zoom-gestu
 crbug.com/1041322 virtual/threaded/synthetic_gestures/synthetic-pinch-zoom-gesture-touchscreen-zoom-in-slow.html [ Crash ]
 crbug.com/1041322 virtual/threaded/synthetic_gestures/synthetic-pinch-zoom-gesture-touchscreen-zoom-out-slow.html [ Crash ]
 crbug.com/1041322 virtual/threaded/synthetic_gestures/synthetic-pinch-zoom-gesture-touchscreen.html [ Crash ]
+
+compositing/gestures/gesture-tapHighlight-composited-img.html [ Pass Failure ]
+http/tests/images/image-decode-in-frame.html [ Pass Failure ]

third_party/blink/web_tests/flag-specific/composite-after-paint/compositing/visibility/layer-visible-content-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow DIV class='composited box'",
+      "bounds": [10, 10],
+      "drawsContent": false
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/css3/blending/mix-blend-mode-isolation-remove-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow DIV class='accelerated-stacking-context'",
+      "bounds": [784, 90],
+      "contentsOpaque": true,
+      "drawsContent": false,
+      "transform": 1
+    },
+    {
+      "name": "LayoutNGBlockFlow DIV id='intermediary' class='accelerated-no-stacking-context'",
+      "bounds": [784, 90],
+      "contentsOpaque": true,
+      "backfaceVisibility": "hidden",
+      "backgroundColor": "#008000",
+      "transform": 1
+    },
+    {
+      "name": "LayoutImage IMG class='accelerated blended'",
+      "bounds": [160, 90],
+      "transform": 1
+    }
+  ],
+  "transforms": [
+    {
+      "id": 1,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 8, 0, 1]
+      ]
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/dont-invalidate-root-layer-when-composited-layer-becomes-visible-expected.txt

@@ -5,6 +5,26 @@
       "bounds": [800, 600],
       "contentsOpaque": true,
       "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow (positioned) DIV id='target'",
+      "bounds": [200, 200],
+      "drawsContent": false,
+      "invalidations": [
+        [0, 0, 200, 200]
+      ],
+      "transform": 1
+    }
+  ],
+  "transforms": [
+    {
+      "id": 1,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [200, 200, 0, 1]
+      ]
     }
   ]
 }

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/overlap-test-with-filter-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow BODY",
+      "bounds": [284, 84],
+      "drawsContent": false,
+      "transform": 1
+    },
+    {
+      "name": "LayoutNGBlockFlow (positioned) DIV",
+      "position": [151, 0],
+      "bounds": [300, 100],
+      "backgroundColor": "#D3D3D3"
+    }
+  ],
+  "transforms": [
+    {
+      "id": 1,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 8, 0, 1]
+      ]
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/pointer-events-composited-scrolling-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow DIV id='target'",
+      "bounds": [100, 100],
+      "backgroundColor": "#0000FF",
+      "invalidations": [
+        [0, 30, 50, 50]
+      ],
+      "transform": 1
+    }
+  ],
+  "transforms": [
+    {
+      "id": 1,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 8, 0, 1]
+      ]
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/should-invoke-deferred-compositing-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow (positioned) DIV id='container' class='composited box'",
+      "bounds": [300, 300],
+      "drawsContent": false
+    },
+    {
+      "name": "LayoutHTMLCanvas (positioned) CANVAS",
+      "bounds": [200, 200]
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/subpixel-offset-scaled-transform-composited-expected.txt

+{
+  "layers": [
+    {
+      "name": "Scrolling background of LayoutView #document",
+      "bounds": [800, 600],
+      "contentsOpaque": true,
+      "backgroundColor": "#FFFFFF"
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child1' class='child composited'",
+      "bounds": [2, 1],
+      "backgroundColor": "#0000FF",
+      "transform": 2
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child2' class='child scale composited'",
+      "bounds": [1, 1],
+      "contentsOpaque": true,
+      "backgroundColor": "#0000FF",
+      "transform": 4
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child3' class='child'",
+      "bounds": [2, 1],
+      "backgroundColor": "#0000FF",
+      "transform": 6
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child4' class='child scale'",
+      "bounds": [1, 1],
+      "contentsOpaque": true,
+      "backgroundColor": "#0000FF",
+      "transform": 9
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child5' class='child composited'",
+      "bounds": [2, 1],
+      "backgroundColor": "#0000FF",
+      "transform": 11
+    },
+    {
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child6' class='child scale composited'",
+      "bounds": [1, 1],
+      "contentsOpaque": true,
+      "backgroundColor": "#0000FF",
+      "transform": 14
+    }
+  ],
+  "transforms": [
+    {
+      "id": 1,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 8, 0, 1]
+      ]
+    },
+    {
+      "id": 2,
+      "parent": 1,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    },
+    {
+      "id": 3,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [9, 58, 0, 1]
+      ]
+    },
+    {
+      "id": 4,
+      "parent": 3,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    },
+    {
+      "id": 5,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 108, 0, 1]
+      ]
+    },
+    {
+      "id": 6,
+      "parent": 5,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    },
+    {
+      "id": 7,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 158, 0, 1]
+      ]
+    },
+    {
+      "id": 8,
+      "parent": 7,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [1, 0, 0, 1]
+      ]
+    },
+    {
+      "id": 9,
+      "parent": 8,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    },
+    {
+      "id": 10,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 208, 0, 1]
+      ]
+    },
+    {
+      "id": 11,
+      "parent": 10,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    },
+    {
+      "id": 12,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 258, 0, 1]
+      ]
+    },
+    {
+      "id": 13,
+      "parent": 12,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [1, 0, 0, 1]
+      ]
+    },
+    {
+      "id": 14,
+      "parent": 13,
+      "transform": [
+        [40, 0, 0, 0],
+        [0, 40, 0, 0],
+        [0, 0, 1, 0],
+        [0, 0, 0, 1]
+      ],
+      "origin": [0, 0]
+    }
+  ]
+}
+

third_party/blink/web_tests/flag-specific/composite-after-paint/paint/invalidation/compositing/tricky-element-removal-crash-expected.txt

@@ -12,6 +12,12 @@
       "contentsOpaque": true,
       "backgroundColor": "#FA8072",
       "transform": 1
+    },
+    {
+      "name": "LayoutNGBlockFlow (positioned) DIV",
+      "position": [8, 8],
+      "bounds": [100, 100],
+      "drawsContent": false
     }
   ],
   "transforms": [

third_party/blink/web_tests/paint/invalidation/compositing/subpixel-offset-scaled-transform-composited-expected.txt

 {
   "layers": [
-    {
-      "name": "LayoutView #document",
-      "bounds": [800, 600],
-      "drawsContent": false,
-      "backgroundColor": "#FFFFFF"
-    },
-    {
-      "name": "Scrolling Layer",
-      "bounds": [800, 600],
-      "drawsContent": false
-    },
     {
       "name": "Scrolling Contents Layer",
       "bounds": [800, 600],
@@ -18,78 +7,76 @@
       "backgroundColor": "#FFFFFF"
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='container1' class='container scale'",
-      "contentsOpaque": true,
-      "drawsContent": false,
-      "transform": 2
-    },
-    {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='child1' class='child composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child1' class='child composited'",
+      "position": [1, 0],
       "bounds": [1, 1],
       "contentsOpaque": true,
       "backgroundColor": "#0000FF",
+      "invalidations": [
+        {
+          "rect": [0, 0, 1, 1],
+          "object": "LayoutNGBlockFlow (relative positioned) DIV id='child1' class='child composited'",
+          "reason": "full layer"
+        }
+      ],
       "transform": 2
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='child2' class='child scale composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child2' class='child scale composited'",
       "bounds": [1, 1],
       "contentsOpaque": true,
       "backgroundColor": "#0000FF",
       "transform": 4
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='container3' class='container scale composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='container3' class='container scale composited'",
       "bounds": [1, 1],
       "contentsOpaque": true,
       "transform": 6
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
-      "position": [9, 158],
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='container4' class='container composited'",
+      "position": [1, 0],
       "bounds": [40, 40],
-      "paintInvalidations": [
+      "invalidations": [
         {
-          "object": "LayoutBlockFlow (relative positioned) DIV id='child4' class='child scale'",
           "rect": [0, 0, 40, 40],
-          "reason": "paint property change"
+          "object": "LayoutNGBlockFlow (relative positioned) DIV id='container4' class='container composited'",
+          "reason": "full layer"
         },
         {
-          "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
           "rect": [0, 0, 40, 40],
-          "reason": "full"
-        },
-        {
-          "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
-          "rect": [0, 0, 40, 40],
-          "reason": "full"
+          "object": "LayoutNGBlockFlow (relative positioned) DIV id='container4' class='container composited'",
+          "reason": "full layer"
         }
-      ]
+      ],
+      "transform": 7
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='container5' class='container scale composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='container5' class='container scale composited'",
       "contentsOpaque": true,
       "drawsContent": false,
-      "transform": 8
+      "transform": 9
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='child5' class='child composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child5' class='child composited'",
       "bounds": [1, 1],
       "contentsOpaque": true,
       "backgroundColor": "#0000FF",
-      "transform": 8
+      "transform": 9
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'",
-      "position": [8, 258],
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='container6' class='container composited'",
       "contentsOpaque": true,
-      "drawsContent": false
+      "drawsContent": false,
+      "transform": 10
     },
     {
-      "name": "LayoutBlockFlow (relative positioned) DIV id='child6' class='child scale composited'",
+      "name": "LayoutNGBlockFlow (relative positioned) DIV id='child6' class='child scale composited'",
       "bounds": [1, 1],
       "contentsOpaque": true,
       "backgroundColor": "#0000FF",
-      "transform": 10
+      "transform": 12
     }
   ],
   "transforms": [
@@ -159,12 +146,21 @@
         [1, 0, 0, 0],
         [0, 1, 0, 0],
         [0, 0, 1, 0],
-        [8, 208, 0, 1]
+        [8, 158, 0, 1]
       ]
     },
     {
       "id": 8,
-      "parent": 7,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [8, 208, 0, 1]
+      ]
+    },
+    {
+      "id": 9,
+      "parent": 8,
       "transform": [
         [40, 0, 0, 0],
         [0, 40, 0, 0],
@@ -174,17 +170,27 @@
       "origin": [0, 0]
     },
     {
-      "id": 9,
+      "id": 10,
       "transform": [
         [1, 0, 0, 0],
         [0, 1, 0, 0],
         [0, 0, 1, 0],
-        [9, 258, 0, 1]
+        [8, 258, 0, 1]
       ]
     },
     {
-      "id": 10,
-      "parent": 9,
+      "id": 11,
+      "parent": 10,
+      "transform": [
+        [1, 0, 0, 0],
+        [0, 1, 0, 0],
+        [0, 0, 1, 0],
+        [1, 0, 0, 1]
+      ]
+    },
+    {
+      "id": 12,
+      "parent": 11,
       "transform": [
         [40, 0, 0, 0],
         [0, 40, 0, 0],