<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[168354] trunk/LayoutTests</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/168354">168354</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-05-06 05:16:58 -0700 (Tue, 06 May 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>[CSS Blending] Rename layout tests css3/compositing to css3/blending
https://bugs.webkit.org/show_bug.cgi?id=132578
Patch by Ion Rosca <rosca@adobe.com> on 2014-05-06
Reviewed by Andrei Bucur.
* css3/blending: Renamed from css3/compositing.
* platform/efl/TestExpectations:
* platform/gtk/TestExpectations:
* platform/ios-sim/css3/blending: Renamed from platform/ios-sim/css3/compositing
* platform/mac-wk2/TestExpectations:
* platform/mac/TestExpectations:
* platform/mac/css3/blending: Renamed from platform/mac/css3/compositing.
* platform/win/TestExpectations:
* platform/wincairo/TestExpectations:</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsplatformeflTestExpectations">trunk/LayoutTests/platform/efl/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformgtkTestExpectations">trunk/LayoutTests/platform/gtk/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformmacTestExpectations">trunk/LayoutTests/platform/mac/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformmacwk2TestExpectations">trunk/LayoutTests/platform/mac-wk2/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformwinTestExpectations">trunk/LayoutTests/platform/win/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformwincairoTestExpectations">trunk/LayoutTests/platform/wincairo/TestExpectations</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/css3/blending/</li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundattachementfixedexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundattachementfixedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclipcontentboxexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclipcontentboxhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclippaddingboxexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclippaddingboxhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundoriginborderboxexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundoriginborderboxhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundpositionpercentageexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundpositionpercentagehtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundrepeatnorepeatexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundrepeatnorepeathtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecontainexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecontainhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecoverexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecoverhtml">trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodecrossfadeimageexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodecrossfadeimagehtml">trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodedataurisvgimageexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodedataurisvgimagehtml">trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodedefaultvaluehtml">trunk/LayoutTests/css3/blending/background-blend-mode-default-value.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodedifferentimageformatshtml">trunk/LayoutTests/css3/blending/background-blend-mode-different-image-formats.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegifcolor2html">trunk/LayoutTests/css3/blending/background-blend-mode-gif-color-2.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegifcolorhtml">trunk/LayoutTests/css3/blending/background-blend-mode-gif-color.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientcolorexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientcolorhtml">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientgradientexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientgradienthtml">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientimageexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodegradientimagehtml">trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeimagecolorhtml">trunk/LayoutTests/css3/blending/background-blend-mode-image-color.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeimageimagehtml">trunk/LayoutTests/css3/blending/background-blend-mode-image-image.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeimagesvgexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-image-svg-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeimagesvghtml">trunk/LayoutTests/css3/blending/background-blend-mode-image-svg.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodemultiplebackgroundlayersexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodemultiplebackgroundlayershtml">trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodepropertyexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-property-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodepropertyparsingexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodepropertyparsinghtml">trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodepropertyhtml">trunk/LayoutTests/css3/blending/background-blend-mode-property.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeseparatelayerdeclarationexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodeseparatelayerdeclarationhtml">trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodesinglelayernoblendinghtml">trunk/LayoutTests/css3/blending/background-blend-mode-single-layer-no-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodesvgcolorexpectedtxt">trunk/LayoutTests/css3/blending/background-blend-mode-svg-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodesvgcolorhtml">trunk/LayoutTests/css3/blending/background-blend-mode-svg-color.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodesvgexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-svg-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodesvghtml">trunk/LayoutTests/css3/blending/background-blend-mode-svg.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodetiledlayersexpectedhtml">trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingbackgroundblendmodetiledlayershtml">trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeacceleratedwithmultiplestackingcontextsexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeacceleratedwithmultiplestackingcontextshtml">trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeancestorclippinglayerexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeancestorclippinglayerhtml">trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodebackgroundhtml">trunk/LayoutTests/css3/blending/blend-mode-background.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerhtml">trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolatedgroup1html">trunk/LayoutTests/css3/blending/blend-mode-isolated-group-1.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolatedgroup2html">trunk/LayoutTests/css3/blending/blend-mode-isolated-group-2.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolatedgroup3html">trunk/LayoutTests/css3/blending/blend-mode-isolated-group-3.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsappendnonstackingcontextblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsappendstackingcontextblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsremovenonstackingcontextblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsremovestackingcontextblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffblendingnoisolationhtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffstackingcontexthtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsturnonblendinghtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeisolationflagsturnonstackingcontexthtml">trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodelayershtml">trunk/LayoutTests/css3/blending/blend-mode-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeoverflowexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-overflow-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeoverflowhtml">trunk/LayoutTests/css3/blending/blend-mode-overflow.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeparentofcompositedblendedhaslayerexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodeparentofcompositedblendedhaslayerhtml">trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-property-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyparsingexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-property-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyparsinginvalidexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyparsinginvalidhtml">trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyparsinghtml">trunk/LayoutTests/css3/blending/blend-mode-property-parsing.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodepropertyhtml">trunk/LayoutTests/css3/blending/blend-mode-property.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodereflectionhtml">trunk/LayoutTests/css3/blending/blend-mode-reflection.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodesimplecompositedhtml">trunk/LayoutTests/css3/blending/blend-mode-simple-composited.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodesimplehtml">trunk/LayoutTests/css3/blending/blend-mode-simple.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodetransformstyleexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-transform-style-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodetransformstylehtml">trunk/LayoutTests/css3/blending/blend-mode-transform-style.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithacceleratedsiblingexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithacceleratedsiblinghtml">trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithbodyexpectedhtml">trunk/LayoutTests/css3/blending/blend-mode-with-body-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithbodyhtml">trunk/LayoutTests/css3/blending/blend-mode-with-body.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithcompositeddescendantshouldhavelayerexpectedtxt">trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingblendmodewithcompositeddescendantshouldhavelayerhtml">trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodeexpectedtxt">trunk/LayoutTests/css3/blending/effect-background-blend-mode-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodestackingexpectedtxt">trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodestackinghtml">trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodetiledexpectedtxt">trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodetiledhtml">trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingeffectbackgroundblendmodehtml">trunk/LayoutTests/css3/blending/effect-background-blend-mode.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingisolationisolateblendedchildexpectedhtml">trunk/LayoutTests/css3/blending/isolation-isolate-blended-child-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingisolationisolateblendedchildhtml">trunk/LayoutTests/css3/blending/isolation-isolate-blended-child.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingisolationisolatesimpleexpectedtxt">trunk/LayoutTests/css3/blending/isolation-isolate-simple-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingisolationparsingexpectedtxt">trunk/LayoutTests/css3/blending/isolation-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingisolationparsinghtml">trunk/LayoutTests/css3/blending/isolation-parsing.html</a></li>
<li>trunk/LayoutTests/css3/blending/repaint/</li>
<li><a href="#trunkLayoutTestscss3blendingrepaintblendmodeisolatestackingcontextexpectedtxt">trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3blendingrepaintblendmodeisolatestackingcontexthtml">trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context.html</a></li>
<li>trunk/LayoutTests/css3/blending/resources/</li>
<li><a href="#trunkLayoutTestscss3blendingresourcesduckyjpg">trunk/LayoutTests/css3/blending/resources/ducky.jpg</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourcesduckypng">trunk/LayoutTests/css3/blending/resources/ducky.png</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourcesgray_squaresvg">trunk/LayoutTests/css3/blending/resources/gray_square.svg</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourcesredcirclesvg">trunk/LayoutTests/css3/blending/resources/red-circle.svg</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourcesreferencepng">trunk/LayoutTests/css3/blending/resources/reference.png</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourcessquaresgif">trunk/LayoutTests/css3/blending/resources/squares.gif</a></li>
<li><a href="#trunkLayoutTestscss3blendingresourceswhite_squaresvg">trunk/LayoutTests/css3/blending/resources/white_square.svg</a></li>
<li>trunk/LayoutTests/css3/blending/script-tests/</li>
<li><a href="#trunkLayoutTestscss3blendingscripttestsbackgroundblendmodepropertyparsingjs">trunk/LayoutTests/css3/blending/script-tests/background-blend-mode-property-parsing.js</a></li>
<li><a href="#trunkLayoutTestscss3blendingscripttestsbackgroundblendmodepropertyjs">trunk/LayoutTests/css3/blending/script-tests/background-blend-mode-property.js</a></li>
<li><a href="#trunkLayoutTestscss3blendingscripttestsblendmodepropertyparsinginvalidjs">trunk/LayoutTests/css3/blending/script-tests/blend-mode-property-parsing-invalid.js</a></li>
<li><a href="#trunkLayoutTestscss3blendingscripttestsblendmodepropertyparsingjs">trunk/LayoutTests/css3/blending/script-tests/blend-mode-property-parsing.js</a></li>
<li><a href="#trunkLayoutTestscss3blendingscripttestsblendmodepropertyjs">trunk/LayoutTests/css3/blending/script-tests/blend-mode-property.js</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendcolorburnhtml">trunk/LayoutTests/css3/blending/svg-blend-color-burn.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendcolordodgehtml">trunk/LayoutTests/css3/blending/svg-blend-color-dodge.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblenddarkenhtml">trunk/LayoutTests/css3/blending/svg-blend-darken.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblenddifferencehtml">trunk/LayoutTests/css3/blending/svg-blend-difference.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendexclusionhtml">trunk/LayoutTests/css3/blending/svg-blend-exclusion.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendhardlighthtml">trunk/LayoutTests/css3/blending/svg-blend-hard-light.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayerblendhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-blend.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayerclippathhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-clip-path.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayerfilterhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-filter.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayermaskhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-mask.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayeropacityhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-opacity.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlayershadowhtml">trunk/LayoutTests/css3/blending/svg-blend-layer-shadow.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendlightenhtml">trunk/LayoutTests/css3/blending/svg-blend-lighten.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendmultiplyalphahtml">trunk/LayoutTests/css3/blending/svg-blend-multiply-alpha.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendmultiplyhtml">trunk/LayoutTests/css3/blending/svg-blend-multiply.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendnormalhtml">trunk/LayoutTests/css3/blending/svg-blend-normal.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendoverlayhtml">trunk/LayoutTests/css3/blending/svg-blend-overlay.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendscreenhtml">trunk/LayoutTests/css3/blending/svg-blend-screen.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgblendsoftlighthtml">trunk/LayoutTests/css3/blending/svg-blend-soft-light.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationdefaultexpectedhtml">trunk/LayoutTests/css3/blending/svg-isolation-default-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationdefaulthtml">trunk/LayoutTests/css3/blending/svg-isolation-default.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationisolatedgroupexpectedhtml">trunk/LayoutTests/css3/blending/svg-isolation-isolated-group-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationisolatedgrouphtml">trunk/LayoutTests/css3/blending/svg-isolation-isolated-group.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationsimpleexpectedhtml">trunk/LayoutTests/css3/blending/svg-isolation-simple-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3blendingsvgisolationsimplehtml">trunk/LayoutTests/css3/blending/svg-isolation-simple.html</a></li>
<li>trunk/LayoutTests/platform/ios-sim/css3/blending/</li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingblendmodeancestorclippinglayerexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/blend-mode-ancestor-clipping-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingblendmodeparentofcompositedblendedhaslayerexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/blend-mode-parent-of-composited-blended-has-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingblendmodewithcompositeddescendantshouldhavelayerexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/blend-mode-with-composited-descendant-should-have-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingshouldhavecompositinglayerexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/should-have-compositing-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendcolorburnexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-color-burn-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendcolordodgeexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-color-dodge-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendcolorexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblenddarkenexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-darken-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblenddifferenceexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-difference-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendexclusionexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-exclusion-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendhardlightexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-hard-light-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendhueexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-hue-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayerblendexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-blend-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayerclippathexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-clip-path-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayerfilterexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-filter-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayermaskexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-mask-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayeropacityexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-opacity-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlayershadowexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-layer-shadow-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendlightenexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-lighten-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendluminosityexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-luminosity-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendmultiplyalphaexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-multiply-alpha-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendmultiplyexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-multiply-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendnormalexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-normal-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendoverlayexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-overlay-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendsaturationexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-saturation-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendscreenexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-screen-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimcss3blendingsvgblendsoftlightexpectedtxt">trunk/LayoutTests/platform/ios-sim/css3/blending/svg-blend-soft-light-expected.txt</a></li>
<li>trunk/LayoutTests/platform/mac/css3/blending/</li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodedefaultvalueexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-default-value-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodedefaultvalueexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-default-value-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodedifferentimageformatsexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-different-image-formats-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodedifferentimageformatsexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-different-image-formats-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegifcolor2expectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gif-color-2-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegifcolor2expectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gif-color-2-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegifcolorexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gif-color-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegifcolorexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gif-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegradientcolorexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gradient-color-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegradientgradientexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gradient-gradient-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodegradientimageexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-gradient-image-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodeimagecolorexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-image-color-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodeimagecolorexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-image-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodeimageimageexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-image-image-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodeimageimageexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-image-image-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodeimagesvgexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-image-svg-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodemultiplebackgroundlayersexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-multiple-background-layers-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodesinglelayernoblendingexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-single-layer-no-blending-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodesinglelayernoblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-single-layer-no-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingbackgroundblendmodesvgcolorexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/background-blend-mode-svg-color-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodebackgroundexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-background-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodebackgroundexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-background-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup1expectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-1-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup1expectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-1-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup2expectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-2-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup2expectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-2-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup3expectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-3-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolatedgroup3expectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolated-group-3-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsappendnonstackingcontextblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsappendstackingcontextblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsremovenonstackingcontextblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsremovestackingcontextblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsturnoffblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-turn-off-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsturnoffblendingnoisolationexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsturnoffstackingcontextexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsturnonblendingexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-turn-on-blending-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeisolationflagsturnonstackingcontextexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodelayersexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-layers-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodelayersexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-layers-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeoverflowexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-overflow-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodeoverflowexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-overflow-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodereflectionexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-reflection-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodereflectionexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-reflection-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodesimplecompositedexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-simple-composited-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodesimplecompositedexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-simple-composited-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodesimpleexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-simple-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingblendmodesimpleexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/blend-mode-simple-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingeffectbackgroundblendmodeexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/effect-background-blend-mode-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingeffectbackgroundblendmodestackingexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/effect-background-blend-mode-stacking-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingeffectbackgroundblendmodetiledexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/effect-background-blend-mode-tiled-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolorburnexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-burn-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolorburnexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-burn-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolordodgeexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-dodge-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolordodgeexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-dodge-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolorexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendcolorexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblenddarkenexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-darken-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblenddarkenexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-darken-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblenddifferenceexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-difference-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblenddifferenceexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-difference-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendexclusionexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-exclusion-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendexclusionexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-exclusion-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendhardlightexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-hard-light-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendhardlightexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-hard-light-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendhueexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-hue-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendhueexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-hue-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerblendexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-blend-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerblendexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-blend-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerclippathexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-clip-path-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerclippathexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-clip-path-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerfilterexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-filter-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayerfilterexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-filter-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayermaskexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-mask-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayermaskexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-mask-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayeropacityexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-opacity-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayeropacityexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-opacity-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayershadowexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-shadow-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlayershadowexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-layer-shadow-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlightenexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-lighten-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendlightenexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-lighten-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendluminosityexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-luminosity-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendluminosityexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-luminosity-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendmultiplyalphaexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-multiply-alpha-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendmultiplyalphaexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-multiply-alpha-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendmultiplyexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-multiply-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendmultiplyexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-multiply-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendnormalexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-normal-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendnormalexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-normal-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendoverlayexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-overlay-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendoverlayexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-overlay-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendsaturationexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-saturation-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendsaturationexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-saturation-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendscreenexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-screen-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendscreenexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-screen-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendsoftlightexpectedpng">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-soft-light-expected.png</a></li>
<li><a href="#trunkLayoutTestsplatformmaccss3blendingsvgblendsoftlightexpectedtxt">trunk/LayoutTests/platform/mac/css3/blending/svg-blend-soft-light-expected.txt</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundattachementfixedexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-attachement-fixed-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundattachementfixedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-attachement-fixed.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclipcontentboxexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-content-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclipcontentboxhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-content-box.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclippaddingboxexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-padding-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclippaddingboxhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-padding-box.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundoriginborderboxexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-origin-border-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundoriginborderboxhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-origin-border-box.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundpositionpercentageexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-position-percentage-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundpositionpercentagehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-position-percentage.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundrepeatnorepeatexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-repeat-no-repeat-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundrepeatnorepeathtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-repeat-no-repeat.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecontainexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-contain-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecontainhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-contain.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecoverexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-cover-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecoverhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-cover.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodecrossfadeimageexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-crossfade-image-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodecrossfadeimagehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-crossfade-image.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodedataurisvgimageexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodedataurisvgimagehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodedefaultvaluehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-default-value.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodedifferentimageformatshtml">trunk/LayoutTests/css3/compositing/background-blend-mode-different-image-formats.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegifcolor2html">trunk/LayoutTests/css3/compositing/background-blend-mode-gif-color-2.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegifcolorhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-gif-color.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientcolorexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientcolorhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-color.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientgradientexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-gradient-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientgradienthtml">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-gradient.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientimageexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-image-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodegradientimagehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-image.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeimagecolorhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-image-color.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeimageimagehtml">trunk/LayoutTests/css3/compositing/background-blend-mode-image-image.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeimagesvgexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-image-svg-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeimagesvghtml">trunk/LayoutTests/css3/compositing/background-blend-mode-image-svg.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodemultiplebackgroundlayersexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-multiple-background-layers-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodemultiplebackgroundlayershtml">trunk/LayoutTests/css3/compositing/background-blend-mode-multiple-background-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodepropertyexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-property-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodepropertyparsingexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-property-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodepropertyparsinghtml">trunk/LayoutTests/css3/compositing/background-blend-mode-property-parsing.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodepropertyhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-property.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeseparatelayerdeclarationexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-separate-layer-declaration-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodeseparatelayerdeclarationhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-separate-layer-declaration.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodesinglelayernoblendinghtml">trunk/LayoutTests/css3/compositing/background-blend-mode-single-layer-no-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodesvgcolorexpectedtxt">trunk/LayoutTests/css3/compositing/background-blend-mode-svg-color-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodesvgcolorhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-svg-color.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodesvgexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-svg-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodesvghtml">trunk/LayoutTests/css3/compositing/background-blend-mode-svg.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodetiledlayersexpectedhtml">trunk/LayoutTests/css3/compositing/background-blend-mode-tiled-layers-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingbackgroundblendmodetiledlayershtml">trunk/LayoutTests/css3/compositing/background-blend-mode-tiled-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeacceleratedwithmultiplestackingcontextsexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeacceleratedwithmultiplestackingcontextshtml">trunk/LayoutTests/css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeancestorclippinglayerexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-ancestor-clipping-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeancestorclippinglayerhtml">trunk/LayoutTests/css3/compositing/blend-mode-ancestor-clipping-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodebackgroundhtml">trunk/LayoutTests/css3/compositing/blend-mode-background.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerhtml">trunk/LayoutTests/css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolatedgroup1html">trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-1.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolatedgroup2html">trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-2.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolatedgroup3html">trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-3.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsappendnonstackingcontextblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-append-non-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsappendstackingcontextblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-append-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsremovenonstackingcontextblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-remove-non-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsremovestackingcontextblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-remove-stacking-context-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffblendingnoisolationhtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-blending-no-isolation.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffstackingcontexthtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-stacking-context.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsturnonblendinghtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-on-blending.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeisolationflagsturnonstackingcontexthtml">trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-on-stacking-context.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodelayershtml">trunk/LayoutTests/css3/compositing/blend-mode-layers.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeoverflowexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-overflow-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeoverflowhtml">trunk/LayoutTests/css3/compositing/blend-mode-overflow.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeparentofcompositedblendedhaslayerexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-parent-of-composited-blended-has-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodeparentofcompositedblendedhaslayerhtml">trunk/LayoutTests/css3/compositing/blend-mode-parent-of-composited-blended-has-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-property-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyparsingexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyparsinginvalidexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-invalid-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyparsinginvalidhtml">trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-invalid.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyparsinghtml">trunk/LayoutTests/css3/compositing/blend-mode-property-parsing.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodepropertyhtml">trunk/LayoutTests/css3/compositing/blend-mode-property.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodereflectionhtml">trunk/LayoutTests/css3/compositing/blend-mode-reflection.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodesimplecompositedhtml">trunk/LayoutTests/css3/compositing/blend-mode-simple-composited.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodesimplehtml">trunk/LayoutTests/css3/compositing/blend-mode-simple.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodetransformstyleexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-transform-style-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodetransformstylehtml">trunk/LayoutTests/css3/compositing/blend-mode-transform-style.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithacceleratedsiblingexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-with-accelerated-sibling-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithacceleratedsiblinghtml">trunk/LayoutTests/css3/compositing/blend-mode-with-accelerated-sibling.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithbodyexpectedhtml">trunk/LayoutTests/css3/compositing/blend-mode-with-body-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithbodyhtml">trunk/LayoutTests/css3/compositing/blend-mode-with-body.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithcompositeddescendantshouldhavelayerexpectedtxt">trunk/LayoutTests/css3/compositing/blend-mode-with-composited-descendant-should-have-layer-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingblendmodewithcompositeddescendantshouldhavelayerhtml">trunk/LayoutTests/css3/compositing/blend-mode-with-composited-descendant-should-have-layer.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodeexpectedtxt">trunk/LayoutTests/css3/compositing/effect-background-blend-mode-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodestackingexpectedtxt">trunk/LayoutTests/css3/compositing/effect-background-blend-mode-stacking-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodestackinghtml">trunk/LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodetiledexpectedtxt">trunk/LayoutTests/css3/compositing/effect-background-blend-mode-tiled-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodetiledhtml">trunk/LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingeffectbackgroundblendmodehtml">trunk/LayoutTests/css3/compositing/effect-background-blend-mode.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingisolationisolateblendedchildexpectedhtml">trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingisolationisolateblendedchildhtml">trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingisolationisolatesimpleexpectedtxt">trunk/LayoutTests/css3/compositing/isolation-isolate-simple-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingisolationparsingexpectedtxt">trunk/LayoutTests/css3/compositing/isolation-parsing-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3compositingisolationparsinghtml">trunk/LayoutTests/css3/compositing/isolation-parsing.html</a></li>
<li>trunk/LayoutTests/css3/compositing/repaint/</li>
<li>trunk/LayoutTests/css3/compositing/resources/</li>
<li>trunk/LayoutTests/css3/compositing/script-tests/</li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendcolorburnhtml">trunk/LayoutTests/css3/compositing/svg-blend-color-burn.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendcolordodgehtml">trunk/LayoutTests/css3/compositing/svg-blend-color-dodge.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblenddarkenhtml">trunk/LayoutTests/css3/compositing/svg-blend-darken.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblenddifferencehtml">trunk/LayoutTests/css3/compositing/svg-blend-difference.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendexclusionhtml">trunk/LayoutTests/css3/compositing/svg-blend-exclusion.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendhardlighthtml">trunk/LayoutTests/css3/compositing/svg-blend-hard-light.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayerblendhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-blend.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayerclippathhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-clip-path.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayerfilterhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-filter.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayermaskhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-mask.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayeropacityhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-opacity.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlayershadowhtml">trunk/LayoutTests/css3/compositing/svg-blend-layer-shadow.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendlightenhtml">trunk/LayoutTests/css3/compositing/svg-blend-lighten.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendmultiplyalphahtml">trunk/LayoutTests/css3/compositing/svg-blend-multiply-alpha.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendmultiplyhtml">trunk/LayoutTests/css3/compositing/svg-blend-multiply.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendnormalhtml">trunk/LayoutTests/css3/compositing/svg-blend-normal.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendoverlayhtml">trunk/LayoutTests/css3/compositing/svg-blend-overlay.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendscreenhtml">trunk/LayoutTests/css3/compositing/svg-blend-screen.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgblendsoftlighthtml">trunk/LayoutTests/css3/compositing/svg-blend-soft-light.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationdefaultexpectedhtml">trunk/LayoutTests/css3/compositing/svg-isolation-default-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationdefaulthtml">trunk/LayoutTests/css3/compositing/svg-isolation-default.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationisolatedgroupexpectedhtml">trunk/LayoutTests/css3/compositing/svg-isolation-isolated-group-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationisolatedgrouphtml">trunk/LayoutTests/css3/compositing/svg-isolation-isolated-group.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationsimpleexpectedhtml">trunk/LayoutTests/css3/compositing/svg-isolation-simple-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3compositingsvgisolationsimplehtml">trunk/LayoutTests/css3/compositing/svg-isolation-simple.html</a></li>
<li>trunk/LayoutTests/platform/ios-sim/css3/compositing/</li>
<li>trunk/LayoutTests/platform/mac/css3/compositing/</li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (168353 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2014-05-06 10:58:05 UTC (rev 168353)
+++ trunk/LayoutTests/ChangeLog        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -1,3 +1,20 @@
</span><ins>+2014-05-06 Ion Rosca <rosca@adobe.com>
+
+ [CSS Blending] Rename layout tests css3/compositing to css3/blending
+ https://bugs.webkit.org/show_bug.cgi?id=132578
+
+ Reviewed by Andrei Bucur.
+
+ * css3/blending: Renamed from css3/compositing.
+ * platform/efl/TestExpectations:
+ * platform/gtk/TestExpectations:
+ * platform/ios-sim/css3/blending: Renamed from platform/ios-sim/css3/compositing
+ * platform/mac-wk2/TestExpectations:
+ * platform/mac/TestExpectations:
+ * platform/mac/css3/blending: Renamed from platform/mac/css3/compositing.
+ * platform/win/TestExpectations:
+ * platform/wincairo/TestExpectations:
+
</ins><span class="cx"> 2014-05-05 Grzegorz Czajkowski <g.czajkowski@samsung.com>
</span><span class="cx">
</span><span class="cx"> Share mac/editing/spelling/delete-into-misspelled-word.html with other platforms
</span></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundattachementfixedexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundattachementfixedexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-attachement-fixed-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-attachment: fixed -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: #777777;
+        background-attachment: fixed ;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+ background-blend-mode: normal;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundattachementfixedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundattachementfixedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-attachement-fixed.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-attachement-fixed.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-attachment: fixed -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: url('resources/white_square.svg'), #777777;
+        background-attachment: fixed ;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+ background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclipcontentboxexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclipcontentboxexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-content-box-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-clip: content-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: #777777;
+        -webkit-background-clip: content-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclipcontentboxhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclipcontentboxhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-content-box.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-content-box.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-clip: content-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: url('resources/white_square.svg'), #777777;
+        -webkit-background-clip: content-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+ background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclippaddingboxexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclippaddingboxexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-padding-box-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-clip: padding-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        padding: 8.5px;
+        margin: 0 0 9px;
+        background: #777777;
+        -webkit-background-clip: padding-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundclippaddingboxhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundclippaddingboxhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-clip-padding-box.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-clip-padding-box.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-clip: padding-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        padding: 8.5px;
+        margin: 0 0 9px;
+        background: url('resources/white_square.svg'), #777777;
+        -webkit-background-clip: padding-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+ background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundoriginborderboxexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundoriginborderboxexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-origin-border-box-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-origin: border-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        border: 10px double;
+ padding: 10px;
+        background: #777777;
+        background-origin: border-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundoriginborderboxhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundoriginborderboxhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-origin-border-box.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-origin-border-box.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-origin: border-box -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        border: 10px double;
+ padding: 10px;
+        background: url('resources/white_square.svg'), #777777;
+        background-origin: border-box;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+ background-blend-mode: multiply;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundpositionpercentageexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundpositionpercentageexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-position-percentage-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-position in percentage, such as 50% 50% -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+ background-color: #777777;
+        background-position: 10% 10%;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundpositionpercentagehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundpositionpercentagehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-position-percentage.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-position-percentage.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-position in percentage, such as 50% 50% -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: url('resources/white_square.svg'), #777777;
+        background-position: 10% 10%;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div style="background-blend-mode: multiply;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundrepeatnorepeatexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundrepeatnorepeatexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-repeat-no-repeat-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-repeat: no-repeat -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background-color: #777777;
+        background-repeat: no-repeat;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundrepeatnorepeathtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundrepeatnorepeathtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-repeat-no-repeat.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-repeat-no-repeat.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-repeat: no-repeat -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background-image: url('resources/white_square.svg');
+        background-color: #777777;
+        background-repeat: no-repeat;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div style="background-blend-mode: multiply;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecontainexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecontainexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-contain-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-size: contain -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: #777777;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecontainhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecontainhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-contain.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-size-contain.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-size: contain -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: url('resources/white_square.svg'), #777777;
+        background-size: contain;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div style="background-blend-mode: multiply;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecoverexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecoverexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-cover-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-size: cover -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: #777777;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodebackgroundsizecoverhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodebackgroundsizecoverhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-background-size-cover.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-background-size-cover.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!-- Blend a background image and a background color specifying background-size: cover -->
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+div {
+        background: url('resources/white_square.svg'), #777777;
+        background-size: cover;
+        width: 200px;
+ height: 200px;
+ margin: 10px;
+}
+</style>
+</head>
+
+<body>
+ <div style="background-blend-mode: multiply;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodecrossfadeimageexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodecrossfadeimageexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-crossfade-image-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- This file should contain two elements, each containing a cross-faded image between two rectangles, blended with a solid yellow background color.
+The test passes if you can see two green rectangles drawn on the screen. The test fails if the rectangles are drawn with red. -->
+
+<style>
+ div {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: #0F0;
+ }
+</style>
+
+<div></div>
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodecrossfadeimagehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodecrossfadeimagehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-crossfade-image.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-crossfade-image.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- This file should contain two elements, each containing a cross-faded image between two rectangles, blended with a solid yellow background color.
+The test passes if you can see two green rectangles drawn on the screen. The test fails if the rectangles are drawn with red. -->
+
+<style>
+ div {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: -webkit-cross-fade(url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ), url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ), 100%) no-repeat 0 0 /100% 100%, #FF0;
+ background-blend-mode: difference, normal
+ }
+</style>
+
+<!-- Test the software path. -->
+<div></div>
+
+<!-- Test the hardware path. -->
+<div style="-webkit-transform: translateZ(0);"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodedataurisvgimageexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodedataurisvgimageexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- This file should two green squares, each having a dotted border. -->
+
+<style>
+ div {
+ border: 5px navy;
+ border-style: dotted double;
+ background: #0F0;
+ width: 130px;
+ height: 130px;
+ }
+</style>
+
+<div></div>
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodedataurisvgimagehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodedataurisvgimagehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-data-uri-svg-image.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- This file should two green squares, each having a dotted border. -->
+
+<style>
+ div {
+ border: 5px navy;
+ border-style: dotted double;
+ background: url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ), #FF0;
+ width: 130px;
+ height: 130px;
+ background-blend-mode: difference, normal
+ }
+</style>
+
+<script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+</script>
+
+<!-- Test the software path. -->
+<div></div>
+
+<!-- Test the hardware path. -->
+<div style="-webkit-transform: translateZ(0)"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodedefaultvaluehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodedefaultvaluehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-default-value.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-default-value.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-default-value.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-default-value.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ div {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green;
+ width: 200px;
+ height: 200px;
+ margin: 10px;
+ }
+</style>
+<!-- Test whether default blend mode values are set for the unspecified layers in background-blend-mode. -->
+</head>
+<body>
+ <div style="background-blend-mode: normal;"></div>
+ <div style="background-blend-mode: difference;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodedifferentimageformatshtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodedifferentimageformatshtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-different-image-formats.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-different-image-formats.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-different-image-formats.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-different-image-formats.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ div {
+ background-blend-mode: multiply, normal;
+ width: 200px;
+ height: 200px;
+ margin: 10px;
+ }
+
+ #png {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
+ }
+
+ #jpg {
+ background: url('resources/ducky.jpg') no-repeat 0 0 /100% 100%, green;
+ }
+
+</style>
+<!-- This file should contain two divs that should perform blending with the background color.-->
+</head>
+<body>
+ <div id="png"></div>
+ <div id="jpg">
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegifcolor2htmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegifcolor2html"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gif-color-2.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gif-color-2.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gif-color-2.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gif-color-2.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ div {
+ width: 130px;
+ height: 130px;
+ background: url('resources/squares.gif'), green;
+ float: left;
+ margin: 5px;
+ }
+</style>
+<script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function done() {
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+</script>
+</head>
+<!-- This file should contain a gif on top of a background color with every type of blending. -->
+<body>
+ <div style="background-blend-mode: normal, normal"></div>
+ <div style="background-blend-mode: multiply, normal"></div>
+ <div style="background-blend-mode: screen, normal"></div>
+ <div style="background-blend-mode: darken, normal"></div>
+ <div style="background-blend-mode: lighten, normal"></div>
+ <div style="background-blend-mode: color-dodge, normal"></div>
+ <div style="background-blend-mode: color-burn, normal"></div>
+ <div style="background-blend-mode: hard-light, normal"></div>
+ <div style="background-blend-mode: soft-light, normal"></div>
+ <div style="background-blend-mode: difference, normal"></div>
+ <div style="background-blend-mode: exclusion, normal"></div>
+ <script type="text/javascript">
+ window.setTimeout("done()", 400);
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegifcolorhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegifcolorhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gif-color.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gif-color.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gif-color.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gif-color.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ div {
+ width: 130px;
+ height: 130px;
+ background: url('resources/squares.gif'), green;
+ float: left;
+ margin: 5px;
+ }
+</style>
+</head>
+<!-- This file should contain a gif on top of a background color with every type of blending. -->
+<body>
+ <div style="background-blend-mode: normal, normal"></div>
+ <div style="background-blend-mode: multiply, normal"></div>
+ <div style="background-blend-mode: screen, normal"></div>
+ <div style="background-blend-mode: overlay, normal"></div>
+ <div style="background-blend-mode: darken, normal"></div>
+ <div style="background-blend-mode: lighten, normal"></div>
+ <div style="background-blend-mode: color-burn, normal"></div>
+ <div style="background-blend-mode: hard-light, normal"></div>
+ <div style="background-blend-mode: soft-light, normal"></div>
+ <div style="background-blend-mode: difference, normal"></div>
+ <div style="background-blend-mode: exclusion, normal"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientcolorexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientcolorexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-color-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientcolorhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientcolorhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-color.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-color.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: linear-gradient(to right, gray 0%, gray 100%), green;
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain a gradient on top of a background color for every type of blending. -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientgradientexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientgradientexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-gradient-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientgradienthtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientgradienthtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-gradient.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-gradient.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: linear-gradient(to right, white 0%, gray 100%), radial-gradient(green 0%, white 100%);
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain a gradient on top of another gradient for every type of blending. -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal; opacity:.9"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientimageexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientimageexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-image-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodegradientimagehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodegradientimagehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-gradient-image.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-gradient-image.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: linear-gradient(to right, white 0%, gray 100%), url('resources/ducky.png') no-repeat 0 0 /100% 100%;
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain a gradient on top of a background image for every type of blending. -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal; opacity:.9"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeimagecolorhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeimagecolorhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-image-color.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-image-color.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-image-color.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-image-color.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: url('resources/ducky.jpg') no-repeat 0 0 /100% 100%, green;
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain on image on top of a background color for every type of blending -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeimageimagehtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeimageimagehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-image-image.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-image-image.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-image-image.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-image-image.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: url('resources/ducky.jpg') no-repeat 0 0 /100% 100%, url('resources/ducky.png') no-repeat 0 0 /100% 100%;
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain an image on top of another image for every type of blending -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal; opacity:.9"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeimagesvgexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeimagesvgexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-image-svg-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-image-svg-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-image-svg-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-image-svg-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeimagesvghtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeimagesvghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-image-svg.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-image-svg.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-image-svg.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-image-svg.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, url('resources/red-circle.svg');
+ display: block;
+ float: left;
+ }
+</style>
+<!-- This file should contain a duck on top of an svg with every type of blending. -->
+<body>
+ <ul>
+ <li style="background-blend-mode: normal, normal"></li>
+ <li style="background-blend-mode: multiply, normal"></li>
+ <li style="background-blend-mode: screen, normal"></li>
+ <li style="background-blend-mode: overlay, normal"></li>
+ <li style="background-blend-mode: darken, normal"></li>
+ <li style="background-blend-mode: lighten, normal"></li>
+ <li style="background-blend-mode: color-dodge, normal"></li>
+ <li style="background-blend-mode: color-burn, normal"></li>
+ <li style="background-blend-mode: hard-light, normal"></li>
+ <li style="background-blend-mode: soft-light, normal"></li>
+ <li style="background-blend-mode: difference, normal"></li>
+ <li style="background-blend-mode: exclusion, normal"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodemultiplebackgroundlayersexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodemultiplebackgroundlayersexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-multiple-background-layers-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodemultiplebackgroundlayershtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodemultiplebackgroundlayershtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-multiple-background-layers.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+ div {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green;
+ width: 200px;
+ height: 200px;
+ margin: 10px;
+ }
+</style>
+</head>
+<!-- This file should contain two divs with 3 background layers. Test background blend mode differences when only one layer blends differently. -->
+<body>
+ <div style="background-blend-mode: multiply, difference, normal;"></div>
+ <div style="background-blend-mode: difference, difference, normal;"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodepropertyexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodepropertyexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-property-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-property-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-property-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-property-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+Test the parsing of the -webkit-background-blend-mode property.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'normal, normal'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'multiply, multiply'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'screen, screen'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'overlay, overlay'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'darken, darken'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'lighten, lighten'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'color-dodge, color-dodge'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'color-burn, color-burn'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'hard-light, hard-light'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'soft-light, soft-light'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'difference, difference'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'exclusion, exclusion'
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodepropertyparsingexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodepropertyparsingexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-property-parsing-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+Test the parsing of the background-blend-mode property.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+
+Basic reference : normal
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'normal'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : multiply, screen
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'multiply, screen'
+PASS jsWrapperClass(blendModeRule) is 'CSSValueList'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSValueListPrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSValueListConstructor'
+
+Basic reference : screen, multiply
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'screen, multiply'
+PASS jsWrapperClass(blendModeRule) is 'CSSValueList'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSValueListPrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSValueListConstructor'
+
+Basic reference : overlay, normal
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'overlay, normal'
+PASS jsWrapperClass(blendModeRule) is 'CSSValueList'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSValueListPrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSValueListConstructor'
+
+Basic reference : darken, lighten, normal, multiply
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'darken, lighten, normal, multiply'
+PASS jsWrapperClass(blendModeRule) is 'CSSValueList'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSValueListPrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSValueListConstructor'
+
+Basic reference : lighten
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'lighten'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : color-dodge
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'color-dodge'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : color-burn
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'color-burn'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : hard-light
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'hard-light'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : soft-light
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'soft-light'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : difference
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'difference'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : exclusion
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('background-blend-mode') is 'exclusion'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodepropertyparsinghtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodepropertyparsinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-property-parsing.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-property-parsing.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="script-tests/background-blend-mode-property-parsing.js"></script>
+<script src="../../resources/js-test-post.js"></script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodepropertyhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodepropertyhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-property.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-property.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-property.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-property.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="script-tests/background-blend-mode-property.js"></script>
+<script src="../../resources/js-test-post.js"></script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeseparatelayerdeclarationexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeseparatelayerdeclarationexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-separate-layer-declaration-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #777777;
+ }
+ </style>
+</head>
+<!-- Test whether blend mode applies when specifying the background layers separately, using both background-image and background-color -->
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodeseparatelayerdeclarationhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodeseparatelayerdeclarationhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-separate-layer-declaration.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-separate-layer-declaration.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #FFFFFF;
+ background-image: url('resources/gray_square.svg');
+ background-blend-mode: multiply;
+ }
+ </style>
+</head>
+<!-- Test whether blend mode applies when specifying the background layers separately, using both background-image and background-color -->
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodesinglelayernoblendinghtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodesinglelayernoblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-single-layer-no-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-single-layer-no-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-single-layer-no-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-single-layer-no-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ div {
+ background-blend-mode: multiply;
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%;
+ width: 200px;
+ height: 200px;
+ }
+</style>
+<!-- This file should contain a duck that shouldn't have any blending. -->
+</head>
+<body>
+ <div></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodesvgcolorexpectedtxtfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodesvgcolorexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-svg-color-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-svg-color-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-svg-color-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-svg-color-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodesvgcolorhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodesvgcolorhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-svg-color.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-svg-color.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-svg-color.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-svg-color.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ div {
+ width: 130px;
+ height: 130px;
+ background-size: 130px 130px;
+ background: url('resources/red-circle.svg'), green;
+ float: left;
+ margin: 5px;
+ }
+</style>
+</head>
+<!-- This file should contain an svg on top of a background color with every type of blending. -->
+<body>
+ <script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+ </script>
+ <div style="background-blend-mode: normal, normal"></div>
+ <div style="background-blend-mode: multiply, normal"></div>
+ <div style="background-blend-mode: screen, normal"></div>
+ <div style="background-blend-mode: overlay, normal"></div>
+ <div style="background-blend-mode: darken, normal"></div>
+ <div style="background-blend-mode: lighten, normal"></div>
+ <div style="background-blend-mode: color-dodge, normal"></div>
+ <div style="background-blend-mode: color-burn, normal"></div>
+ <div style="background-blend-mode: hard-light, normal"></div>
+ <div style="background-blend-mode: soft-light, normal"></div>
+ <div style="background-blend-mode: difference, normal"></div>
+ <div style="background-blend-mode: exclusion, normal"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodesvgexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodesvgexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-svg-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-svg-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-svg-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-svg-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test background blending with SVG. Test passes if you can see a green square. -->
+<style type="text/css">
+ div {
+ width: 100px;
+ height: 100px;
+ background: green;
+ }
+</style>
+
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodesvghtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodesvghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-svg.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-svg.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-svg.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-svg.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test background blending with SVG. Test passes if you can see a green square. -->
+<style type="text/css">
+ div {
+ width: 100px;
+ height: 100px;
+ background: url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> \
+ <rect width="100" height="100" fill="#000"/> \
+ <rect width="100" height="100" fill="#FFF"/> \
+ </svg>') 0 0 / 100% 100%, green;
+ background-blend-mode: multiply, normal;
+ }
+</style>
+
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodetiledlayersexpectedhtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodetiledlayersexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-tiled-layers-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- Test background blend mode with several tiled layers. Test passes if you can see 6 lime squares. -->
+
+<style>
+ div {
+ margin: 5px;
+ width: 100px;
+ height: 100px;
+ background: lime;
+ float: left;
+ }
+</style>
+
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingbackgroundblendmodetiledlayershtmlfromrev168353trunkLayoutTestscss3compositingbackgroundblendmodetiledlayershtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers.html (from rev 168353, trunk/LayoutTests/css3/compositing/background-blend-mode-tiled-layers.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/background-blend-mode-tiled-layers.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+<!DOCTYPE HTML>
+
+<!-- Test background blend mode with several tiled layers. Test passes if you can see 6 lime squares. -->
+
+<style>
+ div {
+ margin: 5px;
+ width: 100px;
+ height: 100px;
+ background-blend-mode: difference, normal;
+ float: left;
+ }
+
+ .tiledSVG {
+ background: url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ) 0 0 /50% 50%, #FF0;
+ }
+
+ .tiledGradient {
+ background: linear-gradient(to right, #F00 0%, #F00 100%) 0 0 /50% 50%, #FF0;
+ }
+
+ .tiledCrossfadeImage {
+ background: -webkit-cross-fade(url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ), url('data:image/svg+xml;utf8, \
+ <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> \
+ <rect width="100" height="100" fill="#F00"/> \
+ </svg>'
+ ), 100%) 0 0 /50% 50%, #FF0;
+ }
+
+ .accelerated {
+ -webkit-transform: translateZ(0);
+ }
+
+</style>
+
+<script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+</script>
+
+<div class="tiledSVG"></div>
+<div class="tiledSVG accelerated"></div>
+
+<div class="tiledGradient"></div>
+<div class="tiledGradient accelerated"></div>
+
+<div class="tiledCrossfadeImage"></div>
+<div class="tiledCrossfadeImage accelerated"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeacceleratedwithmultiplestackingcontextsexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodeacceleratedwithmultiplestackingcontextsexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (position 8.00 8.00)
+ (bounds 784.00 10.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 10.00 10.00)
+ (blendMode multiply)
+ (contentsOpaque 1)
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeacceleratedwithmultiplestackingcontextshtmlfromrev168353trunkLayoutTestscss3compositingblendmodeacceleratedwithmultiplestackingcontextshtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-accelerated-with-multiple-stacking-contexts.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- This test will check that only the direct parent of blending element gets accelerated -->
+<style>
+ .accelerated {
+ -webkit-transform: rotateX(0deg);
+ }
+ .blended {
+ mix-blend-mode: multiply;
+ }
+ .child {
+ width: 10px;
+ height: 10px;
+ background-color: green;
+ }
+ .parent {
+ isolation: isolate;
+ }
+</style>
+
+<div class="parent">
+ <div class="parent">
+ <div class="accelerated blended child"></div>
+ </div>
+</div>
+<pre id="layerTree"></pre>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeancestorclippinglayerexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodeancestorclippinglayerexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-ancestor-clipping-layer-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (drawsContent 1)
+ (children 1
+ (GraphicsLayer
+ (position 8.00 8.00)
+ (bounds 100.00 100.00)
+ (blendMode difference)
+ (children 1
+ (GraphicsLayer
+ (bounds 200.00 200.00)
+ (contentsOpaque 1)
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeancestorclippinglayerhtmlfromrev168353trunkLayoutTestscss3compositingblendmodeancestorclippinglayerhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-ancestor-clipping-layer.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-ancestor-clipping-layer.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+ <!DOCTYPE HTML>
+<!-- Test if the blend mode property is propagated to the ancestorClippingLayer. -->
+
+ <style>
+         .parent {
+                 width: 100px;
+                 height: 100px;
+                 background: yellow;
+                 overflow: hidden;
+         }
+
+         .child {
+                 width: 200px;
+                 height: 200px;
+                 background: red;
+                 -webkit-transform:translateZ(0px);
+                 mix-blend-mode: difference;
+         }
+ </style>
+
+ <div class="parent">
+ <div class="child"></div>
+ </div>
+ <pre id="layerTree"></pre>
+
+ <script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodebackgroundhtmlfromrev168353trunkLayoutTestscss3compositingblendmodebackgroundhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-background.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-background.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-background.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-background.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ div {
+ margin: 20px;
+ width: 60px;
+ height: 60px;
+ mix-blend-mode: difference;
+ background: red;
+ }
+ body {
+ background: blue;
+ }
+</style>
+<body>
+ <div class="parent"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (drawsContent 1)
+ (children 2
+ (GraphicsLayer
+ (position 8.00 8.00)
+ (bounds 100.00 100.00)
+ )
+ (GraphicsLayer
+ (position 8.00 78.00)
+ (bounds 100.00 100.00)
+ (blendMode difference)
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerhtmlfromrev168353trunkLayoutTestscss3compositingblendmodeblendedelementoverlappingcompositedsiblingshouldhavecompositinglayerhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE HTML-->
+
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ }
+
+ .composited_sibling {
+ -webkit-transform: translateZ(0);
+ }
+
+ .blender {
+ margin-top: -30px;
+ mix-blend-mode: difference;
+ }
+</style>
+
+<div class="composited_sibling"></div>
+<div class="blender"></div>
+<pre id="layerTree"></pre>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolatedgroup1htmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolatedgroup1html"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolated-group-1.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-1.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolated-group-1.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolated-group-1.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.-->
+<style>
+ body {
+ background: blue;
+ }
+
+ div {
+ margin: 20px;
+ width: 60px;
+ height: 60px;
+ }
+
+ .parent {
+ opacity: 0.99;
+ float: left;
+ background: violet;
+ }
+
+ .child {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
+ mix-blend-mode: multiply;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+</style>
+
+<div class="parent"><div class="child"></div></div>
+<div class="parent composited"><div class="child"></div></div>
+<div class="parent"><div class="child composited"></div></div>
+<div class="parent composited"><div class="child composited"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolatedgroup2htmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolatedgroup2html"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolated-group-2.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-2.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolated-group-2.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolated-group-2.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.-->
+<style>
+ body {
+ background: blue;
+ }
+
+ div {
+ margin: 20px;
+ width: 60px;
+ height: 60px;
+ }
+
+ .parent {
+ position: relative;
+ z-index: 0;
+ float: left;
+ background: violet;
+ }
+
+ .child {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
+ mix-blend-mode: multiply;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+</style>
+
+<div class="parent"><div class="child"></div></div>
+<div class="parent composited"><div class="child"></div></div>
+<div class="parent"><div class="child composited"></div></div>
+<div class="parent composited"><div class="child composited"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolatedgroup3htmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolatedgroup3html"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolated-group-3.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-3.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolated-group-3.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolated-group-3.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,84 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.
+ Test that the contents of a blended element blend as a whole with the parent stacking context.-->
+<style>
+ body {
+ background: blue;
+ }
+
+ div {
+ margin: 20px;
+ width: 60px;
+ height: 60px;
+ }
+
+ .parent {
+ position: relative;
+ z-index: -1;
+ float: left;
+ background: violet;
+ }
+
+ .blender {
+ background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
+ mix-blend-mode: multiply;
+ }
+
+ .child {
+ background: orange;
+ z-index: 0;
+ position: absolute;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+</style>
+
+<div class="parent">
+ <div class="blender">
+ <div class="child"></div>
+ </div>
+</div>
+
+<div class="parent composited">
+ <div class="blender">
+ <div class="child"></div>
+ </div>
+</div>
+
+<div class="parent">
+ <div class="blender composited">
+ <div class="child"></div>
+ </div>
+</div>
+
+<div class="parent composited">
+ <div class="blender composited">
+ <div class="child"></div>
+ </div>
+</div>
+
+<div class="parent">
+ <div class="blender">
+ <div class="child composited"></div>
+ </div>
+</div>
+
+<div class="parent composited">
+ <div class="blender">
+ <div class="child composited"></div>
+ </div>
+</div>
+
+<div class="parent">
+ <div class="blender composited">
+ <div class="child composited"></div>
+ </div>
+</div>
+
+<div class="parent composited">
+ <div class="blender composited">
+ <div class="child composited"></div>
+ </div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsappendnonstackingcontextblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsappendnonstackingcontextblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-append-non-stacking-context-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed when we append a subtree
+ having blending elements. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ .leaf {
+ background-color: #ff00ff;
+ left:-25px;
+ }
+
+ .append-root {
+ background-color: #ffff44;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" style="background-color: #ffff00; left: 50px;"></div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var blendingElement = document.createElement("div");
+ blendingElement.className = "blending leaf";
+
+ var toAppend = document.createElement("div");
+ toAppend.className = "append-root";
+ toAppend.appendChild(blendingElement);
+
+ var target = document.getElementById("target");
+ target.appendChild(toAppend);
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsappendstackingcontextblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsappendstackingcontextblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-append-stacking-context-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed when we append a subtree
+ having blending elements and the root of this subtree creates a stacking context. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ .leaf {
+ background-color: #ff00ff;
+ left:-25px;
+ }
+
+ .append-root {
+ background-color: #ffff44;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" style="background-color: #ffff00; left: 50px;"></div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var blendingElement = document.createElement("div");
+ blendingElement.className = "blending leaf";
+
+ var toAppend = document.createElement("div");
+ toAppend.appendChild(blendingElement);
+ toAppend.className = "stacking-context append-root";
+
+ var target = document.getElementById("target");
+ target.appendChild(toAppend);
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsremovenonstackingcontextblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsremovenonstackingcontextblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-remove-non-stacking-context-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed when we remove a subtree
+ having blending elements. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ .leaf {
+ background-color: #ff00ff;
+ left:-25px;
+ }
+
+ .append-root {
+ background-color: #ffff44;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div style="background-color: #ffff00; left: 50px;">
+ <div id="toremove" class="append-root">
+ <div class="blending leaf"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var toremove = document.getElementById("toremove");
+ toremove.parentNode.removeChild(toremove);
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsremovestackingcontextblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsremovestackingcontextblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-remove-stacking-context-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed when we remove a subtree
+ having blending elements and the root of this subtree creates a stacking context. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ .leaf {
+ background-color: #ff00ff;
+ left:-25px;
+ }
+
+ .append-root {
+ background-color: #ffff44;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div style="background-color: #ffff00; left: 50px;">
+ <div id="toremove" class="stacking-context append-root">
+ <div class="blending leaf"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var toremove = document.getElementById("toremove");
+ toremove.parentNode.removeChild(toremove);
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffblendingnoisolationhtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffblendingnoisolationhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-blending-no-isolation.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is on after removing mix-blend-mode
+ from an element if the isolating element has other blending descendants. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00; top: 50px;">
+ <div class="stacking-context" style="background-color: #ffff00; left: 50px;">
+ <div>
+ <div class="blending" style="background-color: #ff00ff;left:-25px; top: -50px;"></div>
+ </div>
+ <div>
+ <div id="target" class="blending" style="background-color: #ff00ff;left:-25px; top: -50px;"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var target = document.getElementById("target");
+ target.className = "";
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly removed when we remove
+ the mix-blend-mode property from its descendants. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" class="blending stacking-context" style="background-color: #ffff00; left: 50px;">
+ <div>
+ <div class="blending" style="background-color: #ff00ff;left:-25px;"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var target = document.getElementById("target");
+ target.className = "stacking-context";
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsturnoffstackingcontexthtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsturnoffstackingcontexthtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-off-stacking-context.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed when we remove
+ the stacking context status from the isolating element. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" class="stacking-context" style="background-color: #ffff00; left: 50px;">
+ <div>
+ <div class="blending" style="background-color: #ff00ff; left:-25px;"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var target = document.getElementById("target");
+ target.className = "";
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsturnonblendinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsturnonblendinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-blending.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-on-blending.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-blending.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-blending.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed
+ when set mix-blend-mode to an element. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" class="stacking-context" style="background-color: #ffff00; left: 50px;">
+ <div>
+ <div class="blending" style="background-color: #ff00ff; left:-25px;"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var target = document.getElementById("target");
+ target.className = "blending stacking-context";
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeisolationflagsturnonstackingcontexthtmlfromrev168353trunkLayoutTestscss3compositingblendmodeisolationflagsturnonstackingcontexthtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-isolation-flags-turn-on-stacking-context.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+ <head>
+ <!-- This test will check if the isolation flag is properly computed
+ when we set another element to be the isolating stacking context. -->
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ /* This forces render layers, avoiding normal flow only issues */
+ position: relative;
+ }
+
+ .stacking-context {
+ -webkit-isolation: isolate;
+ isolation: isolate;
+ }
+
+ .blending {
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="stacking-context" style="background-color: #00ff00;">
+ <div id="target" class="" style="background-color: #ffff00; left: 50px;">
+ <div>
+ <div class="blending" style="background-color: #ff00ff; left:-25px;"></div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript">
+ if (window.testRunner)
+ window.testRunner.waitUntilDone();
+
+ function change() {
+ var target = document.getElementById("target");
+ target.className = "stacking-context";
+
+ if (window.testRunner)
+ window.testRunner.notifyDone();
+ }
+
+ window.setTimeout("change()", 10);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodelayershtmlfromrev168353trunkLayoutTestscss3compositingblendmodelayershtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-layers.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-layers.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-layers.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-layers.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,73 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <script>
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ </script>
+
+ <style>
+ img {
+ width: 150px;
+ height: 150px;
+ }
+
+ .div1 {
+ width: 160px;
+ height: 75px;
+ margin: 50px 0px 0px;
+ background-color: cyan;
+ }
+
+ .div2 {
+ width: 160px;
+ height: 160px;
+ background-image: url("resources/ducky.png");
+ background-size: 130px 130px;
+ background-repeat: no-repeat;
+ position: relative;
+ top: -40px;
+ left: 20px;
+ }
+
+ .div3 {
+ width: 80px;
+ height: 150px;
+ background-color: yellow;
+ position: relative;
+ top: 10px;
+ left: -20px;
+ }
+
+ li {
+ margin: 5px 5px 120px;
+ width: 160px;
+ height: 50px;
+ background-color: magenta;
+ display: block;
+ float: left;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+ </style>
+</head>
+
+<!-- This file tests interaction of blending with stacking contexts.
+It uses nested content and then set various attributes to show the interaction of stacking contexts. -->
+<body>
+ <ul>
+ <li><div class="div1"><div class="div2"><div class="div3"></div></div></div></li>
+
+ <!-- setting the blendmode will create a new stacking context which causes z-index to change -->
+ <li><div class="div1"><div class="div2" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
+ <li><div class="div1"><div class="div2 composited" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
+
+ <!-- just setting slight opacity which causes a stacking context. This also causes z-index to be resolved to the stacking context -->
+ <li><div class="div1" style="opacity:.99"><div class="div2"><div class="div3"></div></div></div></li>
+
+ <!-- blending will now only happen upto the stacking context generated by opacity. Z-index is resolved against the stacking context of the div with the blendmode -->
+ <li><div class="div1" style="opacity:.99"><div class="div2" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
+ <li><div class="div1" style="opacity:.99"><div class="div2 composited" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
+ </ul>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeoverflowexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodeoverflowexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-overflow-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-overflow-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-overflow-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-overflow-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+No blending. Duck should be yellow everywhere.
+Simple blending. Duck should be a horizontal rainbow inside, and blue on overflow.
+Parent is a stacking context. Duck should be a horizontal rainbow inside, and yellow on overflow (since there is no background there to blend with).
+Intermediate parent - no stacking context. Duck should be a vertical gradient inside, and blue on overflow.
+Intermediate parent with grandparent stacking context. Duck should be a vertical gradient inside, and yellow on overflow.
+Intermediate parent has overflow. Duck should be a vertical gradient inside, and overflow is hidden.
+
+
+
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeoverflowhtmlfromrev168353trunkLayoutTestscss3compositingblendmodeoverflowhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-overflow.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-overflow.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-overflow.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-overflow.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <script>
+ if (window.testRunner) {
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ window.testRunner.dumpAsText(true);
+ }
+ </script>
+
+ <style>
+ .example {
+ width: 200px;
+ height: 200px;
+ display: inline-block;
+ }
+
+ .blendingbg {
+ position: relative;
+ width: 150px;
+ height: 150px;
+ background: linear-gradient(to right, #0ff 0%, #00f 25%, #f00 50%, #ff0 75%, #0f0 100%);
+ }
+
+ .intermediate {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ width: 150px;
+ height: 150px;
+ background: linear-gradient(to bottom, #f00 0%, #0f0 100%);
+ }
+
+ img {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ width: 150px;
+ height: 150px;
+ }
+
+ ol {
+ margin-bottom: 2em;
+ }
+ </style>
+</head>
+<body>
+ <ul>
+ <ol>
+ <li>No blending. Duck should be yellow everywhere.</li>
+ <li>Simple blending. Duck should be a horizontal rainbow inside, and blue on overflow.</li>
+ <li>Parent is a stacking context. Duck should be a horizontal rainbow inside, and yellow on overflow (since there is no background there to blend with).</li>
+ <li>Intermediate parent - no stacking context. Duck should be a vertical gradient inside, and blue on overflow.</li>
+ <li>Intermediate parent with grandparent stacking context. Duck should be a vertical gradient inside, and yellow on overflow.</li>
+ <li>Intermediate parent has overflow. Duck should be a vertical gradient inside, and overflow is hidden.</li>
+ </ol>
+
+ <!-- no blending -->
+ <div class="example">
+ <div class="blendingbg">
+ <img src="resources/ducky.png">
+ </div>
+ </div>
+
+ <!-- normal blending -->
+ <div class="example">
+ <div class="blendingbg">
+ <img src="resources/ducky.png" style="-webkit-mix-blend-mode: difference;">
+ </div>
+ </div>
+
+ <!-- parent is a stacking context -->
+ <div class="example">
+ <div class="blendingbg" style="-webkit-transform: translateZ(0)">
+ <img src="resources/ducky.png" style="-webkit-mix-blend-mode: difference;">
+ </div>
+ </div>
+
+ <!-- intermediate hierarchy -->
+ <div class="example">
+ <div class="blendingbg">
+ <div class="intermediate">
+ <img src="resources/ducky.png" style="-webkit-mix-blend-mode: difference;">
+ </div>
+ </div>
+ </div>
+
+ <!-- intermediate hierarchy with stacking context -->
+ <div class="example">
+ <div class="blendingbg" style="-webkit-transform: translateZ(0)">
+ <div class="intermediate">
+ <img src="resources/ducky.png" style="-webkit-mix-blend-mode: difference;">
+ </div>
+ </div>
+ </div>
+
+ <!-- intermediate hierarchy that overflows -->
+ <div class="example">
+ <div class="blendingbg" style="-webkit-transform: translateZ(0)">
+ <div class="intermediate" style="overflow: hidden">
+ <img src="resources/ducky.png" style="-webkit-mix-blend-mode: difference;">
+ </div>
+ </div>
+ </div>
+ </ul>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeparentofcompositedblendedhaslayerexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodeparentofcompositedblendedhaslayerexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-parent-of-composited-blended-has-layer-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (drawsContent 1)
+ (children 1
+ (GraphicsLayer
+ (position 18.00 10.00)
+ (bounds 100.00 100.00)
+ (blendMode difference)
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodeparentofcompositedblendedhaslayerhtmlfromrev168353trunkLayoutTestscss3compositingblendmodeparentofcompositedblendedhaslayerhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-parent-of-composited-blended-has-layer.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-parent-of-composited-blended-has-layer.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test if the parent of a composited layer with mix-blend-mode is promoted. -->
+
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ }
+ .blender {
+ mix-blend-mode: difference;
+ -webkit-transform: translateZ(0);
+ margin: 10px;
+ }
+</style>
+
+<div><div class="blender"></div></div>
+<pre id="layerTree"></pre>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodepropertyexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+Test the parsing of the mix-blend-mode property.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'normal'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'multiply'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'screen'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'overlay'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'darken'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'lighten'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'color-dodge'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'color-burn'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'hard-light'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'soft-light'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'difference'
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'exclusion'
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyparsingexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodepropertyparsingexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property-parsing-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property-parsing-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property-parsing-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+Test the parsing of the mix-blend-mode property.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+
+Basic reference : normal
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'normal'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : multiply
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'multiply'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : screen
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'screen'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : overlay
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'overlay'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : darken
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'darken'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : lighten
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'lighten'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : color-dodge
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'color-dodge'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : color-burn
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'color-burn'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : hard-light
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'hard-light'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : soft-light
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'soft-light'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : difference
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'difference'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+
+Basic reference : exclusion
+PASS cssRule.type is 1
+PASS declaration.length is 1
+PASS declaration.getPropertyValue('mix-blend-mode') is 'exclusion'
+PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
+PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
+PASS jsWrapperClass(blendModeRule.constructor) is 'CSSPrimitiveValueConstructor'
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyparsinginvalidexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodepropertyparsinginvalidexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-invalid-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+Test the parsing of the mix-blend-mode property.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+
+Too many parameters : overlay overlay
+PASS cssRule.type is 1
+PASS declaration.length is 0
+PASS declaration.getPropertyValue('mix-blend-mode') is null
+
+Wrong type : "5px"
+PASS cssRule.type is 1
+PASS declaration.length is 0
+PASS declaration.getPropertyValue('mix-blend-mode') is null
+
+Trailing comma : overlay,
+PASS cssRule.type is 1
+PASS declaration.length is 0
+PASS declaration.getPropertyValue('mix-blend-mode') is null
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyparsinginvalidhtmlfromrev168353trunkLayoutTestscss3compositingblendmodepropertyparsinginvalidhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-invalid.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property-parsing-invalid.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="script-tests/blend-mode-property-parsing-invalid.js"></script>
+<script src="../../resources/js-test-post.js"></script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyparsinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodepropertyparsinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property-parsing.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property-parsing.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property-parsing.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property-parsing.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="script-tests/blend-mode-property-parsing.js"></script>
+<script src="../../resources/js-test-post.js"></script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodepropertyhtmlfromrev168353trunkLayoutTestscss3compositingblendmodepropertyhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-property.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-property.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-property.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-property.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<script src="../../resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="script-tests/blend-mode-property.js"></script>
+<script src="../../resources/js-test-post.js"></script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodereflectionhtmlfromrev168353trunkLayoutTestscss3compositingblendmodereflectionhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-reflection.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-reflection.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-reflection.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-reflection.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <script>
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ </script>
+
+ <style>
+ img {
+ width: 130px;
+ height: 130px;
+ -webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
+ }
+
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 260px;
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ffff), color-stop(24%,#0000ff), color-stop(50%,#ff0000), color-stop(75%,#ffff00), color-stop(100%,#00ff00));
+ display: block;
+ float: left;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+ </style>
+ </head>
+
+<!-- This file should contain two images of a duck on top of a gradient with reflection.
+Both the duck and the reflection should blend. -->
+<body>
+ <ul><li><img style="mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
+ <ul><li><img class="composited" style="mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodesimplecompositedhtmlfromrev168353trunkLayoutTestscss3compositingblendmodesimplecompositedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-simple-composited.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-simple-composited.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-simple-composited.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-simple-composited.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <script>
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ </script>
+
+ <style>
+ img {
+ width: 130px;
+ height: 130px;
+ -webkit-transform: translateZ(0);
+ }
+
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0ff), color-stop(24%,#00f), color-stop(50%,#f00), color-stop(75%,#ff0), color-stop(100%,#0f0));
+ display: block;
+ float: left;
+ }
+ </style>
+</head>
+
+<!-- This file should contain a duck on top of a gradient with every type of blending. -->
+<body>
+ <ul>
+ <!-- Separable blend modes -->
+ <li><img style="mix-blend-mode: normal" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: screen" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: darken" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: lighten" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: color-burn" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: hard-light" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: soft-light" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: difference" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: exclusion" src="resources/ducky.png"></li>
+ </ul>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodesimplehtmlfromrev168353trunkLayoutTestscss3compositingblendmodesimplehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-simple.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-simple.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-simple.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-simple.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <script>
+ if (window.testRunner)
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ </script>
+
+ <style>
+ img {
+ width: 130px;
+ height: 130px;
+ }
+
+ li {
+ margin: 5px;
+ width: 130px;
+ height: 130px;
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0ff), color-stop(24%,#00f), color-stop(50%,#f00), color-stop(75%,#ff0), color-stop(100%,#0f0));
+ display: block;
+ float: left;
+ }
+ </style>
+</head>
+
+<!-- This file should contain a duck on top of a gradient with every type of blending. -->
+<body>
+ <ul>
+ <!-- Separable blend modes -->
+ <li><img style="mix-blend-mode: normal" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: screen" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: darken" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: lighten" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: color-burn" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: hard-light" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: soft-light" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: difference" src="resources/ducky.png"></li>
+ <li><img style="mix-blend-mode: exclusion" src="resources/ducky.png"></li>
+ </ul>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodetransformstyleexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodetransformstyleexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-transform-style-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-transform-style-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-transform-style-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-transform-style-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,9 @@
</span><ins>+PASS getTransformStyle("blend-mode-normal-with-transform-style-preserve-3d") is "preserve-3d"
+PASS getTransformStyle("blending-with-transform-style-preserve-3d") is "flat"
+PASS getTransformStyle("blending-with-transform-style-flat") is "flat"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+Test that an element with mix-blend-mode other than normal forces the computed value of transform-style to flat.
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodetransformstylehtmlfromrev168353trunkLayoutTestscss3compositingblendmodetransformstylehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-transform-style.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-transform-style.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-transform-style.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-transform-style.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE HTML>
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ }
+ .noblender {
+ mix-blend-mode: normal;
+ }
+ .blender {
+ mix-blend-mode: difference;
+ }
+</style>
+<p>Test that an element with mix-blend-mode other than normal forces the computed value of transform-style to flat.</p>
+<div id="blend-mode-normal-with-transform-style-preserve-3d" class="noblender" style="-webkit-transform-style: preserve-3d;"></div>
+<div id="blending-with-transform-style-preserve-3d" class="blender" style="-webkit-transform-style: preserve-3d;"></div>
+<div id="blending-with-transform-style-flat" class="blender" style="-webkit-transform-style: flat;"></div>
+<script src="../../resources/js-test.js"></script>
+<script>
+ function getTransformStyle(elementID) {
+ return getComputedStyle(document.getElementById(elementID)).webkitTransformStyle;
+ }
+
+ function test(id, expected) {
+ shouldBeEqualToString('getTransformStyle("' + id + '")', expected);
+ }
+
+ test("blend-mode-normal-with-transform-style-preserve-3d", "preserve-3d");
+ test("blending-with-transform-style-preserve-3d", "flat");
+ test("blending-with-transform-style-flat", "flat");
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithacceleratedsiblingexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodewithacceleratedsiblingexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-accelerated-sibling-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (position 8.00 8.00)
+ (bounds 10.00 10.00)
+ (contentsOpaque 1)
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithacceleratedsiblinghtmlfromrev168353trunkLayoutTestscss3compositingblendmodewithacceleratedsiblinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-accelerated-sibling.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-accelerated-sibling.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- This test will check that parent is not accelerated when it has non-accelerated blended children -->
+<style>
+ .accelerated {
+ -webkit-transform: rotateX(0deg);
+ }
+ .blended {
+ mix-blend-mode: multiply;
+ }
+ .child {
+ width: 10px;
+ height: 10px;
+ background-color: green;
+ }
+ .parent {
+ isolation: isolate;
+ }
+</style>
+
+<div class="parent">
+ <div class="accelerated child"></div>
+ <div class="blended child"></div>
+</div>
+<pre id="layerTree"></pre>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithbodyexpectedhtmlfromrev168353trunkLayoutTestscss3compositingblendmodewithbodyexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-body-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-body-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-body-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-body-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <style>
+         body {
+ background-color: #0000ff;
+ }
+ div {
+ width: 100px;
+ height: 100px;
+ }
+ </style>
+</head>
+<body>
+        <p>This test passes if background-color fills the entire view port.</p>
+ <div></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithbodyhtmlfromrev168353trunkLayoutTestscss3compositingblendmodewithbodyhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-body.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-body.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-body.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-body.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+<!DOCTYPE HTML>
+<head>
+ <style>
+ body {
+ background-color: #0000ff;
+ }
+ div {
+ width: 100px;
+ height: 100px;
+ mix-blend-mode: difference;
+ }
+ </style>
+</head>
+<body>
+ <p>This test passes if background-color fills the entire view port.</p>
+ <div></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithcompositeddescendantshouldhavelayerexpectedtxtfromrev168353trunkLayoutTestscss3compositingblendmodewithcompositeddescendantshouldhavelayerexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-composited-descendant-should-have-layer-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+(GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (drawsContent 1)
+ (children 1
+ (GraphicsLayer
+ (position 8.00 10.00)
+ (bounds 100.00 100.00)
+ (blendMode difference)
+ (children 1
+ (GraphicsLayer
+ (position 10.00 0.00)
+ (bounds 100.00 100.00)
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingblendmodewithcompositeddescendantshouldhavelayerhtmlfromrev168353trunkLayoutTestscss3compositingblendmodewithcompositeddescendantshouldhavelayerhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer.html (from rev 168353, trunk/LayoutTests/css3/compositing/blend-mode-with-composited-descendant-should-have-layer.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-with-composited-descendant-should-have-layer.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test if an element with mix-blend-mode having a composited descendant is promoted. -->
+
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ }
+ .blender {
+ mix-blend-mode: difference;
+ }
+ .child {
+ -webkit-transform: translateZ(0);
+ margin: 10px;
+ }
+</style>
+
+<div class="blender"><div class="child"></div></div>
+<pre id="layerTree"></pre>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+ var text = document.getElementById("layerTree");
+ text.innerHTML = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodeexpectedtxtfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodeexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodestackingexpectedtxtfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodestackingexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode-stacking-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodestackinghtmlfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodestackinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode-stacking.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE HTML>
+<script>
+
+ if (window.testRunner) {
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ window.testRunner.dumpAsText(true);
+ }
+
+</script>
+<style>
+
+li
+{
+        margin: 5px;
+        width: 130px;
+        height: 130px;
+        background: url("resources/ducky.png") no-repeat 0 0 /100% 100%, linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, rgba(1,0,0,0) 50%, #ffff00 75%, #00ff00 100%);
+        background-blend-mode: exclusion, normal;
+        display: block;
+        float: left;
+}
+</style>
+<body style="background-color: red">
+ <ul>
+ <li></li>
+ <li style="opacity: .9"></li>
+ <li style="-webkit-transform: scale(1.01, 1.01)"></li>
+ <li style="-webkit-transform: translate3d(.01px,.01px, 01px)"></li>
+ <li style="-webkit-box-reflect: below 5px linear-gradient(to bottom, transparent 0%, transparent 50%, white 100%);"></li>
+ <li style="position: fixed; top: 160px;"></li>
+ </ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodetiledexpectedtxtfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodetiledexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode-tiled-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodetiledhtmlfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodetiledhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled.html (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode-tiled.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE HTML>
+<script>
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+
+li
+{
+        margin: 5px;
+        width: 130px;
+        height: 130px;
+        background: url("resources/ducky.png") 0 0 /50% 50%, linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, #ff0000 50%, #ffff00 75%, #00ff00 100%) 0 0 /100% 100%;
+        display: block;
+        float: left;
+}
+</style>
+<!-- this file should contain a duck on top of a gradient with every type of blending -->
+<body style="background-color: green">
+<ul>
+<li style="background-blend-mode: normal, normal"></li>
+<li style="background-blend-mode: multiply, normal"></li>
+<li style="background-blend-mode: screen, normal"></li>
+<li style="background-blend-mode: overlay, normal; opacity:.9"></li>
+<li style="background-blend-mode: darken, normal"></li>
+<li style="background-blend-mode: lighten, normal"></li>
+<li style="background-blend-mode: color-dodge, normal"></li>
+<li style="background-blend-mode: color-burn, normal"></li>
+<li style="background-blend-mode: hard-light, normal"></li>
+<li style="background-blend-mode: soft-light, normal"></li>
+<li style="background-blend-mode: difference, normal"></li>
+<li style="background-blend-mode: exclusion, normal"></li>
+</ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingeffectbackgroundblendmodehtmlfromrev168353trunkLayoutTestscss3compositingeffectbackgroundblendmodehtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/effect-background-blend-mode.html (from rev 168353, trunk/LayoutTests/css3/compositing/effect-background-blend-mode.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/effect-background-blend-mode.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/effect-background-blend-mode.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE HTML>
+<script>
+ if (window.testRunner) {
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "1");
+ }
+ if (window.testRunner)
+ window.testRunner.dumpAsText(true);
+</script>
+<style>
+
+li
+{
+        margin: 5px;
+        width: 130px;
+        height: 130px;
+        background: url("resources/ducky.png") no-repeat 0 0 /100% 100%, linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, #ff0000 50%, #ffff00 75%, #00ff00 100%);
+        display: block;
+        float: left;
+}
+</style>
+<!-- this file should contain a duck on top of a gradient with every type of blending -->
+<body style="background-color: green">
+<ul>
+<li style="background-blend-mode: normal, normal"></li>
+<li style="background-blend-mode: multiply, normal"></li>
+<li style="background-blend-mode: screen, normal"></li>
+<li style="background-blend-mode: overlay, normal; opacity:.9"></li>
+<li style="background-blend-mode: darken, normal"></li>
+<li style="background-blend-mode: lighten, normal"></li>
+<li style="background-blend-mode: color-dodge, normal"></li>
+<li style="background-blend-mode: color-burn, normal"></li>
+<li style="background-blend-mode: hard-light, normal"></li>
+<li style="background-blend-mode: soft-light, normal"></li>
+<li style="background-blend-mode: difference, normal"></li>
+<li style="background-blend-mode: exclusion, normal"></li>
+</ul>
+</body>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingisolationisolateblendedchildexpectedhtmlfromrev168353trunkLayoutTestscss3compositingisolationisolateblendedchildexpectedhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/isolation-isolate-blended-child-expected.html (from rev 168353, trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child-expected.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/isolation-isolate-blended-child-expected.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/isolation-isolate-blended-child-expected.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE HTML>
+<style>
+ div {
+ margin: 20px;
+ width: 130px;
+ height: 130px;
+ }
+
+ .parent {
+ background: rgb(55, 55, 55);
+ position: fixed;
+ width: 300px;
+ height: 300px;
+ }
+
+ .isolator {
+ position: fixed;
+ z-index: 0;
+ background: violet;
+ }
+
+ .child {
+ margin-top: 0px;
+ mix-blend-mode: multiply;
+ background: olive;
+ }
+
+</style>
+<div class="parent"><div class="isolator"><div class="child"></div></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingisolationisolateblendedchildhtmlfromrev168353trunkLayoutTestscss3compositingisolationisolateblendedchildhtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/isolation-isolate-blended-child.html (from rev 168353, trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/isolation-isolate-blended-child.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/isolation-isolate-blended-child.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE HTML>
+<!-- Test to ensure that "isolation:isolate" creates a stacking context, thus preventing blending with the parent element. -->
+<style>
+ div {
+ margin: 20px;
+ width: 130px;
+ height: 130px;
+ }
+
+ .parent {
+ background: rgb(55, 55, 55);
+ position: fixed;
+ width: 300px;
+ height: 300px;
+ }
+
+ .isolator {
+ isolation: isolate;
+ background: violet;
+ }
+
+ .child {
+ mix-blend-mode: multiply;
+ background: olive;
+ }
+
+</style>
+<div class="parent"><div class="isolator"><div class="child"></div></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingisolationisolatesimpleexpectedtxtfromrev168353trunkLayoutTestscss3compositingisolationisolatesimpleexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/isolation-isolate-simple-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/isolation-isolate-simple-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/isolation-isolate-simple-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/isolation-isolate-simple-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+PASS 0 is 0
+PASS 0 is 0
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingisolationparsingexpectedtxtfromrev168353trunkLayoutTestscss3compositingisolationparsingexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/isolation-parsing-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/isolation-parsing-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/isolation-parsing-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/isolation-parsing-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+PASS setProperty("auto") is "auto"
+PASS setProperty("isolate") is "isolate"
+PASS setProperty("") is "auto"
+PASS setProperty("rubbish") is "auto"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingisolationparsinghtmlfromrev168353trunkLayoutTestscss3compositingisolationparsinghtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/isolation-parsing.html (from rev 168353, trunk/LayoutTests/css3/compositing/isolation-parsing.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/isolation-parsing.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/isolation-parsing.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<body>
+ <script src="../../resources/js-test.js"></script>
+ <script>
+ function setProperty(value) {
+ var div = document.createElement('div');
+ document.body.appendChild(div);
+ div.style.setProperty("isolation", value);
+
+ var computedValue = getComputedStyle(div).getPropertyValue("isolation");
+ document.body.removeChild(div);
+
+ return computedValue;
+ }
+
+ function test(value, expected) {
+ shouldBeEqualToString('setProperty("' + value + '")', expected);
+ }
+
+ test("auto", "auto");
+ test("isolate", "isolate");
+ test("", "auto");
+ test("rubbish", "auto");
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingrepaintblendmodeisolatestackingcontextexpectedtxtfromrev168353trunkLayoutTestscss3compositingrepaintblendmodeisolatestackingcontextexpectedtxt"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context-expected.txt (from rev 168353, trunk/LayoutTests/css3/compositing/repaint/blend-mode-isolate-stacking-context-expected.txt) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context-expected.txt         (rev 0)
+++ trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context-expected.txt        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+Test if setting blend mode creates isolation.
+
+Test if unsetting blend mode removes isolation.
+
+Test if unsetting a parent's stacking context correctly removes isolation.
+
+Test if switching a blend mode preserves isolation.
+
+Test if switching the property that causes the parent to create a stacking context preserves isolation.
+
+Test if unsetting a parent's stacking context correctly updates its parent isolation.
+
+(repaint rects
+ (rect 48 54 60 60)
+ (rect 48 54 60 60)
+ (rect 48 54 60 60)
+ (rect 48 54 60 60)
+ (rect 48 172 60 60)
+ (rect 48 172 60 60)
+ (rect 28 290 60 60)
+ (rect 48 290 60 60)
+ (rect 48 290 60 60)
+ (rect 48 408 60 60)
+ (rect 48 408 60 60)
+ (rect 28 526 60 60)
+ (rect 48 526 60 60)
+ (rect 48 644 60 60)
+ (rect 68 644 60 60)
+ (rect 68 644 60 60)
+ (rect 28 290 60 60)
+ (rect 48 644 60 60)
+ (rect 28 526 60 60)
+ (rect 88 644 20 60)
+)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingrepaintblendmodeisolatestackingcontexthtmlfromrev168353trunkLayoutTestscss3compositingrepaintblendmodeisolatestackingcontexthtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context.html (from rev 168353, trunk/LayoutTests/css3/compositing/repaint/blend-mode-isolate-stacking-context.html) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context.html         (rev 0)
+++ trunk/LayoutTests/css3/blending/repaint/blend-mode-isolate-stacking-context.html        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,89 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+ div {
+ margin: 20px;
+ width: 60px;
+ height: 60px;
+ }
+
+ .parent {
+ background: #0F0;
+ }
+
+ .child {
+ background: #00F;
+ }
+
+ .stacking {
+ position: relative;
+ z-index: 0;
+ }
+
+ .stacking2 {
+ opacity: 0.99;
+ }
+
+ .blender {
+ mix-blend-mode: difference;
+ }
+
+ .blender2 {
+ mix-blend-mode: screen;
+ }
+</style>
+<script>
+ if (window.testRunner)
+ testRunner.dumpAsText(true);
+</script>
+<script src="../../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
+<!-- Repaint test to ensure that setting a blend mode dynamically triggers this operation
+ only with the contents of the nearest ancestor stacking context. -->
+<body onload="runRepaintTest()">
+ <p>Test if setting blend mode creates isolation.</p>
+ <div class="parent stacking">
+ <div id="first" class="child"></div>
+ </div>
+
+ <p>Test if unsetting blend mode removes isolation.</p>
+ <div class="parent stacking">
+ <div id="second" class="child blender"></div>
+ </div>
+
+ <p>Test if unsetting a parent's stacking context correctly removes isolation.</p>
+ <div id="third" class="parent stacking">
+ <div class="child blender"></div>
+ </div>
+
+ <p>Test if switching a blend mode preserves isolation.</p>
+ <div class="parent stacking">
+ <div id="fourth" class="child blender"></div>
+ </div>
+
+ <p>Test if switching the property that causes the parent to create a stacking context preserves isolation.</p>
+ <div id="fifth" class="parent stacking">
+ <div class="child blender"></div>
+ </div>
+
+ <p>Test if unsetting a parent's stacking context correctly updates its parent isolation.</p>
+ <div class="parent stacking">
+ <div id="sixth" class="parent stacking">
+ <div class="child blender"></div>
+ </div>
+ </div>
+
+ <script>
+ function repaintTest() {
+ document.getElementById('first').className = "child blender";
+ document.getElementById('second').className = "child";
+
+ document.getElementById('third').className = "parent";
+
+ document.getElementById('fourth').className = "child blender2";
+
+ document.getElementById('fifth').className = "parent stacking2";
+ document.getElementById('sixth').className = "parent";
+ }
+ </script>
+ </body>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3blendingresourcesduckyjpgfromrev168353trunkLayoutTestscss3compositingresourcesduckyjpg"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/blending/resources/ducky.jpg (from rev 168353, trunk/LayoutTests/css3/compositing/resources/ducky.jpg) (0 => 168354)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/blending/resources/ducky.jpg         (rev 0)
+++ trunk/LayoutTests/css3/blending/resources/ducky.jpg        2014-05-06 12:16:58 UTC (rev 168354)
</span><span class="lines">@@ -0,0 +1,384 @@
</span><ins>+\xFF\xD8\xFF\xE0 JFIF H H \xFF\xE2XICC_PROFILE HLino mntrRGB XYZ \xCE