<!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>[175255] 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/175255">175255</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-10-28 10:17:17 -0700 (Tue, 28 Oct 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>Update CSS shapes suite import
https://bugs.webkit.org/show_bug.cgi?id=138045
This patch is a full re-import of the CSS Shapes test suite from the W3C
test repo and an updated TestExpectations file to match the current
results.
Patch by Rebecca Hauck <rhauck@adobe.com> on 2014-10-28
Reviewed by Benjamin Poulain.
* TestExpectations:
* css3/shapes/shape-outside/shape-box/w3c-import.log:
* css3/shapes/shape-outside/shape-image/gradients/w3c-import.log:
* css3/shapes/shape-outside/shape-image/shape-image-000-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-001-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-002-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-002.html:
* css3/shapes/shape-outside/shape-image/shape-image-003-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-003.html:
* css3/shapes/shape-outside/shape-image/shape-image-004-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-005-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-005.html:
* css3/shapes/shape-outside/shape-image/shape-image-006-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-006.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-007-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-007.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-008-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-008.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-009-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-009.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-010-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-010.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-011-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-011.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-013-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-013.html:
* css3/shapes/shape-outside/shape-image/shape-image-014-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-014.html:
* css3/shapes/shape-outside/shape-image/shape-image-015-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-015.html:
* css3/shapes/shape-outside/shape-image/shape-image-016-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-016.html:
* css3/shapes/shape-outside/shape-image/shape-image-017-expected.html:
* css3/shapes/shape-outside/shape-image/shape-image-017.html:
* css3/shapes/shape-outside/shape-image/shape-image-024-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-024.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-025-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-025.html: Added.
* css3/shapes/shape-outside/shape-image/support/animated.gif: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png:
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png:
* css3/shapes/shape-outside/shape-image/support/w3c-import.log:
* css3/shapes/shape-outside/shape-image/w3c-import.log:
* css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log:
* css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log:
* css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log:
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html:
* css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log:
* css3/shapes/shape-outside/supported-shapes/support/w3c-import.log: Copied from LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log.
* css3/shapes/shape-outside/values/shape-image-threshold-001.html:
* css3/shapes/shape-outside/values/support/w3c-import.log:
* css3/shapes/shape-outside/values/w3c-import.log:
* css3/shapes/spec-examples/shape-outside-019-expected.html:
* css3/shapes/spec-examples/support/w3c-import.log:
* css3/shapes/spec-examples/w3c-import.log:
* css3/shapes/w3c-import.log:</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle20png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescirclew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipsew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluessupportw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside019expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplessupportw3cimportlog">trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesw3cimportlog">trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesw3cimportlog">trunk/LayoutTests/css3/shapes/w3c-import.log</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage006expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage006html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage007expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage007html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage008expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage008html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage009expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage009html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage010expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage010html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage011expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage011html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage024expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage024html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage025expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage025html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportanimatedgif">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/animated.gif</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/w3c-import.log</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/ChangeLog 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -1,3 +1,71 @@
</span><ins>+2014-10-28 Rebecca Hauck <rhauck@adobe.com>
+
+ Update CSS shapes suite import
+ https://bugs.webkit.org/show_bug.cgi?id=138045
+
+ This patch is a full re-import of the CSS Shapes test suite from the W3C
+ test repo and an updated TestExpectations file to match the current
+ results.
+
+ Reviewed by Benjamin Poulain.
+
+ * TestExpectations:
+ * css3/shapes/shape-outside/shape-box/w3c-import.log:
+ * css3/shapes/shape-outside/shape-image/gradients/w3c-import.log:
+ * css3/shapes/shape-outside/shape-image/shape-image-000-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-001-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-002-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-002.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-003-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-003.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-004-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-005-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-005.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-006-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-006.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-007-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-007.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-008-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-008.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-009-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-009.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-010-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-010.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-011-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-011.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-013-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-013.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-014-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-014.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-015-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-015.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-016-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-016.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-017-expected.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-017.html:
+ * css3/shapes/shape-outside/shape-image/shape-image-024-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-024.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-025-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-025.html: Added.
+ * css3/shapes/shape-outside/shape-image/support/animated.gif: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png:
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png:
+ * css3/shapes/shape-outside/shape-image/support/w3c-import.log:
+ * css3/shapes/shape-outside/shape-image/w3c-import.log:
+ * css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log:
+ * css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log:
+ * css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log:
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html:
+ * css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log:
+ * css3/shapes/shape-outside/supported-shapes/support/w3c-import.log: Copied from LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log.
+ * css3/shapes/shape-outside/values/shape-image-threshold-001.html:
+ * css3/shapes/shape-outside/values/support/w3c-import.log:
+ * css3/shapes/shape-outside/values/w3c-import.log:
+ * css3/shapes/spec-examples/shape-outside-019-expected.html:
+ * css3/shapes/spec-examples/support/w3c-import.log:
+ * css3/shapes/spec-examples/w3c-import.log:
+ * css3/shapes/w3c-import.log:
+
</ins><span class="cx"> 2014-10-27 Mark Lam <mark.lam@apple.com>
</span><span class="cx">
</span><span class="cx"> Crash when attempting to perform array iteration on a non-array with numeric keys not initialized.
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/TestExpectations 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -139,6 +139,11 @@
</span><span class="cx"> webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html [ ImageOnlyFailure ]
</span><span class="cx">
</span><ins>+webkit.org/b/138058 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html [ ImageOnlyFailure ]
+webkit.org/b/138058 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html [ ImageOnlyFailure ]
+webkit.org/b/138058 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html [ ImageOnlyFailure ]
+webkit.org/b/138058 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html [ ImageOnlyFailure ]
+
</ins><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-010.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-011.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-012.html [ ImageOnlyFailure ]
</span><span class="lines">@@ -147,8 +152,14 @@
</span><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-015.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-016.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-017.html [ ImageOnlyFailure ]
</span><ins>+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-018.html [ ImageOnlyFailure ]
</ins><span class="cx"> webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-019.html [ ImageOnlyFailure ]
</span><span class="cx">
</span><ins>+webkit.org/b/137788 css3/shapes/shape-outside/shape-image/shape-image-010.html [ ImageOnlyFailure ]
+webkit.org/b/137788 css3/shapes/shape-outside/shape-image/shape-image-024.html [ ImageOnlyFailure ]
+
+webkit.org/b/138060 css3/shapes/shape-outside/values/shape-image-threshold-001.html [ Failure ]
+
</ins><span class="cx"> # border painting diff (Path vs. drawLine)
</span><span class="cx"> webkit.org/b/136078 fast/borders/border-painting-dashed.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/136078 fast/borders/border-painting-dotted.html [ ImageOnlyFailure ]
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,10 +10,12 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,12 +10,14 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-image-threshold
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,8 +7,17 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><span class="cx"> }
</span><ins>+ img {
+ float: left;
+ }
+ .green {
+ position: relative;
+ left: 50px;
+ width: 50px;
+ height: 100px;
+ background: rgb(0, 100, 0);
+ }
</ins><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="cx"> <body>
</span><span class="lines">@@ -16,6 +25,8 @@
</span><span class="cx"> The test passes if you see a solid green square. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><ins>+ <img src="support/left-half-rectangle-50.png"/>
+ <div class="green"></div>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,15 +7,16 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 150px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background-color: black;
</ins><span class="cx"> }
</span><del>- .black {
</del><ins>+ img {
+ float: left;
+ }
+ .green {
+ float: right;
</ins><span class="cx"> width: 50px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: black;
- position: relative;
- top: 0px;
- left: 50px;
</del><ins>+ background-color: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="lines">@@ -24,7 +25,8 @@
</span><span class="cx"> The test passes if you see a green rectangle, a black rectangle, and a green rectangle next to each other. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><del>- <div class="black"></div>
</del><ins>+ <img src="support/left-half-rectangle-70.png"/>
+ <div class="green"></div>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-002-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a svg image in a data uri is properly interpreted as a shape."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-002-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a svg image with 20% alpha and 0.3 shape-image-threshold creates a proper shape."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,8 +7,17 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><span class="cx"> }
</span><ins>+ img {
+ float: left;
+ }
+ .green {
+ position: relative;
+ left: 50px;
+ width: 50px;
+ height: 100px;
+ background: rgb(0, 100, 0);
+ }
</ins><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="cx"> <body>
</span><span class="lines">@@ -16,6 +25,8 @@
</span><span class="cx"> The test passes if you see a solid green square. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><ins>+ <img src="support/left-half-rectangle-50.png"/>
+ <div class="green"></div>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-002-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a svg image in a data uri with 70% alpha and 0.8 shape-image-threshold creates a proper shape."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage006expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ .left-rect {
+ left: 10px;
+ }
+ .right-rect {
+ width: 50px;
+ height: 100px;
+ left: 70px;
+ background: rgb(0,100,0);
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect">
+ <img src="support/left-half-rectangle.png">
+ </div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(png), real image + shape-margin (px)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="match" href="reference/shape-image-006-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around all the image pixels
+ + the shape-margin when shape-outside is given a png file."/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .container {
+ left: 10px;
+ font: 50px/1 Ahem;
+ }
+ #test {
+ width: 200px;
+ color: rgb(0,100,0);
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/left-half-rectangle.png");
+ -webkit-shape-margin: 10px;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px; }
+
+ .failure {
+ left: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: -1;
+ }
+ .container, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/left-half-rectangle.png"/>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green {
+ background-color: rgb(0,100,0);
+ width: 50px;
+ height: 100px;
+ }
+ .left-rect { left: 10px; }
+ .right-rect { left: 70px; }
+
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px }
+
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect"></div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(svg), real image + shape-margin (px)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="match" href="reference/shape-image-007-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around all the image pixels
+ + the shape-margin when shape-outside is given an svg file."/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .container {
+ left: 10px;
+ font: 50px/1 Ahem;
+ }
+ #test {
+ width: 200px;
+ color: rgb(0,100,0);
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/left-half-rectangle.svg");
+ -webkit-shape-margin: 10px;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px; }
+
+ .failure {
+ left: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: -1;
+ }
+ .container, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/left-half-rectangle.svg"/>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage008expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .left-rect {
+ left: 30px;
+ top: 90px;
+ }
+ .right-rect {
+ left: 140px;
+ top: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: rgb(0,100,0);
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ top: 70px;
+ background-color: blue;
+ }
+ .line-left {
+ left: 135px;
+ }
+ .line-right {
+ left: 195px;
+ }
+ .green, .blue { position: absolute; }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect">
+ <img src="data:image/jpeg;base64,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
AAAAAAAAAAEJ0b21sb25nAAAAZAAAAABSZ2h0bG9uZwAAAGQAAAAGc2xpY2VzVmxMcwAAAAFPYmpjAAAAAQAAAAAABXNsaWNlAAAAEgAAAAdzbGljZUlEbG9uZwAAAAAAAAAHZ3JvdXBJRGxvbmcAAAAAAAAABm9yaWdpbmVudW0AAAAMRVNsaWNlT3JpZ2luAAAADWF1dG9HZW5lcmF0ZWQAAAAAVHlwZWVudW0AAAAKRVNsaWNlVHlwZQAAAABJbWcgAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAAGQAAAAAUmdodGxvbmcAAABkAAAAA3VybFRFWFQAAAABAAAAAAAAbnVsbFRFWFQAAAABAAAAAAAATXNnZVRFWFQAAAABAAAAAAAGYWx0VGFnVEVYVAAAAAEAAAAAAA5jZWxsVGV4dElzSFRNTGJvb2wBAAAACGNlbGxUZXh0VEVYVAAAAAEAAAAAAAlob3J6QWxpZ25lbnVtAAAAD0VTbGljZUhvcnpBbGlnbgAAAAdkZWZhdWx0AAAACXZlcnRBbGlnbmVudW0AAAAPRVNsaWNlVmVydEFsaWduAAAAB2RlZmF1bHQAAAALYmdDb2xvclR5cGVlbnVtAAAAEUVTbGljZUJHQ29sb3JUeXBlAAAAAE5vbmUAAAAJdG9wT3V0c2V0bG9uZwAAAAAAAAAKbGVmdE91dHNldGxvbmcAAAAAAAAADGJvdHRvbU91dHNldGxvbmcAAAAAAAAAC3JpZ2h0T3V0c2V0bG9uZwAAAAAAOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQQUAAAAAAAEAAAAAzhCSU0EDAAAAAAERQAAAAEAAABkAAAAZAAAASwAAHUwAAAEKQAYAAH/2P/tAAxBZG9iZV9DTQAB/+4A
DkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAZABkAwEiAAIRAQMRAf/dAAQAB//EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9DkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0eRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//S5FJJJ
ZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9PkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1ORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//V5FJcwkstxXp0lzCSSnp0lzCSSn6J+oH/AIksD/r3/n65dCvlVJaOP5I/3Q6+L+bh/dj+T9VJL5VST179VJL5VSSU/VSS+VUklP8A/9kAOEJJTQQhAAAAAABVAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAEwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAUwA2AAAAAQA4QklNBAYAAAAAAAcABgAAAAEBAP/hDi9odHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYm
UuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTQtMDQtMjlUMTE6MjU6MjAtMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkZGN0YxMTc0MDcyMDY4MTE4QTZEODE0QkE5MjlCRjIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ
6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMToyNToyMC0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGltYWdlL3BuZyB0byBpbWFnZS9qcGVnIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMTozMDo0My0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI
CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC
AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/Pv/iDFhJQ0NfUFJPRklMRQABAQAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAABAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2F
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">
+ </div>
+ <div class="green right-rect"></div>
+ <div class="blue line-left"></div>
+ <div class="blue line-right"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(jpg), data uri + shape-margin (%)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="match" href="reference/shape-image-008-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around all the image pixels
+ + the shape-margin as a percentage when shape-outside is given an jpg data uri."/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .container {
+ left: 10px;
+ font: 50px/1 Ahem;
+ }
+ #test {
+ width: 200px;
+ height: 200px;
+ color: rgb(0,100,0);
+ }
+ #image {
+ float: left;
+ margin: 20px;
+ -webkit-shape-outside: url(data:image/jpeg;base64,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
AATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAZAAAAABSZ2h0bG9uZwAAAGQAAAAGc2xpY2VzVmxMcwAAAAFPYmpjAAAAAQAAAAAABXNsaWNlAAAAEgAAAAdzbGljZUlEbG9uZwAAAAAAAAAHZ3JvdXBJRGxvbmcAAAAAAAAABm9yaWdpbmVudW0AAAAMRVNsaWNlT3JpZ2luAAAADWF1dG9HZW5lcmF0ZWQAAAAAVHlwZWVudW0AAAAKRVNsaWNlVHlwZQAAAABJbWcgAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAAGQAAAAAUmdodGxvbmcAAABkAAAAA3VybFRFWFQAAAABAAAAAAAAbnVsbFRFWFQAAAABAAAAAAAATXNnZVRFWFQAAAABAAAAAAAGYWx0VGFnVEVYVAAAAAEAAAAAAA5jZWxsVGV4dElzSFRNTGJvb2wBAAAACGNlbGxUZXh0VEVYVAAAAAEAAAAAAAlob3J6QWxpZ25lbnVtAAAAD0VTbGljZUhvcnpBbGlnbgAAAAdkZWZhdWx0AAAACXZlcnRBbGlnbmVudW0AAAAPRVNsaWNlVmVydEFsaWduAAAAB2RlZmF1bHQAAAALYmdDb2xvclR5cGVlbnVtAAAAEUVTbGljZUJHQ29sb3JUeXBlAAAAAE5vbmUAAAAJdG9wT3V0c2V0bG9uZwAAAAAAAAAKbGVmdE91dHNldGxvbmcAAAAAAAAADGJvdHRvbU91dHNldGxvbmcAAAAAAAAAC3JpZ2h0T3V0c2V0bG9uZwAAAAAAOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQQUAAAAAAAEAAAAAzhCSU0EDAAAAAAERQAAAAEAAABkAAAAZAAAASwAAHUwAAAEKQAYAAH/2P/tAAxBZG9
iZV9DTQAB/+4ADkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAZABkAwEiAAIRAQMRAf/dAAQAB//EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9DkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0eRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSk
kkklP//S5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9PkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1ORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//V5FJcwkstxXp0lzCSSnp0lzCSSn6J+oH/AIksD/r3/n65dCvlVJaOP5I/3Q6+L+bh/dj+T9VJL5VST179VJL5VSSU/VSS+VUklP8A/9kAOEJJTQQhAAAAAABVAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAEwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAUwA2AAAAAQA4QklNBAYAAAAAAAcABgAAAAEBAP/hDi9odHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwO
i8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTQtMDQtMjlUMTE6MjU6MjAtMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkZGN0YxMTc0MDcyMDY4MTE4QTZEODE0QkE5MjlCRjIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYX
RlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMToyNToyMC0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGltYWdlL3BuZyB0byBpbWFnZS9qcGVnIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMTozMDo0My0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA
gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI
CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/Pv/iDFhJQ0NfUFJPRklMRQABAQAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAABAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2
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);
+ -webkit-shape-margin: 5%;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .line-left {
+ left: 135px;
+ }
+ .line-right {
+ left: 195px;
+ }
+ .failure {
+ left: 140px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: -1;
+ }
+ .container, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="data:image/jpeg;base64,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
AAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAZAAAAABSZ2h0bG9uZwAAAGQAAAAGc2xpY2VzVmxMcwAAAAFPYmpjAAAAAQAAAAAABXNsaWNlAAAAEgAAAAdzbGljZUlEbG9uZwAAAAAAAAAHZ3JvdXBJRGxvbmcAAAAAAAAABm9yaWdpbmVudW0AAAAMRVNsaWNlT3JpZ2luAAAADWF1dG9HZW5lcmF0ZWQAAAAAVHlwZWVudW0AAAAKRVNsaWNlVHlwZQAAAABJbWcgAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAAGQAAAAAUmdodGxvbmcAAABkAAAAA3VybFRFWFQAAAABAAAAAAAAbnVsbFRFWFQAAAABAAAAAAAATXNnZVRFWFQAAAABAAAAAAAGYWx0VGFnVEVYVAAAAAEAAAAAAA5jZWxsVGV4dElzSFRNTGJvb2wBAAAACGNlbGxUZXh0VEVYVAAAAAEAAAAAAAlob3J6QWxpZ25lbnVtAAAAD0VTbGljZUhvcnpBbGlnbgAAAAdkZWZhdWx0AAAACXZlcnRBbGlnbmVudW0AAAAPRVNsaWNlVmVydEFsaWduAAAAB2RlZmF1bHQAAAALYmdDb2xvclR5cGVlbnVtAAAAEUVTbGljZUJHQ29sb3JUeXBlAAAAAE5vbmUAAAAJdG9wT3V0c2V0bG9uZwAAAAAAAAAKbGVmdE91dHNldGxvbmcAAAAAAAAADGJvdHRvbU91dHNldGxvbmcAAAAAAAAAC3JpZ2h0T3V0c2V0bG9uZwAAAAAAOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQQUAAAAAAAEAAAAAzhCSU0EDAAAAAAERQAAAAEAAABkAAAAZAAAASwAAHUwAAAEKQAYAAH/2P/
tAAxBZG9iZV9DTQAB/+4ADkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAZABkAwEiAAIRAQMRAf/dAAQAB//EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9DkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0eRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9
epJJJJSkkkklP//S5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9PkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1ORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//V5FJcwkstxXp0lzCSSnp0lzCSSn6J+oH/AIksD/r3/n65dCvlVJaOP5I/3Q6+L+bh/dj+T9VJL5VST179VJL5VSSU/VSS+VUklP8A/9kAOEJJTQQhAAAAAABVAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAEwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAUwA2AAAAAQA4QklNBAYAAAAAAAcABgAAAAEBAP/hDi9odHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wP
SJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTQtMDQtMjlUMTE6MjU6MjAtMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE0LTA0LTI5VDExOjMwOjQzLTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkZGN0YxMTc0MDcyMDY4MTE4QTZEODE0QkE5MjlCRjIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj
0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRjdGMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMToyNToyMC0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGltYWdlL3BuZyB0byBpbWFnZS9qcGVnIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDgwMTE3NDA3MjA2ODExOEE2RDgxNEJBOTI5QkYyMSIgc3RFdnQ6d2hlbj0iMjAxNC0wNC0yOVQxMTozMDo0My0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA
gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI
CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/Pv/iDFhJQ0NfUFJPRklMRQABAQAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAABAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOT
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" />
+ X<br/>X
+ </div>
+ <div class="blue line-left"></div>
+ <div class="blue line-right"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage009expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ .left-rect {
+ left: 10px;
+ }
+ .right-rect {
+ width: 50px;
+ height: 100px;
+ left: 70px;
+ background: rgb(0,100,0);
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect">
+ <img src="support/left-half-rectangle.png">
+ </div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage009html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(png), real image 70% + shape-image-threshold + shape-margin (px)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-image-006-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around the image pixels extracted from
+ a shape-outside png file with shape-image-threshold set + the shape-margin in
+ absolute length."/>
+ <style type="text/css">
+ body { margin: 0; }
+ #test, #image, #white, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ #test, #image { left: 10px; }
+ #image { z-index: -2; }
+
+ #white {
+ left: 60px;
+ width: 10px;
+ height: 100px;
+ background-color: white;
+ z-index: -1;
+ }
+ #test {
+ font: 50px/1 Ahem;
+ width: 200px;
+ color: rgb(0,100,0);
+ z-index: 2;
+ }
+ #shape-image {
+ float: left;
+ width: 100px;
+ height: 100px;
+ -webkit-shape-outside: url("support/left-half-rectangle-70.png");
+ -webkit-shape-margin: 10px;
+ -webkit-shape-image-threshold: 0.75;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ z-index: 3;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px; }
+
+ .failure {
+ left: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: 1;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <img id="image" src="support/left-half-rectangle-70.png"/>
+ <div id="white"></div>
+ <div id="test">
+ <div id="shape-image"></div>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage010expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ .left-rect {
+ left: 10px;
+ }
+ .right-rect {
+ width: 50px;
+ height: 100px;
+ left: 70px;
+ background: rgb(0,100,0);
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect">
+ <img src="support/left-half-rectangle.png">
+ </div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(png), data uri + shape-image-threshold + shape-margin (%)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-image-006-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around the image pixels extracted from
+ a shape-outside png file with shape-image-threshold set + the shape-margin as
+ a percentage."/>
+ <style type="text/css">
+ body { margin: 0; }
+ #test, #image, #white, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ #test, #image { left: 10px; }
+ #image { z-index: -2; }
+
+ #white {
+ left: 60px;
+ width: 10px;
+ height: 100px;
+ background-color: white;
+ z-index: -1;
+ }
+ #test {
+ font: 50px/1 Ahem;
+ width: 200px;
+ color: rgb(0,100,0);
+ z-index: 2;
+ }
+ #shape-image {
+ float: left;
+ width: 100px;
+ height: 100px;
+ -webkit-shape-outside: url(data:image/png;base64,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);
+ -webkit-shape-margin: 5%;
+ -webkit-shape-image-threshold: 0.25;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ z-index: 3;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px; }
+
+ .failure {
+ left: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: 1;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <img id="image" src="data:image/png;base64,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"/>
+ <div id="white"></div>
+ <div id="test">
+ <div id="shape-image"></div>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage011expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green {
+ background-color: rgb(0,100,0);
+ width: 50px;
+ height: 100px;
+ }
+ .left-rect { left: 10px; }
+ .right-rect { left: 70px; }
+
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px }
+
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect"></div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: left float, url(svg), real image + shape-image-threshold + shape-margin (px)</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-image-007-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around the image pixels extracted from
+ a shape-outside svg file with shape-image-threshold set + the shape-margin in
+ absolute length."/>
+ <style type="text/css">
+ body { margin: 0; }
+ #test, #image, #white, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ #test, #image { left: 10px; }
+ #image { z-index: -2; }
+
+ #white {
+ left: 60px;
+ width: 10px;
+ height: 100px;
+ background-color: white;
+ z-index: -1;
+ }
+ #test {
+ font: 50px/1 Ahem;
+ width: 200px;
+ color: rgb(0,100,0);
+ z-index: 2;
+ }
+ #shape-image {
+ float: left;
+ width: 100px;
+ height: 100px;
+ -webkit-shape-outside: url("support/left-half-rectangle-50.svg");
+ -webkit-shape-margin: 10px;
+ -webkit-shape-image-threshold: 0.55;
+ }
+ .blue {
+ width: 2px;
+ height: 100px;
+ background-color: blue;
+ z-index: 3;
+ }
+ .left-line { left: 65px; }
+ .right-line { left: 125px; }
+
+ .failure {
+ left: 70px;
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ z-index: 1;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <img id="image" src="support/left-half-rectangle-50.svg"/>
+ <div id="white"></div>
+ <div id="test">
+ <div id="shape-image"></div>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,10 +5,19 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <style type="text/css">
</span><span class="cx"> .container {
</span><del>- width: 100px;
</del><ins>+ width: 150px;
</ins><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><span class="cx"> }
</span><ins>+ img {
+ position: relative;
+ left: -50px;
+ }
+ .green {
+ float: left;
+ width: 50px;
+ height: 100px;
+ background: rgb(0, 100, 0);
+ }
</ins><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="cx"> <body>
</span><span class="lines">@@ -16,6 +25,8 @@
</span><span class="cx"> The test passes if you see a solid green square. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><ins>+ <div class="green"></div>
+ <img src="support/right-half-rectangle.png"/>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-013-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that content wraps around the shape defined by the data uri png."/>
</span><span class="cx"> <style type="text/css">
</span><span class="lines">@@ -14,7 +14,7 @@
</span><span class="cx"> font-family: Ahem;
</span><span class="cx"> font-size: 50px;
</span><span class="cx"> line-height: 50px;
</span><del>- color: rgb(0, 100, 1);
</del><ins>+ color: rgb(0, 100, 0);
</ins><span class="cx"> background-color: red;
</span><span class="cx"> }
</span><span class="cx"> #test {
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-002-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that content wraps around the shape defined by an svg file."/>
</span><span class="cx"> <style type="text/css">
</span><span class="lines">@@ -14,7 +14,7 @@
</span><span class="cx"> font-family: Ahem;
</span><span class="cx"> font-size: 50px;
</span><span class="cx"> line-height: 50px;
</span><del>- color: rgb(0, 100, 1);
</del><ins>+ color: rgb(0, 100, 0);
</ins><span class="cx"> background-color: red;
</span><span class="cx"> }
</span><span class="cx"> #test {
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,10 +5,19 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <style type="text/css">
</span><span class="cx"> .container {
</span><del>- width: 100px;
</del><ins>+ width: 150px;
</ins><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><span class="cx"> }
</span><ins>+ img {
+ position: relative;
+ left: -50px;
+ }
+ .green {
+ float: left;
+ width: 50px;
+ height: 100px;
+ background: rgb(0, 100, 0);
+ }
</ins><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="cx"> <body>
</span><span class="lines">@@ -16,6 +25,8 @@
</span><span class="cx"> The test passes if you see a solid green square. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><ins>+ <div class="green"></div>
+ <img src="support/right-half-rectangle.png"/>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-013-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a png image with 20% alpha and 0.2 shape-image-threshold creates a proper shape."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,10 +5,19 @@
</span><span class="cx"> <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
</span><span class="cx"> <style type="text/css">
</span><span class="cx"> .container {
</span><del>- width: 100px;
</del><ins>+ width: 150px;
</ins><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><span class="cx"> }
</span><ins>+ img {
+ position: relative;
+ left: -50px;
+ }
+ .green {
+ float: left;
+ width: 50px;
+ height: 100px;
+ background: rgb(0, 100, 0);
+ }
</ins><span class="cx"> </style>
</span><span class="cx"> </head>
</span><span class="cx"> <body>
</span><span class="lines">@@ -16,6 +25,8 @@
</span><span class="cx"> The test passes if you see a solid green square. There should be no red.
</span><span class="cx"> </p>
</span><span class="cx"> <div class="container">
</span><ins>+ <div class="green"></div>
+ <img src="support/right-half-rectangle.png"/>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-013-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a png image with 70% alpha and 0.71 shape-image-threshold creates a proper shape."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> .container {
</span><span class="cx"> width: 100px;
</span><span class="cx"> height: 100px;
</span><del>- background-color: rgb(0, 100, 0);
</del><ins>+ background: rgb(0, 100, 0);
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
</span><del>- <link rel="match" href="reference/shape-image-000-ref.html"/>
</del><ins>+ <link rel="match" href="reference/shape-image-002-ref.html"/>
</ins><span class="cx"> <meta name="flags" content="ahem image"/>
</span><span class="cx"> <meta name="assert" content="This test verifies that a shape specified as a data uri svg with 70% alpha creates a proper shape, shape-image-threshold is defined to 0.71."/>
</span><span class="cx"> <style type="text/css">
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage024expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green {
+ background-color: rgb(0,100,0);
+ width: 100px;
+ height: 200px;
+ }
+ .left-rect { left: 10px; }
+ .right-rect { left: 120px; }
+
+ .blue {
+ width: 2px;
+ height: 200px;
+ background-color: blue;
+ }
+ .left-line { left: 115px; }
+ .right-line { left: 230px }
+
+ .green, .blue {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div class="green left-rect"></div>
+ <div class="green right-rect"></div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage024html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: shape-outside from img element with different size than the image file</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-024-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around all the image pixels
+ calculated from the size of the img element, which is different
+ than the size of the image itself."/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .container {
+ left: 10px;
+ font: 100px/1 Ahem;
+ }
+ #test {
+ width: 200px;
+ color: rgb(0,100,0);
+ }
+ #image {
+ float: left;
+ width: 200px;
+ height: 200px;
+ -webkit-shape-outside: url("support/left-half-rectangle.png");
+ -webkit-shape-margin: 10px;
+ }
+ .blue {
+ width: 2px;
+ height: 200px;
+ background-color: blue;
+ }
+ .left-line { left: 115px; }
+ .right-line { left: 230px; }
+
+ .failure {
+ left: 120px;
+ width: 100px;
+ height: 200px;
+ background-color: red;
+ z-index: -1;
+ }
+ .container, .blue, .failure {
+ position: absolute;
+ top: 70px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if the green rectangle on the right is completely between the two blue lines.
+ There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/left-half-rectangle.png"/>
+ X<br/>X
+ </div>
+ <div class="blue left-line"></div>
+ <div class="blue right-line"></div>
+ <div class="failure"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage025expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025-expected.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <style type="text/css">
+ body {
+ margin: 0;
+ }
+ .green {
+ top: 70px;
+ left: 10px;
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0,100,0);
+ }
+ .blue {
+ top: 50px;
+ left: 60px;
+ width: 2px;
+ height: 140px;
+ background-color: blue;
+ }
+ .green, .blue { position: absolute; }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if there are two identical green rectangles on either side of the blue line.
+ There should be no red.
+ </p>
+ <div class="green"></div>
+ <div class="blue"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage025html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025.html (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: shape-outside from first frame of animated gif</title>
+ <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-025-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that shape-outside is extracted from the
+ first frame of an animated gif."/>
+ <style type="text/css">
+ body { margin: 0; }
+ .container {
+ left: 10px;
+ width: 200px;
+ font: 50px/1 Ahem;
+ color: rgb(0,100,0);
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/animated.gif");
+ }
+ .blue-line {
+ top: 50px;
+ left: 60px;
+ width: 2px;
+ height: 140px;
+ background-color: blue;
+ }
+ .square {
+ width: 50px;
+ height: 50px;
+ }
+ .green {
+ left: 10px;
+ background-color: rgb(0,100,0);
+ }
+ .failure {
+ left: 60px;
+ background-color: red;
+ z-index: -1;
+ }
+ .container, .blue-line, .square, .failure { position: absolute; }
+ .container, .square, .failure { top: 70px; }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if there are two identical green rectangles on either side of the blue line.
+ There should be no red.
+ </p>
+ <div class="container">
+ <img id="image" src="support/animated.gif"/>
+ X<br/>X
+ </div>
+ <div class="green square"></div>
+ <div class="blue-line"></div>
+ <div class="failure square"></div>
+</body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportanimatedgif"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/animated.gif (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/animated.gif (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/animated.gif 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+GIF89add\x91\xFF\xFF\xFFd\xFF\xFF\xFF!\xFF XMP DataXMP<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)" xmpMM:InstanceID="xmp.iid:B391F034C8D911E3B226F8E27885C389" xmpMM:DocumentID="xmp.did:B391F035C8D911E3B226F8E27885C389"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:B391F032C8D911E3B226F8E27885C389" stRef:documentID="xmp.did:B391F033C8D911E3B226F8E27885C389"/> </rdf:Description>
</rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>\xFF\xFE\xFD\xFC\xFB\xFA\xF9\xF8\xF7\xF6\xF5\xF4\xF3\xF2\xF1\xF0\xEF\xEE\xED\xEC\xEB\xEA\xE9\xE8\xE7\xE6\xE5\xE4\xE3\xE2\xE1\xE0\xDF\xDE\xDD\xDC\xDB\xDA\xD9\xD8\xD7\xD6\xD5\xD4\xD3\xD2\xD1\xD0\xCF\xCE\xCD\xCC\xCB\xCA\xC9\xC8\xC7\xC6\xC5\xC4\xC3\xC2\xC1\xC0\xBF\xBE\xBD\xBC\xBB\xBA\xB9\xB8\xB7\xB6\xB5\xB4\xB3\xB2\xB1\xB0\xAF\xAE\xAD\xAC\xAB\xAA\xA9\xA8\xA7\xA6\xA5\xA4\xA3\xA2\xA1\xA0\x9F\x9E\x9D\x9C\x9B\x9A\x99\x98\x97\x96\x95\x94\x93\x92\x91\x90\x8F\x8E\x8D\x8C\x8B\x8A\x89\x88\x87\x86\x85\x84\x83\x82\x81\x80~}|{zyxwvutsrqponmlkjihgfedcba`_^]\[ZYXWVUTSRQPONMLKJIHGFEDCBA@?>=<;:9876543210/.-,+*)('&%$#"! +
+ !\xF9 ,dd\xFF\x8C\x8F\xA9˝\xA3\x9C\xB4\xDA;\x9D\xDE \xE1\x86RG\x96\x8F\x88\xA6\xA3\xC9vꋶ\xB2\xD7ߌ/\xF6^\xE5\xFE\xC1 F~?\xA1\x90\xE83\x919%\x8F\x89s\xEE\xA03\xA9\x8D*\xB3ְ--\x8C\xCB\xF2\xBE\xC0&\xB1\x8A\2\xA7\xD0$u\x8C\xCDq\x8B\xE0q9\x88\xBE\xB1\xDF\xF1\xFD\x8D\xDF\xE0\x87(hA\xC8`x\x88\xA8\xA0\xD8\xC3x\xE2\xB8 $9I`yI\xA99\x84i\xD0 \xF1 :\x9AY:*`\xAAʊ\xFAٚ\xFA\x8A ;\xCBy YK\x9B˸\x8B\xDB\xE9,;l[\xCC{ \xAC)\xBCL\xDCl\xFC\x8C \xADl\xC9\\xED|+\x9D-\xBDM-i\xFD\x8D \xAE=\xCE]\xEE\xED\x9E.\xBEN\xDEn\xFE\x8E\xAE\xA8>\xCF^\xEF~\x9F/oH\xDFo\xFF_@}\xF9 \xF2w`B\x81 64\xE8aD\x85Vtx\xA2 \x89)v\xB4\xF8cH\x8Dv8\x96\xF4xdJ\x91+I\xCA)!\xF9 /,dd\xAE\x94\x8F\xA9\xCB\xED\xA3\x9C\xB4ڋ\xB3\xFB\x86\xE2H\x96扦\xEAʶ\xEE \xC7\xF2L\xD7\xF6\x8D\xE7\xFA\xCE\xF7\xFE
+\x87Ģ\xF1\x88L*\x97̦\xF3 \x8DJ\xA7Ԫ\xF5\x8A\xCDj\xB7ܮ\xF7 \x8B\xC7\xE4\xB2\xF9l\xA8\xD7\xEC\xB6\xFB+\x8F\xCB\xE7\xF4\xBA\xFD\x8E\xCF\xEB\xF7\xFC\xBE\xFF(8HXhx\x88\x98\xA8\xB8\xC8\xD8\xE8\xF8)9IYiy\x89\x99\xA9\xB9\xC9\xD9\xE9\xF9 *:JZjz\x8A\x9A\xAA\xBA\xCA\xDA\xEA\xFA
++;K[k{\x8B\x9B\xAB\xBB\xCB\xDB\xEB\xFB ,<L\l|\x8C\x9C\xAC\xBC\xACY!\xF9,ddܔ\x8F\xA9\xCB\xED\xA3\x9C\xB4ڋ\xB3\xFB\x86\xE2H\x96扦\xEAʶ\xEE \xC7\xF2L\xD7\xF6\x8D\xE7\xFA\xCE\xF7\xFE
+\x87Ģ\xF1\x88L*\x97̦\xF3 \x8DJ\xA7Ԫ\xF5\x8A\xCDj\xB7ܮ\xF7 \x8B\xC7\xE4\xB2\xF9l \xA8\xD7\xEC\xB6\xFB+\x8F\xB7\xD3\xF2\xBA\xFD\xBE\xA6\xE3\xF7\xFC|\xAD\xB8\xA7H7X\x88\xE8G\x93Ȩ8\xD3\xD8x(9\xD9Wi)\xF8\x97I\x88\xC9i\xE7\xF9)*j\xB8Y\xAA\xB9\x88\x9A\xFA\xB8\x8AG\xEA\xEA({Kk\x8B못ʋ\xEA[
+,*\xFCI\xCCi\x9C\x89l\xA9<\xC9 \xE9 yJ\xCDX\x9Dx\x8D\x98]\xB8\xDD)=\xFD\xD6M\xF9+>G^.\x83n\xAA\xBAn\xDE\xEE\x9E\xFF\xDEJ\xAF&hS;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20png"></a>
<div class="binary"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle20png"></a>
<div class="binary"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,20 +10,29 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> None
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/animated.gif
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-50.png
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.png
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagew3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,12 +10,14 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-image-threshold
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html
</span><span class="lines">@@ -30,6 +32,18 @@
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-006.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-007.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-008.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-009.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-010.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-011.html
</ins><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html
</span><span class="lines">@@ -54,3 +68,7 @@
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html
</span><ins>+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-024.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-025.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescirclew3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,11 +10,13 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipsew3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,11 +10,13 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,10 +10,12 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -66,7 +66,7 @@
</span><span class="cx"> <p>The test passes if there is green square and no red.</p>
</span><span class="cx"> <div id="container">
</span><span class="cx"> <div id="test-shape"></div>
</span><del>- XXXXXXXXXXXX XXX XXX XXX XXX XXXXxXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
</del><ins>+ XXXXXXXXXXXX XXX XXX XXX XXX XXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
</ins><span class="cx"> </div>
</span><span class="cx"> <div id="ref-1" class="ref-shape"></div>
</span><span class="cx"> <div id="ref-2" class="ref-shape"></div>
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,11 +10,13 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportw3cimportlogfromrev175254trunkLayoutTestscss3shapesspecexamplessupportw3cimportlog"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/w3c-import.log (from rev 175254, trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log) (0 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-10-27 11:23
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/test-utils.js
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -23,7 +23,7 @@
</span><span class="cx"> },
</span><span class="cx"> {
</span><span class="cx"> "actual": "calc(10/100 + 30/100)",
</span><del>- "expected_inline": "calc(0.4)",
</del><ins>+ "expected_inline": "calc(0.1 + 0.3)",
</ins><span class="cx"> "expected_computed": "0.4"
</span><span class="cx"> },
</span><span class="cx"> {
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluessupportw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,10 +10,12 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> None
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,10 +10,12 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> None
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside019expectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -15,7 +15,7 @@
</span><span class="cx"> }
</span><span class="cx"> #image {
</span><span class="cx"> float: left;
</span><del>- -webkit-shape-outside: url("../support/circle-shadow.png");
</del><ins>+ -webkit-shape-outside: url("support/circle-shadow.png");
</ins><span class="cx"> -webkit-shape-margin: 20px;
</span><span class="cx"> }
</span><span class="cx"> #margin-circle {
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplessupportw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,11 +10,14 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> None
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/spec-examples/support/circle-no-shadow.png
</span><span class="cx"> /LayoutTests/css3/shapes/spec-examples/support/circle-shadow.png
</span><ins>+/LayoutTests/css3/shapes/spec-examples/support/rounded-triangle.svg
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,13 +10,15 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> clip-path
</span><span class="cx"> shape-outside
</span><span class="cx"> shape-image-threshold
</span><span class="cx"> shape-margin
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/shapes/w3c-import.log (175254 => 175255)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/w3c-import.log 2014-10-28 16:44:02 UTC (rev 175254)
+++ trunk/LayoutTests/css3/shapes/w3c-import.log 2014-10-28 17:17:17 UTC (rev 175255)
</span><span class="lines">@@ -10,10 +10,12 @@
</span><span class="cx"> Do NOT modify or remove this file
</span><span class="cx">
</span><span class="cx"> ------------------------------------------------------------------------
</span><del>-Last Import: 2014-08-18 11:56
</del><ins>+Last Import: 2014-10-27 11:23
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> Properties requiring vendor prefixes:
</span><span class="cx"> shape-outside
</span><ins>+Property values requiring vendor prefixes:
+None
</ins><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><span class="cx"> /LayoutTests/css3/shapes/./shape-outside-invalid-001.html
</span></span></pre>
</div>
</div>
</body>
</html>