Index: third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt |
diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt b/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt |
index fe5c0261c9e66cc68f511b6872e89ba094618c71..ccd0b69e8f3f5e0233b66f82a34c35d7e44cf938 100644 |
--- a/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt |
+++ b/third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt |
@@ -2,21 +2,26 @@ Test overlap is rendered correctly when hovering over elements |
Case 1, original layer tree: |
{ |
+ "name": "Content Root Layer", |
"bounds": [800, 600], |
"children": [ |
{ |
+ "name": "LayoutView #document", |
"bounds": [800, 600], |
"contentsOpaque": true, |
"drawsContent": true, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow DIV class='composited'", |
"position": [8, 8], |
"bounds": [784, 0] |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
"position": [100, 100], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -24,6 +29,7 @@ Case 1, original layer tree: |
"backgroundColor": "#0000FF" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box middle')", |
"position": [180, 180], |
"bounds": [260, 260], |
"drawsContent": true |
@@ -36,18 +42,22 @@ Case 1, original layer tree: |
} |
Case 2: hovering over the "middle" element (causes that div to become its own composited layer) |
{ |
+ "name": "Content Root Layer", |
"bounds": [800, 600], |
"children": [ |
{ |
+ "name": "LayoutView #document", |
"bounds": [800, 600], |
"contentsOpaque": true, |
"drawsContent": true, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow DIV class='composited'", |
"position": [8, 8], |
"bounds": [784, 0] |
}, |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
"position": [100, 100], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -55,9 +65,11 @@ Case 2: hovering over the "middle" element (causes that div to become its own co |
"backgroundColor": "#0000FF" |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='box middle'", |
"position": [180, 180], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -65,6 +77,7 @@ Case 2: hovering over the "middle" element (causes that div to become its own co |
"backgroundColor": "#008000" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box middle2')", |
"position": [260, 260], |
"bounds": [180, 180], |
"drawsContent": true |
@@ -77,21 +90,26 @@ Case 2: hovering over the "middle" element (causes that div to become its own co |
} |
Case 3: hovering over the "middle2" element (causes that div to become its own composited layer) |
{ |
+ "name": "Content Root Layer", |
"bounds": [800, 600], |
"children": [ |
{ |
+ "name": "LayoutView #document", |
"bounds": [800, 600], |
"contentsOpaque": true, |
"drawsContent": true, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow DIV class='composited'", |
"position": [8, 8], |
"bounds": [784, 0] |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
"position": [100, 100], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -99,6 +117,7 @@ Case 3: hovering over the "middle2" element (causes that div to become its own c |
"backgroundColor": "#0000FF" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box middle')", |
"position": [180, 180], |
"bounds": [100, 100], |
"drawsContent": true |
@@ -106,9 +125,11 @@ Case 3: hovering over the "middle2" element (causes that div to become its own c |
] |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='box middle2'", |
"position": [260, 260], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -116,6 +137,7 @@ Case 3: hovering over the "middle2" element (causes that div to become its own c |
"backgroundColor": "#008000" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box top')", |
"position": [340, 340], |
"bounds": [100, 100], |
"drawsContent": true |
@@ -128,21 +150,26 @@ Case 3: hovering over the "middle2" element (causes that div to become its own c |
} |
Case 4: hovering over the "top" element (causes that div to become its own composited layer) |
{ |
+ "name": "Content Root Layer", |
"bounds": [800, 600], |
"children": [ |
{ |
+ "name": "LayoutView #document", |
"bounds": [800, 600], |
"contentsOpaque": true, |
"drawsContent": true, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow DIV class='composited'", |
"position": [8, 8], |
"bounds": [784, 0] |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
"position": [100, 100], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -150,6 +177,7 @@ Case 4: hovering over the "top" element (causes that div to become its own compo |
"backgroundColor": "#0000FF" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box middle')", |
"position": [180, 180], |
"bounds": [180, 180], |
"drawsContent": true |
@@ -157,6 +185,7 @@ Case 4: hovering over the "top" element (causes that div to become its own compo |
] |
}, |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='box top'", |
"position": [340, 340], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -169,21 +198,26 @@ Case 4: hovering over the "top" element (causes that div to become its own compo |
} |
Case 5: back to situation in case 1 |
{ |
+ "name": "Content Root Layer", |
"bounds": [800, 600], |
"children": [ |
{ |
+ "name": "LayoutView #document", |
"bounds": [800, 600], |
"contentsOpaque": true, |
"drawsContent": true, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow DIV class='composited'", |
"position": [8, 8], |
"bounds": [784, 0] |
}, |
{ |
+ "name": "Squashing Containment Layer", |
"shouldFlattenTransform": false, |
"children": [ |
{ |
+ "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
"position": [100, 100], |
"bounds": [100, 100], |
"contentsOpaque": true, |
@@ -191,6 +225,7 @@ Case 5: back to situation in case 1 |
"backgroundColor": "#0000FF" |
}, |
{ |
+ "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV class='box middle')", |
"position": [180, 180], |
"bounds": [260, 260], |
"drawsContent": true |