Attachment #228183 for bug #130922

View Details Raw Unified Return to Bug 130922

| Differences between



2014-03-28  Ion Rosca  <rosca@adobe.com>

        [CSS Blending] showLayerTree should dump layer's blend mode and isolation properties
        https://bugs.webkit.org/show_bug.cgi?id=130922

        Reviewed by NOBODY (OOPS!).

        This change only updates existing tests involving blending. No new test required,
        as there is no new or changed functionality.

        * rendering/RenderLayer.h: adding blendMode() getter.
        * rendering/RenderTreeAsText.cpp:
        (WebCore::write):
        adding blendMode property and layer's isolation status (does layer isolate blending descendants or not?).

2014-03-20  Carlos Garcia Campos  <cgarcia@igalia.com>

        [GTK] Use GMainLoopSource for idle and timeout sources in WebCore

Lines 786-791 public: a/Source/WebCore/rendering/RenderLayer.h_sec1
- a/Source/WebCore/rendering/RenderLayer.h +4 lines
786	#endif	786	#endif
787	}	787	}
788		788
		789	#if ENABLE(CSS_COMPOSITING)
		790	BlendMode blendMode() const { return m_blendMode; }
		791	#endif
		792
789	bool isolatesBlending() const	793	bool isolatesBlending() const
790	{	794	{
791	#if ENABLE(CSS_COMPOSITING)	795	#if ENABLE(CSS_COMPOSITING)

Lines 637-642 static void write(TextStream& ts, RenderLayer& l, a/Source/WebCore/rendering/RenderTreeAsText.cpp_sec1
- a/Source/WebCore/rendering/RenderTreeAsText.cpp +7 lines
637	if (l.isComposited())	637	if (l.isComposited())
638	ts << " (composited, bounds=" << l.backing()->compositedBounds() << ", drawsContent=" << l.backing()->graphicsLayer()->drawsContent() << ", paints into ancestor=" << l.backing()->paintsIntoCompositedAncestor() << ")";	638	ts << " (composited, bounds=" << l.backing()->compositedBounds() << ", drawsContent=" << l.backing()->graphicsLayer()->drawsContent() << ", paints into ancestor=" << l.backing()->paintsIntoCompositedAncestor() << ")";
639	}	639	}
		640
		641	#if ENABLE(CSS_COMPOSITING)
		642	if (l.isolatesBlending())
		643	ts << " isolatesBlending";
		644	if (l.hasBlendMode())
		645	ts << " blendMode: " << compositeOperatorName(CompositeSourceOver, l.blendMode());
		646	#endif
640		647
641	ts << "\n";	648	ts << "\n";
642		649



2014-03-28  Ion Rosca  <rosca@adobe.com>

        [CSS Blending] showLayerTree should dump layer's blend mode and isolation properties
        https://bugs.webkit.org/show_bug.cgi?id=130922

        Reviewed by NOBODY (OOPS!).

        Tests are adapted after adding blending information to RenderTreeAsText.

        * platform/mac/css3/compositing/blend-mode-background-expected.txt:
        * platform/mac/css3/compositing/blend-mode-isolated-group-1-expected.txt:
        * platform/mac/css3/compositing/blend-mode-isolated-group-2-expected.txt:
        * platform/mac/css3/compositing/blend-mode-isolated-group-3-expected.txt:
        * platform/mac/css3/compositing/blend-mode-layers-expected.txt:
        * platform/mac/css3/compositing/blend-mode-reflection-expected.txt:
        * platform/mac/css3/compositing/blend-mode-simple-composited-expected.txt:
        * platform/mac/css3/compositing/blend-mode-simple-expected.txt:

2014-03-31  Andrei Bucur  <abucur@adobe.com>

        Wrong layout while animating content in regions

Lines 3-7 layer at (0,0) size 800x600 a/LayoutTests/platform/mac/css3/compositing/blend-mode-background-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-background-expected.txt -1 / +1 lines
3	layer at (0,0) size 800x100	3	layer at (0,0) size 800x100
4	RenderBlock {HTML} at (0,0) size 800x100	4	RenderBlock {HTML} at (0,0) size 800x100
5	RenderBody {BODY} at (8,20) size 784x60 [bgcolor=#0000FF]	5	RenderBody {BODY} at (8,20) size 784x60 [bgcolor=#0000FF]
6	layer at (28,20) size 60x60	6	layer at (28,20) size 60x60 blendMode: difference
7	RenderBlock {DIV} at (20,0) size 60x60 [bgcolor=#FF0000]	7	RenderBlock {DIV} at (20,0) size 60x60 [bgcolor=#FF0000]



layer at (0,0) size 800x108
  RenderBlock {HTML} at (0,0) size 800x108
    RenderBody {BODY} at (8,8) size 784x0 [bgcolor=#0000FF]
layer at (28,28) size 60x60 isolatesBlending
  RenderBlock (floating) {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]
layer at (48,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (128,28) size 60x60
  RenderBlock (floating) {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]
layer at (148,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (228,28) size 60x60
  RenderBlock (floating) {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]
layer at (248,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (328,28) size 60x60
  RenderBlock (floating) {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]
layer at (348,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]



layer at (0,0) size 800x108
  RenderBlock {HTML} at (0,0) size 800x108
    RenderBody {BODY} at (8,8) size 784x0 [bgcolor=#0000FF]
layer at (28,28) size 60x60 isolatesBlending
  RenderBlock (floating) {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]
layer at (48,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (128,28) size 60x60
  RenderBlock (floating) {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]
layer at (148,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (228,28) size 60x60
  RenderBlock (floating) {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]
layer at (248,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (328,28) size 60x60
  RenderBlock (floating) {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]
layer at (348,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]



layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x208 layerType: background only
layer at (28,28) size 60x60 isolatesBlending
  RenderBlock (floating) zI: -1 {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]
layer at (48,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (68,68) size 60x60
  RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
layer at (128,28) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]
layer at (148,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (168,68) size 60x60
  RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
layer at (228,28) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]
layer at (248,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (268,68) size 60x60
  RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
layer at (328,28) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]
layer at (348,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (368,68) size 60x60
  RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
layer at (428,28) size 60x60 isolatesBlending
  RenderBlock (floating) zI: -1 {DIV} at (420,20) size 60x60 [bgcolor=#EE82EE]
layer at (448,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (468,68) size 60x60
  RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
layer at (528,28) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (520,20) size 60x60 [bgcolor=#EE82EE]
layer at (548,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (568,68) size 60x60
  RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
layer at (628,28) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (620,20) size 60x60 [bgcolor=#EE82EE]
layer at (648,48) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (668,68) size 60x60
  RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
layer at (28,128) size 60x60
  RenderBlock (floating) zI: -1 {DIV} at (20,120) size 60x60 [bgcolor=#EE82EE]
layer at (48,148) size 60x60 blendMode: multiply
  RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
layer at (68,168) size 60x60
  RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]



  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (53,41) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
layer at (243,31) size 160x160 blendMode: multiply
  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (223,41) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
layer at (413,31) size 160x160 blendMode: multiply
  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (393,41) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]

  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (563,41) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
layer at (53,246) size 160x75 isolatesBlending
  RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]
layer at (73,206) size 160x160 blendMode: multiply
  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (53,216) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
layer at (223,246) size 160x75
  RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]
layer at (243,206) size 160x160 blendMode: multiply
  RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
layer at (223,216) size 80x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]

Lines 7-13 layer at (0,0) size 800x286 a/LayoutTests/platform/mac/css3/compositing/blend-mode-reflection-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-reflection-expected.txt -2 / +2 lines
7	RenderBlock (floating) {LI} at (45,5) size 130x260	7	RenderBlock (floating) {LI} at (45,5) size 130x260
8	RenderBlock {UL} at (0,0) size 784x0	8	RenderBlock {UL} at (0,0) size 784x0
9	RenderBlock (floating) {LI} at (185,5) size 130x260	9	RenderBlock (floating) {LI} at (185,5) size 130x260
10	layer at (53,21) size 130x130	10	layer at (53,21) size 130x130 blendMode: multiply
11	RenderImage {IMG} at (0,0) size 130x130	11	RenderImage {IMG} at (0,0) size 130x130
12	layer at (193,21) size 130x130	12	layer at (193,21) size 130x130 blendMode: multiply
13	RenderImage {IMG} at (0,0) size 130x130	13	RenderImage {IMG} at (0,0) size 130x130



        RenderBlock (floating) {LI} at (45,425) size 130x130
layer at (53,21) size 130x130
  RenderImage {IMG} at (0,0) size 130x130
layer at (193,21) size 130x130 blendMode: overlay
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,21) size 130x130 blendMode: screen
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,21) size 130x130 blendMode: overlay
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,21) size 130x130 blendMode: darken
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,161) size 130x130 blendMode: lighten
  RenderImage {IMG} at (0,0) size 130x130
layer at (193,161) size 130x130 blendMode: color-dodge
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,161) size 130x130 blendMode: color-burn
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,161) size 130x130 blendMode: hard-light
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,161) size 130x130 blendMode: soft-light
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,301) size 130x130 blendMode: difference
  RenderImage {IMG} at (0,0) size 130x130
layer at (193,301) size 130x130 blendMode: exclusion
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,301) size 130x130 blendMode: hue
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,301) size 130x130 blendMode: saturation
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,301) size 130x130 blendMode: color
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,441) size 130x130 blendMode: luminosity
  RenderImage {IMG} at (0,0) size 130x130



        RenderBlock (floating) {LI} at (465,285) size 130x130
        RenderBlock (floating) {LI} at (605,285) size 130x130
        RenderBlock (floating) {LI} at (45,425) size 130x130
layer at (193,21) size 130x130 blendMode: overlay
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,21) size 130x130 blendMode: screen
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,21) size 130x130 blendMode: overlay
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,21) size 130x130 blendMode: darken
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,161) size 130x130 blendMode: lighten
  RenderImage {IMG} at (0,0) size 130x130
layer at (193,161) size 130x130 blendMode: color-dodge
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,161) size 130x130 blendMode: color-burn
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,161) size 130x130 blendMode: hard-light
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,161) size 130x130 blendMode: soft-light
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,301) size 130x130 blendMode: difference
  RenderImage {IMG} at (0,0) size 130x130
layer at (193,301) size 130x130 blendMode: exclusion
  RenderImage {IMG} at (0,0) size 130x130
layer at (333,301) size 130x130 blendMode: hue
  RenderImage {IMG} at (0,0) size 130x130
layer at (473,301) size 130x130 blendMode: saturation
  RenderImage {IMG} at (0,0) size 130x130
layer at (613,301) size 130x130 blendMode: color
  RenderImage {IMG} at (0,0) size 130x130
layer at (53,441) size 130x130 blendMode: luminosity
  RenderImage {IMG} at (0,0) size 130x130

Return to Bug 130922

Lines 1-3 a/Source/WebCore/ChangeLog_sec1
- a/Source/WebCore/ChangeLog +15 lines
		1	2014-03-28 Ion Rosca <rosca@adobe.com>
		2
		3	[CSS Blending] showLayerTree should dump layer's blend mode and isolation properties
		4	https://bugs.webkit.org/show_bug.cgi?id=130922
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	This change only updates existing tests involving blending. No new test required,
		9	as there is no new or changed functionality.
		10
		11	* rendering/RenderLayer.h: adding blendMode() getter.
		12	* rendering/RenderTreeAsText.cpp:
		13	(WebCore::write):
		14	adding blendMode property and layer's isolation status (does layer isolate blending descendants or not?).
		15
1	2014-03-20 Carlos Garcia Campos <cgarcia@igalia.com>	16	2014-03-20 Carlos Garcia Campos <cgarcia@igalia.com>
2		17
3	[GTK] Use GMainLoopSource for idle and timeout sources in WebCore	18	[GTK] Use GMainLoopSource for idle and timeout sources in WebCore

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +18 lines
		1	2014-03-28 Ion Rosca <rosca@adobe.com>
		2
		3	[CSS Blending] showLayerTree should dump layer's blend mode and isolation properties
		4	https://bugs.webkit.org/show_bug.cgi?id=130922
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Tests are adapted after adding blending information to RenderTreeAsText.
		9
		10	* platform/mac/css3/compositing/blend-mode-background-expected.txt:
		11	* platform/mac/css3/compositing/blend-mode-isolated-group-1-expected.txt:
		12	* platform/mac/css3/compositing/blend-mode-isolated-group-2-expected.txt:
		13	* platform/mac/css3/compositing/blend-mode-isolated-group-3-expected.txt:
		14	* platform/mac/css3/compositing/blend-mode-layers-expected.txt:
		15	* platform/mac/css3/compositing/blend-mode-reflection-expected.txt:
		16	* platform/mac/css3/compositing/blend-mode-simple-composited-expected.txt:
		17	* platform/mac/css3/compositing/blend-mode-simple-expected.txt:
		18
1	2014-03-31 Andrei Bucur <abucur@adobe.com>	19	2014-03-31 Andrei Bucur <abucur@adobe.com>
2		20
3	Wrong layout while animating content in regions	21	Wrong layout while animating content in regions

Lines 3-21 layer at (0,0) size 800x600 a/LayoutTests/platform/mac/css3/compositing/blend-mode-isolated-group-1-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-isolated-group-1-expected.txt -5 / +5 lines
3	layer at (0,0) size 800x108	3	layer at (0,0) size 800x108
4	RenderBlock {HTML} at (0,0) size 800x108	4	RenderBlock {HTML} at (0,0) size 800x108
5	RenderBody {BODY} at (8,8) size 784x0 [bgcolor=#0000FF]	5	RenderBody {BODY} at (8,8) size 784x0 [bgcolor=#0000FF]
6	layer at (28,28) size 60x60	6	layer at (28,28) size 60x60 isolatesBlending
7	RenderBlock (floating) {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]	7	RenderBlock (floating) {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]
8	layer at (48,48) size 60x60	8	layer at (48,48) size 60x60 blendMode: multiply
9	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	9	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
10	layer at (128,28) size 60x60	10	layer at (128,28) size 60x60
11	RenderBlock (floating) {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]	11	RenderBlock (floating) {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]
12	layer at (148,48) size 60x60	12	layer at (148,48) size 60x60 blendMode: multiply
13	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	13	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
14	layer at (228,28) size 60x60	14	layer at (228,28) size 60x60
15	RenderBlock (floating) {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]	15	RenderBlock (floating) {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]
16	layer at (248,48) size 60x60	16	layer at (248,48) size 60x60 blendMode: multiply
17	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	17	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
18	layer at (328,28) size 60x60	18	layer at (328,28) size 60x60
19	RenderBlock (floating) {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]	19	RenderBlock (floating) {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]
20	layer at (348,48) size 60x60	20	layer at (348,48) size 60x60 blendMode: multiply
21	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	21	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]

Lines 1-51 a/LayoutTests/platform/mac/css3/compositing/blend-mode-isolated-group-3-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-isolated-group-3-expected.txt -10 / +10 lines
1	layer at (0,0) size 800x600	1	layer at (0,0) size 800x600
2	RenderView at (0,0) size 800x600	2	RenderView at (0,0) size 800x600
3	layer at (0,0) size 800x208 layerType: background only	3	layer at (0,0) size 800x208 layerType: background only
4	layer at (28,28) size 60x60	4	layer at (28,28) size 60x60 isolatesBlending
5	RenderBlock (floating) zI: -1 {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]	5	RenderBlock (floating) zI: -1 {DIV} at (20,20) size 60x60 [bgcolor=#EE82EE]
6	layer at (48,48) size 60x60	6	layer at (48,48) size 60x60 blendMode: multiply
7	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	7	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
8	layer at (68,68) size 60x60	8	layer at (68,68) size 60x60
9	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]	9	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
10	layer at (128,28) size 60x60	10	layer at (128,28) size 60x60
11	RenderBlock (floating) zI: -1 {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]	11	RenderBlock (floating) zI: -1 {DIV} at (120,20) size 60x60 [bgcolor=#EE82EE]
12	layer at (148,48) size 60x60	12	layer at (148,48) size 60x60 blendMode: multiply
13	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	13	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
14	layer at (168,68) size 60x60	14	layer at (168,68) size 60x60
15	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]	15	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
16	layer at (228,28) size 60x60	16	layer at (228,28) size 60x60
17	RenderBlock (floating) zI: -1 {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]	17	RenderBlock (floating) zI: -1 {DIV} at (220,20) size 60x60 [bgcolor=#EE82EE]
18	layer at (248,48) size 60x60	18	layer at (248,48) size 60x60 blendMode: multiply
19	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	19	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
20	layer at (268,68) size 60x60	20	layer at (268,68) size 60x60
21	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]	21	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
22	layer at (328,28) size 60x60	22	layer at (328,28) size 60x60
23	RenderBlock (floating) zI: -1 {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]	23	RenderBlock (floating) zI: -1 {DIV} at (320,20) size 60x60 [bgcolor=#EE82EE]
24	layer at (348,48) size 60x60	24	layer at (348,48) size 60x60 blendMode: multiply
25	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	25	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
26	layer at (368,68) size 60x60	26	layer at (368,68) size 60x60
27	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]	27	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
28	layer at (428,28) size 60x60	28	layer at (428,28) size 60x60 isolatesBlending
29	RenderBlock (floating) zI: -1 {DIV} at (420,20) size 60x60 [bgcolor=#EE82EE]	29	RenderBlock (floating) zI: -1 {DIV} at (420,20) size 60x60 [bgcolor=#EE82EE]
30	layer at (448,48) size 60x60	30	layer at (448,48) size 60x60 blendMode: multiply
31	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	31	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
32	layer at (468,68) size 60x60	32	layer at (468,68) size 60x60
33	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]	33	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
34	layer at (528,28) size 60x60	34	layer at (528,28) size 60x60
35	RenderBlock (floating) zI: -1 {DIV} at (520,20) size 60x60 [bgcolor=#EE82EE]	35	RenderBlock (floating) zI: -1 {DIV} at (520,20) size 60x60 [bgcolor=#EE82EE]
36	layer at (548,48) size 60x60	36	layer at (548,48) size 60x60 blendMode: multiply
37	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	37	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
38	layer at (568,68) size 60x60	38	layer at (568,68) size 60x60
39	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]	39	RenderBlock (positioned) {DIV} at (40,40) size 60x60 [bgcolor=#FFA500]
40	layer at (628,28) size 60x60	40	layer at (628,28) size 60x60
41	RenderBlock (floating) zI: -1 {DIV} at (620,20) size 60x60 [bgcolor=#EE82EE]	41	RenderBlock (floating) zI: -1 {DIV} at (620,20) size 60x60 [bgcolor=#EE82EE]
42	layer at (648,48) size 60x60	42	layer at (648,48) size 60x60 blendMode: multiply
43	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	43	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
44	layer at (668,68) size 60x60	44	layer at (668,68) size 60x60
45	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]	45	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]
46	layer at (28,128) size 60x60	46	layer at (28,128) size 60x60
47	RenderBlock (floating) zI: -1 {DIV} at (20,120) size 60x60 [bgcolor=#EE82EE]	47	RenderBlock (floating) zI: -1 {DIV} at (20,120) size 60x60 [bgcolor=#EE82EE]
48	layer at (48,148) size 60x60	48	layer at (48,148) size 60x60 blendMode: multiply
49	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]	49	RenderBlock {DIV} at (20,20) size 60x60 [bgcolor=#008000]
50	layer at (68,168) size 60x60	50	layer at (68,168) size 60x60
51	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]	51	RenderBlock (positioned) {DIV} at (20,20) size 60x60 [bgcolor=#FFA500]

Lines 17-27 layer at (73,31) size 160x160 a/LayoutTests/platform/mac/css3/compositing/blend-mode-layers-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-layers-expected.txt -5 / +5 lines
17	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	17	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
18	layer at (53,41) size 80x150	18	layer at (53,41) size 80x150
19	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	19	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
20	layer at (243,31) size 160x160	20	layer at (243,31) size 160x160 blendMode: multiply
21	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	21	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
22	layer at (223,41) size 80x150	22	layer at (223,41) size 80x150
23	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	23	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
24	layer at (413,31) size 160x160	24	layer at (413,31) size 160x160 blendMode: multiply
25	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	25	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
26	layer at (393,41) size 80x150	26	layer at (393,41) size 80x150
27	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	27	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
Lines 31-45 layer at (583,31) size 160x160 a/LayoutTests/platform/mac/css3/compositing/blend-mode-layers-expected.txt_sec2
31	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	31	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
32	layer at (563,41) size 80x150	32	layer at (563,41) size 80x150
33	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	33	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
34	layer at (53,246) size 160x75	34	layer at (53,246) size 160x75 isolatesBlending
35	RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]	35	RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]
36	layer at (73,206) size 160x160	36	layer at (73,206) size 160x160 blendMode: multiply
37	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	37	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
38	layer at (53,216) size 80x150	38	layer at (53,216) size 80x150
39	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	39	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]
40	layer at (223,246) size 160x75	40	layer at (223,246) size 160x75
41	RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]	41	RenderBlock {DIV} at (0,50) size 160x75 [bgcolor=#00FFFF]
42	layer at (243,206) size 160x160	42	layer at (243,206) size 160x160 blendMode: multiply
43	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160	43	RenderBlock (relative positioned) {DIV} at (0,0) size 160x160
44	layer at (223,216) size 80x150	44	layer at (223,216) size 80x150
45	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]	45	RenderBlock (relative positioned) {DIV} at (0,0) size 80x150 [bgcolor=#FFFF00]

Lines 22-54 layer at (0,0) size 800x576 a/LayoutTests/platform/mac/css3/compositing/blend-mode-simple-composited-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-simple-composited-expected.txt -15 / +15 lines
22	RenderBlock (floating) {LI} at (45,425) size 130x130	22	RenderBlock (floating) {LI} at (45,425) size 130x130
23	layer at (53,21) size 130x130	23	layer at (53,21) size 130x130
24	RenderImage {IMG} at (0,0) size 130x130	24	RenderImage {IMG} at (0,0) size 130x130
25	layer at (193,21) size 130x130	25	layer at (193,21) size 130x130 blendMode: overlay
26	RenderImage {IMG} at (0,0) size 130x130	26	RenderImage {IMG} at (0,0) size 130x130
27	layer at (333,21) size 130x130	27	layer at (333,21) size 130x130 blendMode: screen
28	RenderImage {IMG} at (0,0) size 130x130	28	RenderImage {IMG} at (0,0) size 130x130
29	layer at (473,21) size 130x130	29	layer at (473,21) size 130x130 blendMode: overlay
30	RenderImage {IMG} at (0,0) size 130x130	30	RenderImage {IMG} at (0,0) size 130x130
31	layer at (613,21) size 130x130	31	layer at (613,21) size 130x130 blendMode: darken
32	RenderImage {IMG} at (0,0) size 130x130	32	RenderImage {IMG} at (0,0) size 130x130
33	layer at (53,161) size 130x130	33	layer at (53,161) size 130x130 blendMode: lighten
34	RenderImage {IMG} at (0,0) size 130x130	34	RenderImage {IMG} at (0,0) size 130x130
35	layer at (193,161) size 130x130	35	layer at (193,161) size 130x130 blendMode: color-dodge
36	RenderImage {IMG} at (0,0) size 130x130	36	RenderImage {IMG} at (0,0) size 130x130
37	layer at (333,161) size 130x130	37	layer at (333,161) size 130x130 blendMode: color-burn
38	RenderImage {IMG} at (0,0) size 130x130	38	RenderImage {IMG} at (0,0) size 130x130
39	layer at (473,161) size 130x130	39	layer at (473,161) size 130x130 blendMode: hard-light
40	RenderImage {IMG} at (0,0) size 130x130	40	RenderImage {IMG} at (0,0) size 130x130
41	layer at (613,161) size 130x130	41	layer at (613,161) size 130x130 blendMode: soft-light
42	RenderImage {IMG} at (0,0) size 130x130	42	RenderImage {IMG} at (0,0) size 130x130
43	layer at (53,301) size 130x130	43	layer at (53,301) size 130x130 blendMode: difference
44	RenderImage {IMG} at (0,0) size 130x130	44	RenderImage {IMG} at (0,0) size 130x130
45	layer at (193,301) size 130x130	45	layer at (193,301) size 130x130 blendMode: exclusion
46	RenderImage {IMG} at (0,0) size 130x130	46	RenderImage {IMG} at (0,0) size 130x130
47	layer at (333,301) size 130x130	47	layer at (333,301) size 130x130 blendMode: hue
48	RenderImage {IMG} at (0,0) size 130x130	48	RenderImage {IMG} at (0,0) size 130x130
49	layer at (473,301) size 130x130	49	layer at (473,301) size 130x130 blendMode: saturation
50	RenderImage {IMG} at (0,0) size 130x130	50	RenderImage {IMG} at (0,0) size 130x130
51	layer at (613,301) size 130x130	51	layer at (613,301) size 130x130 blendMode: color
52	RenderImage {IMG} at (0,0) size 130x130	52	RenderImage {IMG} at (0,0) size 130x130
53	layer at (53,441) size 130x130	53	layer at (53,441) size 130x130 blendMode: luminosity
54	RenderImage {IMG} at (0,0) size 130x130	54	RenderImage {IMG} at (0,0) size 130x130

Lines 21-53 layer at (0,0) size 800x576 a/LayoutTests/platform/mac/css3/compositing/blend-mode-simple-expected.txt_sec1
- a/LayoutTests/platform/mac/css3/compositing/blend-mode-simple-expected.txt -15 / +15 lines
21	RenderBlock (floating) {LI} at (465,285) size 130x130	21	RenderBlock (floating) {LI} at (465,285) size 130x130
22	RenderBlock (floating) {LI} at (605,285) size 130x130	22	RenderBlock (floating) {LI} at (605,285) size 130x130
23	RenderBlock (floating) {LI} at (45,425) size 130x130	23	RenderBlock (floating) {LI} at (45,425) size 130x130
24	layer at (193,21) size 130x130	24	layer at (193,21) size 130x130 blendMode: overlay
25	RenderImage {IMG} at (0,0) size 130x130	25	RenderImage {IMG} at (0,0) size 130x130
26	layer at (333,21) size 130x130	26	layer at (333,21) size 130x130 blendMode: screen
27	RenderImage {IMG} at (0,0) size 130x130	27	RenderImage {IMG} at (0,0) size 130x130
28	layer at (473,21) size 130x130	28	layer at (473,21) size 130x130 blendMode: overlay
29	RenderImage {IMG} at (0,0) size 130x130	29	RenderImage {IMG} at (0,0) size 130x130
30	layer at (613,21) size 130x130	30	layer at (613,21) size 130x130 blendMode: darken
31	RenderImage {IMG} at (0,0) size 130x130	31	RenderImage {IMG} at (0,0) size 130x130
32	layer at (53,161) size 130x130	32	layer at (53,161) size 130x130 blendMode: lighten
33	RenderImage {IMG} at (0,0) size 130x130	33	RenderImage {IMG} at (0,0) size 130x130
34	layer at (193,161) size 130x130	34	layer at (193,161) size 130x130 blendMode: color-dodge
35	RenderImage {IMG} at (0,0) size 130x130	35	RenderImage {IMG} at (0,0) size 130x130
36	layer at (333,161) size 130x130	36	layer at (333,161) size 130x130 blendMode: color-burn
37	RenderImage {IMG} at (0,0) size 130x130	37	RenderImage {IMG} at (0,0) size 130x130
38	layer at (473,161) size 130x130	38	layer at (473,161) size 130x130 blendMode: hard-light
39	RenderImage {IMG} at (0,0) size 130x130	39	RenderImage {IMG} at (0,0) size 130x130
40	layer at (613,161) size 130x130	40	layer at (613,161) size 130x130 blendMode: soft-light
41	RenderImage {IMG} at (0,0) size 130x130	41	RenderImage {IMG} at (0,0) size 130x130
42	layer at (53,301) size 130x130	42	layer at (53,301) size 130x130 blendMode: difference
43	RenderImage {IMG} at (0,0) size 130x130	43	RenderImage {IMG} at (0,0) size 130x130
44	layer at (193,301) size 130x130	44	layer at (193,301) size 130x130 blendMode: exclusion
45	RenderImage {IMG} at (0,0) size 130x130	45	RenderImage {IMG} at (0,0) size 130x130
46	layer at (333,301) size 130x130	46	layer at (333,301) size 130x130 blendMode: hue
47	RenderImage {IMG} at (0,0) size 130x130	47	RenderImage {IMG} at (0,0) size 130x130
48	layer at (473,301) size 130x130	48	layer at (473,301) size 130x130 blendMode: saturation
49	RenderImage {IMG} at (0,0) size 130x130	49	RenderImage {IMG} at (0,0) size 130x130
50	layer at (613,301) size 130x130	50	layer at (613,301) size 130x130 blendMode: color
51	RenderImage {IMG} at (0,0) size 130x130	51	RenderImage {IMG} at (0,0) size 130x130
52	layer at (53,441) size 130x130	52	layer at (53,441) size 130x130 blendMode: luminosity
53	RenderImage {IMG} at (0,0) size 130x130	53	RenderImage {IMG} at (0,0) size 130x130