<!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>[207573] 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/207573">207573</a></dd>

<dt>Author</dt> <dd>dino@apple.com</dd>

<dt>Date</dt> <dd>2016-10-19 15:28:02 -0700 (Wed, 19 Oct 2016)</dd>

</dl>

<h3>Log Message</h3>

<pre>Import W3C CSS Shapes tests

https://bugs.webkit.org/show_bug.cgi?id=163697

Rubberstamped by Anders Carlsson.

LayoutTests/imported/w3c:

They are marked as skipped for the moment, since we don't yet

support the unprefixed form.

* csswg-test/css-shapes-1/shape-outside-invalid-001.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html: Added.

* csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js: Added.

(ellipseXIntercept):

(scanConvertRoundedRectangleOutside):

(genLeftRoundedRectFloatShapeOutsideRefTest):

(getRoundedRectLeftEdge):

(genRightRoundedRectFloatShapeOutsideRefTest):

* csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js: Added.

(isEnabled):

(return.snapToLayoutUnit):

(return.ceilSnapToLayoutUnit):

(SubPixelLayout):

* csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js: Added.

(verifyTextPoints):

* csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html: Added.

* csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js: Added.

(testComputedStyle):

(testShapeMarginComputedStyle):

(testShapeThresholdComputedStyle):

(buildPositionTests):

(buildRadiiTests):

(buildInsetTests):

(buildCalcTests):

(unique):

(setUnit):

(convertToPx):

(roundResultStr):

(insetRound):

(serializedInsetRound):

(generateInsetRoundCases):

* csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log: Added.

* csswg-test/css-shapes-1/shape-outside/values/w3c-import.log: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-001.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-002.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-003.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-004.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-005.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-006.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-007.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-008.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-010.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-011.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-012.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-013.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-014.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-015.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-016.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-017.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-018.html: Added.

* csswg-test/css-shapes-1/spec-examples/shape-outside-019.html: Added.

* csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png: Added.

* csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png: Added.

* csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg: Added.

* csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js: Added.

(runTest):

(approxShapeTest):

* csswg-test/css-shapes-1/spec-examples/support/w3c-import.log: Added.

* csswg-test/css-shapes-1/spec-examples/w3c-import.log: Added.

* csswg-test/css-shapes-1/support/1x1-green.png: Added.

* csswg-test/css-shapes-1/support/1x1-lime.png: Added.

* csswg-test/css-shapes-1/support/1x1-maroon.png: Added.

* csswg-test/css-shapes-1/support/1x1-navy.png: Added.

* csswg-test/css-shapes-1/support/1x1-red.png: Added.

* csswg-test/css-shapes-1/support/1x1-white.png: Added.

* csswg-test/css-shapes-1/support/60x60-gg-rr.png: Added.

* csswg-test/css-shapes-1/support/60x60-green.png: Added.

* csswg-test/css-shapes-1/support/60x60-red.png: Added.

* csswg-test/css-shapes-1/support/README: Added.

* csswg-test/css-shapes-1/support/a-green.css: Added.

(.a):

* csswg-test/css-shapes-1/support/b-green.css: Added.

(.b):

* csswg-test/css-shapes-1/support/c-red.css: Added.

(.c):

* csswg-test/css-shapes-1/support/cat.png: Added.

* csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png: Added.

* csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png: Added.

* csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png: Added.

* csswg-test/css-shapes-1/support/pattern-tr.png: Added.

* csswg-test/css-shapes-1/support/square-purple.png: Added.

* csswg-test/css-shapes-1/support/square-teal.png: Added.

* csswg-test/css-shapes-1/support/square-white.png: Added.

* csswg-test/css-shapes-1/support/swatch-blue.png: Added.

* csswg-test/css-shapes-1/support/swatch-green.png: Added.

* csswg-test/css-shapes-1/support/swatch-lime.png: Added.

* csswg-test/css-shapes-1/support/swatch-orange.png: Added.

* csswg-test/css-shapes-1/support/swatch-red.png: Added.

* csswg-test/css-shapes-1/support/swatch-white.png: Added.

* csswg-test/css-shapes-1/support/swatch-yellow.png: Added.

* csswg-test/css-shapes-1/support/test-bl.png: Added.

* csswg-test/css-shapes-1/support/test-br.png: Added.

* csswg-test/css-shapes-1/support/test-outer.png: Added.

* csswg-test/css-shapes-1/support/test-tl.png: Added.

* csswg-test/css-shapes-1/support/test-tr.png: Added.

* csswg-test/css-shapes-1/support/w3c-import.log: Added.

* csswg-test/css-shapes-1/test-plan/index.html: Added.

* csswg-test/css-shapes-1/test-plan/w3c-import.log: Added.

* csswg-test/css-shapes-1/w3c-import.log: Added.

LayoutTests:

* TestExpectations: Mark as skipped while we unprefix.</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="#trunkLayoutTestsimportedw3cChangeLog">trunk/LayoutTests/imported/w3c/ChangeLog</a></li>

</ul>

<h3>Added Paths</h3>

<ul>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/</li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/</li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox002expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox003expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox004expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox006expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox007expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox008expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/</li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient001expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient002expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient003expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient004expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage000expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage001expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage002expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage003expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage004expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage005expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage006expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage007expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage008expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage009expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage009html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage010expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage011expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage012expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage012html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage013expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage014expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage015expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage016expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage016html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage017expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage017html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage018expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage018html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage019expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage019html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage020expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage020html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage021expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage021html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage022expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage022html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage023expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage023html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage024expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage024html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage025expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage025html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportanimatedgif">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle20png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle20svg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle50png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle50svg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle70png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle70svg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglejpg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglesvg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle20png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle50png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle70png">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle70svg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglegif">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglejpg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglesvg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagew3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/</li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle013expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle014expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle015expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle016expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle016html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle017expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle017html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle018expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle018html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle019expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle019html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle020expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle020html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle021expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle021html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle022expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle022html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle024expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle024html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle025expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle025html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle026expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle026html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle027expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle027html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle028expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle028html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle029expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle029html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle030expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle030html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle031expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle031html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescirclew3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse013expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse014expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse015expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse016expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse016html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse017expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse017html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse018expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse018html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse019expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse019html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse020expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse020html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse021expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse021html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse022expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse022html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse023expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse023html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse024expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse024html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse025expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse025html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse030expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse030html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse031expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse031html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipsew3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset010expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset011expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset012expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset012html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset013expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset014expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset015expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon007expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon008expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon009expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon009html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon010expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon011expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon012expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon012html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon013expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon014expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon015expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon016expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon016html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon017expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon017html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportroundedrectanglejs">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportsubpixelutilsjs">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupporttestutilsjs">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidebox000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle009html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecomputedshape000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecomputedshape001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse009html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset009html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapearguments000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapearguments001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeboxpair000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeinherit000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeinitial000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapenone000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapenotation000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluessupportparsingutilsjs">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluessupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalid001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle000html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside001expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside001html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside002expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside002html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside003expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside003html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside004expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside004html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside005expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside005html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside006expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside006html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside007expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside007html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside008expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside008html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside010html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside011html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside012html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside013html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside014html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside015html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside016html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside017html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside018html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside019html">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportcirclenoshadowpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportcircleshadowpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportroundedtrianglesvg">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportspecexampleutilsjs">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1limepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1maroonpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1navypng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1redpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1whitepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60ggrrpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60redpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportREADME">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/README</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportagreencss">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportbgreencss">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportcredcss">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportcatpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterngrgrgrgrgpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterngrgrrgrggpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatternrgrgrgrgrpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterntrpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquarepurplepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquaretealpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquarewhitepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchbluepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchgreenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchlimepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchorangepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchredpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchwhitepng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchyellowpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestblpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestbrpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestouterpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttesttlpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttesttrpng">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/w3c-import.log</a></li>

<li>trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/</li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1testplanindexhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1testplanw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/w3c-import.log</a></li>

<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssshapes1w3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/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 (207572 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/ChangeLog        2016-10-19 22:11:11 UTC (rev 207572)

+++ trunk/LayoutTests/ChangeLog        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -1,3 +1,12 @@

</span><ins>+2016-10-19  Dean Jackson  &lt;dino@apple.com&gt;

+

+        Import W3C CSS Shapes tests

+        https://bugs.webkit.org/show_bug.cgi?id=163697

+

+        Rubberstamped by Anders Carlsson.

+

+        * TestExpectations: Mark as skipped while we unprefix.

+

</ins><span class="cx"> 2016-10-19  Ryosuke Niwa  &lt;rniwa@webkit.org&gt;

</span><span class="cx"> 

</span><span class="cx">         Annotate more DOM and HTML IDLs with CEReactions

</span></span></pre></div>

<a id="trunkLayoutTestsTestExpectations"></a>

<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (207572 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/TestExpectations        2016-10-19 22:11:11 UTC (rev 207572)

+++ trunk/LayoutTests/TestExpectations        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -27,6 +27,8 @@

</span><span class="cx"> media/controls/ipad [ Skip ]

</span><span class="cx"> fast/text-autosizing [ Skip ]

</span><span class="cx"> 

</span><ins>+imported/w3c/csswg-test/css-shapes-1 [ Skip ]

+

</ins><span class="cx"> fast/forms/attributed-strings.html [ Skip ]

</span><span class="cx"> fast/scrolling/latching [ Skip ]

</span><span class="cx"> 

</span></span></pre></div>

<a id="trunkLayoutTestsimportedw3cChangeLog"></a>

<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/ChangeLog (207572 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/ChangeLog        2016-10-19 22:11:11 UTC (rev 207572)

+++ trunk/LayoutTests/imported/w3c/ChangeLog        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -1,3 +1,397 @@

</span><ins>+2016-10-19  Dean Jackson  &lt;dino@apple.com&gt;

+

+        Import W3C CSS Shapes tests

+        https://bugs.webkit.org/show_bug.cgi?id=163697

+

+        Rubberstamped by Anders Carlsson.

+

+        They are marked as skipped for the moment, since we don't yet

+        support the unprefixed form.

+

+        * csswg-test/css-shapes-1/shape-outside-invalid-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js: Added.

+        (ellipseXIntercept):

+        (scanConvertRoundedRectangleOutside):

+        (genLeftRoundedRectFloatShapeOutsideRefTest):

+        (getRoundedRectLeftEdge):

+        (genRightRoundedRectFloatShapeOutsideRefTest):

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js: Added.

+        (isEnabled):

+        (return.snapToLayoutUnit):

+        (return.ceilSnapToLayoutUnit):

+        (SubPixelLayout):

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js: Added.

+        (verifyTextPoints):

+        * csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js: Added.

+        (testComputedStyle):

+        (testShapeMarginComputedStyle):

+        (testShapeThresholdComputedStyle):

+        (buildPositionTests):

+        (buildRadiiTests):

+        (buildInsetTests):

+        (buildCalcTests):

+        (unique):

+        (setUnit):

+        (convertToPx):

+        (roundResultStr):

+        (insetRound):

+        (serializedInsetRound):

+        (generateInsetRoundCases):

+        * csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/shape-outside/values/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-001.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-002.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-003.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-004.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-005.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-006.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-007.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-008.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-010.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-011.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-012.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-013.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-014.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-015.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-016.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-017.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-018.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/shape-outside-019.html: Added.

+        * csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png: Added.

+        * csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png: Added.

+        * csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg: Added.

+        * csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js: Added.

+        (runTest):

+        (approxShapeTest):

+        * csswg-test/css-shapes-1/spec-examples/support/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/spec-examples/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/support/1x1-green.png: Added.

+        * csswg-test/css-shapes-1/support/1x1-lime.png: Added.

+        * csswg-test/css-shapes-1/support/1x1-maroon.png: Added.

+        * csswg-test/css-shapes-1/support/1x1-navy.png: Added.

+        * csswg-test/css-shapes-1/support/1x1-red.png: Added.

+        * csswg-test/css-shapes-1/support/1x1-white.png: Added.

+        * csswg-test/css-shapes-1/support/60x60-gg-rr.png: Added.

+        * csswg-test/css-shapes-1/support/60x60-green.png: Added.

+        * csswg-test/css-shapes-1/support/60x60-red.png: Added.

+        * csswg-test/css-shapes-1/support/README: Added.

+        * csswg-test/css-shapes-1/support/a-green.css: Added.

+        (.a):

+        * csswg-test/css-shapes-1/support/b-green.css: Added.

+        (.b):

+        * csswg-test/css-shapes-1/support/c-red.css: Added.

+        (.c):

+        * csswg-test/css-shapes-1/support/cat.png: Added.

+        * csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png: Added.

+        * csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png: Added.

+        * csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png: Added.

+        * csswg-test/css-shapes-1/support/pattern-tr.png: Added.

+        * csswg-test/css-shapes-1/support/square-purple.png: Added.

+        * csswg-test/css-shapes-1/support/square-teal.png: Added.

+        * csswg-test/css-shapes-1/support/square-white.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-blue.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-green.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-lime.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-orange.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-red.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-white.png: Added.

+        * csswg-test/css-shapes-1/support/swatch-yellow.png: Added.

+        * csswg-test/css-shapes-1/support/test-bl.png: Added.

+        * csswg-test/css-shapes-1/support/test-br.png: Added.

+        * csswg-test/css-shapes-1/support/test-outer.png: Added.

+        * csswg-test/css-shapes-1/support/test-tl.png: Added.

+        * csswg-test/css-shapes-1/support/test-tr.png: Added.

+        * csswg-test/css-shapes-1/support/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/test-plan/index.html: Added.

+        * csswg-test/css-shapes-1/test-plan/w3c-import.log: Added.

+        * csswg-test/css-shapes-1/w3c-import.log: Added.

+

</ins><span class="cx"> 2016-10-19  Ryosuke Niwa  &lt;rniwa@webkit.org&gt;

</span><span class="cx"> 

</span><span class="cx">         Annotate more DOM and HTML IDLs with CEReactions

</span></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox002expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 198px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 200px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, shape-outside: content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-001-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     the content box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 170px;

+        height: 170px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: content-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 198px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 200px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox003expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 198px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 200px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, shape-outside: border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-001-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     the border box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 150px;

+        height: 150px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: border-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 198px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 200px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox004expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 198px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 200px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, shape-outside: padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-001-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     the padding box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 160px;

+        height: 160px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: padding-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 198px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 200px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox006expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 100px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 60px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, shape-outside: content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-005-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     the content box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        text-align: right;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: right;

+        width: 170px;

+        height: 170px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: content-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 100px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 60px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox007expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 100px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 60px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, shape-outside: border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-005-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     the border box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        text-align: right;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: right;

+        width: 150px;

+        height: 150px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: border-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 100px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 60px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox008expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 100px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 60px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxshapeoutsidebox008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, shape-outside: padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-box-005-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     the padding box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        text-align: right;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: right;

+        width: 160px;

+        height: 160px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: padding-box;

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 100px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 60px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeboxw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,29 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-box/shape-outside-box-008.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient001expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: left;

+            width: 100px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,42 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left float with linear gradient&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-linear-gradient-001-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple linear gradient.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: left;

+            width: 200px;

+            height: 200px;

+            background: linear-gradient(to right, green 50%, transparent 50%);

+            -webkit-shape-outside: linear-gradient(to right, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.5) 50%, transparent 50%);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient002expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: right;

+            width: 100px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,43 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Right float with linear gradient&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-linear-gradient-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple linear gradient on a right float.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: right;

+            width: 200px;

+            height: 200px;

+            background: linear-gradient(to left, green 50%, transparent 50%);

+            -webkit-shape-outside: linear-gradient(to left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.75) 50%, rgba(51, 51, 51, 0.25) 50%, transparent 100%);

+            -webkit-shape-image-threshold: 0.5;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient003expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: right;

+            width: 100px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Right float with linear gradient&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-linear-gradient-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple linear gradient on a right float with

+                                shape-margin applied.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: right;

+            width: 200px;

+            height: 200px;

+            background: linear-gradient(to left, green 50%, transparent 50%);

+            -webkit-shape-outside: linear-gradient(to left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.75) 40%, transparent 40%);

+            -webkit-shape-margin: 20px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        xx xx xx xx

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient004expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,37 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .square {

+            display: inline-block;

+            width: 100px;

+            height: 100px;

+            line-height: 100px;

+            background-color: green;

+        }

+        #test {

+            position: absolute;

+            top: 70px;

+            width: 200px;

+            font-size: 0px;

+        }

+        #test &gt; .right {

+            margin-left: 100px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are four green squares alternating left and right. There

+        should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square right&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square right&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsidelineargradient004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape outside and repeating linear gradient&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-linear-gradient-004-ref.html&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps correctly around a shape defined by a repeating linear gradient.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            position: absolute;

+            top: 70px;

+            width: 199px;

+            font-size: 0px;

+        }

+        .square {

+            display: inline-block;

+            width: 100px;

+            height: 100px;

+            line-height: 100px;

+            background-color: green;

+        }

+        .gradient {

+            float: left;

+            width: 100px;

+            height: 400px;

+            -webkit-shape-outside: repeating-linear-gradient(transparent 0px, transparent 100px, white 200px);

+            -webkit-shape-image-threshold: 0.5;

+        }

+        #failure {

+            position: absolute;

+            top: 70px;

+            width: 200px;

+            font-size: 0px;

+            z-index: -1;

+        }

+        #failure &gt; .square {

+            background-color: red;

+        }

+        #failure &gt; .right {

+            margin-left: 100px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are four green squares alternating left and right. There

+        should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div class=&quot;gradient&quot;&gt;&lt;/div&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;failure&quot;&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square right&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square&quot;&gt;&lt;/div&gt;&lt;br&gt;

+        &lt;div class=&quot;square right&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left float with radial gradient&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/test-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple radial gradient.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body { margin: 0; }

+        .container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 10px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: left;

+            width: 100px;

+            height: 100px;

+            -webkit-shape-outside: radial-gradient(circle, green 0px, transparent 50px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see green boxes following the contour of a circle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        x&lt;/br&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        &lt;span id='test0'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test1'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test2'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test3'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test4'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test5'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test6'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test7'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test8'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test9'&gt;x&lt;/span&gt;&lt;br/&gt;

+        x&lt;br/&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 10

+        }, 10, 1.5);

+     &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,68 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left float with radial gradient and percentage shape margin&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/test-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple radial gradient when a percentage margin

+                                is applied.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body { margin: 0; }

+        .container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 10px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: left;

+            width: 100px;

+            height: 100px;

+            -webkit-shape-outside: radial-gradient(circle, green 0px, transparent 40px);

+            -webkit-shape-margin: 5%;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see green boxes following the contour of a circle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        x&lt;/br&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        &lt;span id='test0'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test1'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test2'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test3'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test4'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test5'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test6'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test7'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test8'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test9'&gt;x&lt;/span&gt;&lt;br/&gt;

+        x&lt;br/&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 10

+        }, 10, 1);

+     &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left float with radial gradient shape, shape margin, and shape-image-threshold&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/test-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple radial gradient when a shape margin

+                                and shape-image threshold are applied.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body { margin: 0; }

+        .container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 10px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: left;

+            width: 100px;

+            height: 100px;

+            -webkit-shape-outside: radial-gradient(circle, green 10px, rgba(0, 255, 0, 0.75) 25px, rgba(0, 255, 0, 0.25) 25px, transparent 50px);

+            -webkit-shape-margin: 25px;

+            -webkit-shape-image-threshold: 0.5;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see green boxes following the contour of a circle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        x&lt;/br&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        &lt;span id='test0'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test1'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test2'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test3'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test4'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test5'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test6'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test7'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test8'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test9'&gt;x&lt;/span&gt;&lt;br/&gt;

+        x&lt;br/&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 10

+        }, 10, 1.5);

+     &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsshapeoutsideradialgradient004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left float with radial gradient shape, shape margin, and shape-image-threshold&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../supported-shapes/support/test-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside respects a

+                                simple radial gradient on a right float when

+                                shape-image-threshold is applied.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body { margin: 0; }

+        .container {

+            text-align: right;

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 10px;

+            line-height: 1;

+        }

+        #test {

+            color: green;

+        }

+        #gradient {

+            float: right;

+            width: 100px;

+            height: 100px;

+            -webkit-shape-outside: radial-gradient(circle, green 10px, rgba(0, 255, 0, 0.75) 50px, rgba(0, 255, 0, 0.25) 50px);

+            -webkit-shape-image-threshold: 0.5;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see green boxes following the contour of a circle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        x&lt;/br&gt;

+        &lt;div id=&quot;gradient&quot;&gt;&lt;/div&gt;

+        &lt;span id='test0'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test1'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test2'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test3'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test4'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test5'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test6'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test7'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test8'&gt;x&lt;/span&gt;&lt;br/&gt;

+        &lt;span id='test9'&gt;x&lt;/span&gt;&lt;br/&gt;

+        x&lt;br/&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 100, y: 10, width: 100, height: 100, rx: 50, ry: 50},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 10

+        }, 10, 1, &quot;right&quot;);

+     &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagegradientsw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,31 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-image-threshold

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage000expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+        }

+        img {

+            float: left;

+        }

+        .green {

+            position: relative;

+            left: 50px;

+            width: 50px;

+            height: 100px;

+            background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle-50.png&quot;/&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,38 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-000-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a png image in a data: url is properly respected on a left float.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/

 xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE

 8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqG

 nRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAK9JREFUeNrs0QERADAMAjE6rXM1sZ0PLu8AMrnZFLRvp2HHiYAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAAcQEQAQEiIEAEBIiAABEQAQEiI

 EAEpLwPAAD//wMAnJIExROtr/4AAAAASUVORK5CYII=&quot;);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzB

 C/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRu

 dE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1Yf

 qGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAK9JREFUeNrs0QERADAMAjE6rXM1sZ0PLu8AMrnZFLRvp2HHiYAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAAcQEQAQEiIEAEBIiAABEQAQE

 iIEAEpLwPAAD//wMAnJIExROtr/4AAAAASUVORK5CYII=&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage001expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 150px;

+          height: 100px;

+          background-color: black;

+        }

+        img {

+          float: left;

+        }

+        .green {

+            float: right;

+            width: 50px;

+            height: 100px;

+            background-color: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        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.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle-70.png&quot;/&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,53 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-001-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a png image with 70% alpha is treated as if the image had no alpha.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          position: relative;

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 150px;

+            color: rgb(0, 100, 0);

+            background-color: black;

+        }

+        #image {

+            float: left;

+            width: 150px;

+            height: 100px;

+            -webkit-shape-outside: url(&quot;support/left-half-rectangle-70.png&quot;);

+        }

+        #failure {

+            width: 50px;

+            height: 100px;

+            background-color: red;

+            position: absolute;

+            top: 0px;

+            right: 0px;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        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.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;image&quot;&gt;

+            &lt;img src=&quot;support/left-half-rectangle-70.png&quot;/&gt;

+        &lt;/div&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage002expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+          background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a svg image in a data uri is properly interpreted as a shape.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          position: relative;

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url('data:image/svg+xml;utf8,&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;&lt;/svg&gt;');

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src='data:image/svg+xml;utf8,&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;&lt;/svg&gt;'/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage003expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+          background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a svg image with 20% alpha and 0.3 shape-image-threshold creates a proper shape.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          position: relative;

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/left-half-rectangle-20.svg&quot;);

+            -webkit-shape-image-threshold: 0.3;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle-20.svg&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage004expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+        }

+        img {

+            float: left;

+        }

+        .green {

+            position: relative;

+            left: 50px;

+            width: 50px;

+            height: 100px;

+            background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle-50.png&quot;/&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-000-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a png image with 50% alpha and 0.6 shape-image-threshold creates a proper shape.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          position: relative;

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/left-half-rectangle-50.png&quot;);

+            -webkit-shape-image-threshold: 0.6;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle-50.png&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage005expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+          background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          position: relative;

+          font-family: Ahem;

+          font-size: 50px;

+          line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url('data:image/svg+xml;utf8,&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.7)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;&lt;/svg&gt;');

+            -webkit-shape-image-threshold: 0.8;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src='data:image/svg+xml;utf8,&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.7)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;&lt;/svg&gt;'/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage006expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,44 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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 }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle.png&quot;&gt;

+    &lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,64 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(png), real image + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-006-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around all the image pixels

+                                 + the shape-margin when shape-outside is given a png file.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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(&quot;support/left-half-rectangle.png&quot;);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle.png&quot;/&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage007expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,42 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,64 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(svg), real image + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-007-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around all the image pixels

+                                 + the shape-margin when shape-outside is given an svg file.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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(&quot;support/left-half-rectangle.svg&quot;);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle.svg&quot;/&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage008expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,48 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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; }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;

+        &lt;img src=&quot;data:image/jpeg;base64,/9j/4QVjRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAgAAAAcgEyAAIAAAAUAAAAkodpAAQAAAABAAAAqAAAANQACvzaAAAnEAAK/NoAACcQQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKQAyMDE0OjA0OjI5IDExOjMwOjQzAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAEKQAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAf/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBIgACEQEDEQH/3QAEAAf/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQAC

 AgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//Q5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9HkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0uRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//T5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9TkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1eRSXMJLLcV6dJcwkkp6dJcwkkp+ifqB/wCJLA/69/5+uXQr5VSWjj+SP90Ovi/m4f3Y/k/VSS+VUk9e/VSS+VUklP1UkvlVJJT/AP/Z/+0NfFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAAAAABAQAAABAAA

 AABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAADwBTAGUAYwB1AHIAZQAgAFAAcgBpAG4AdABlAHIAAAAAAA9wcmludFByb29mU2V0dXBPYmpjAAAADABQAHIAbwBvAGYAIABTAGUAdAB1AHAAAAAAAApwcm9vZlNldHVwAAAAAQAAAABCbHRuZW51bQAAAAxidWlsdGluUHJvb2YAAAAJcHJvb2ZDTVlLADhCSU0EOwAAAAACLQAAABAAAAABAAAAAAAScHJpbnRPdXRwdXRPcHRpb25zAAAAFwAAAABDcHRuYm9vbAAAAAAAQ2xicmJvb2wAAAAAAFJnc01ib29sAAAAAABDcm5DYm9vbAAAAAAAQ250Q2Jvb2wAAAAAAExibHNib29sAAAAAABOZ3R2Ym9vbAAAAAAARW1sRGJvb2wAAAAAAEludHJib29sAAAAAABCY2tnT2JqYwAAAAEAAAAAAABSR0JDAAAAAwAAAABSZCAgZG91YkBv4AAAAAAAAAAAAEdybiBkb3ViQG/gAAAAAAAAAAAAQmwgIGRvdWJAb+AAAAAAAAAAAABCcmRUVW50RiNSbHQAAAAAAAAAAAAAAABCbGQgVW50RiNSbHQAAAAAAAAAAAAAAABSc2x0VW50RiNQeGxAUgCTgAAAAAAAAAp2ZWN0b3JEYXRhYm9vbAEAAAAAUGdQc2VudW0AAAAAUGdQcwAAAABQZ1BDAAAAAExlZnRVbnRGI1JsdAAAAAAAAAAAAAAAAFRvcCBVbnRGI1JsdAAAAAAAAAAAAAAAAFNjbCBVbnRGI1ByY0BZAAAAAAAAAAAAEGNyb3BXaGVuUHJpbnRpbmdib29sAAAAAA5jcm9wUmVjdEJvdHRvbW

 xvbmcAAAAAAAAADGNyb3BSZWN0TGVmdGxvbmcAAAAAAAAADWNyb3BSZWN0UmlnaHRsb25nAAAAAAAAAAtjcm9wUmVjdFRvcGxvbmcAAAAAADhCSU0D7QAAAAAAEABIAk4AAQABAEgCTgABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0EDQAAAAAABAAAAB44QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAE4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQAAAAAAAACAAA4QklNBAIAAAAAAAIAADhCSU0EMAAAAAAAAQEAOEJJTQQtAAAAAAAGAAEAAAADOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA1EAAAAGAAAAAAAAAAAAAABkAAAAZAAAAA4AaABhAGwAZgAtAHIAZQBjAHQAYQBuAGcAbABlAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAABkAAAAZAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAABAAAAABAAAAAAAAbnVsbAAAAAIAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmc

 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

 yZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPZGVzYwAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdmlldwAAAAAAE6T+ABRfLgAQzxQAA+3MAAQTCwADXJ4AAAABWFlaIAAAAAAATAlWAFAAAABXH+dtZWFzAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAACjwAAAAJzaWcgAAAAAENSVCBjdXJ2AAAAAAAABAAAAAAFAAoADwAUABkAHgAjACgALQAy

 ADcAOwBAAEUASgBPAFQAWQBeAGMAaABtAHIAdwB8AIEAhgCLAJAAlQCaAJ8ApACpAK4AsgC3ALwAwQDGAMsA0ADVANsA4ADlAOsA8AD2APsBAQEHAQ0BEwEZAR8BJQErATIBOAE+AUUBTAFSAVkBYAFnAW4BdQF8AYMBiwGSAZoBoQGpAbEBuQHBAckB0QHZAeEB6QHyAfoCAwIMAhQCHQImAi8COAJBAksCVAJdAmcCcQJ6AoQCjgKYAqICrAK2AsECywLVAuAC6wL1AwADCwMWAyEDLQM4A0MDTwNaA2YDcgN+A4oDlgOiA64DugPHA9MD4APsA/kEBgQTBCAELQQ7BEgEVQRjBHEEfgSMBJoEqAS2BMQE0wThBPAE/gUNBRwFKwU6BUkFWAVnBXcFhgWWBaYFtQXFBdUF5QX2BgYGFgYnBjcGSAZZBmoGewaMBp0GrwbABtEG4wb1BwcHGQcrBz0HTwdhB3QHhgeZB6wHvwfSB+UH+AgLCB8IMghGCFoIbgiCCJYIqgi+CNII5wj7CRAJJQk6CU8JZAl5CY8JpAm6Cc8J5Qn7ChEKJwo9ClQKagqBCpgKrgrFCtwK8wsLCyILOQtRC2kLgAuYC7ALyAvhC/kMEgwqDEMMXAx1DI4MpwzADNkM8w0NDSYNQA1aDXQNjg2pDcMN3g34DhMOLg5JDmQOfw6bDrYO0g7uDwkPJQ9BD14Peg+WD7MPzw/sEAkQJhBDEGEQfhCbELkQ1xD1ERMRMRFPEW0RjBGqEckR6BIHEiYSRRJkEoQSoxLDEuMTAxMjE0MTYxODE6QTxRPlFAYUJxRJFGoUixStFM4U8BUSFTQVVhV4FZsVvRXgFgMWJhZJFmwWjxayFtYW+hcdF0EXZReJF64X0hf3GBsYQBhlGIoYrxjVGPoZIBlFGWsZkRm3Gd0aBBoqGlEadxqeGsUa7BsUGzsbYxuKG7Ib2hwCHCocUhx7HKMczBz1HR4dR

 x1wHZkdwx3sHhYeQB5qHpQevh7pHxMfPh9pH5Qfvx/qIBUgQSBsIJggxCDwIRwhSCF1IaEhziH7IiciVSKCIq8i3SMKIzgjZiOUI8Ij8CQfJE0kfCSrJNolCSU4JWgllyXHJfcmJyZXJocmtyboJxgnSSd6J6sn3CgNKD8ocSiiKNQpBik4KWspnSnQKgIqNSpoKpsqzysCKzYraSudK9EsBSw5LG4soizXLQwtQS12Last4S4WLkwugi63Lu4vJC9aL5Evxy/+MDUwbDCkMNsxEjFKMYIxujHyMioyYzKbMtQzDTNGM38zuDPxNCs0ZTSeNNg1EzVNNYc1wjX9Njc2cjauNuk3JDdgN5w31zgUOFA4jDjIOQU5Qjl/Obw5+To2OnQ6sjrvOy07azuqO+g8JzxlPKQ84z0iPWE9oT3gPiA+YD6gPuA/IT9hP6I/4kAjQGRApkDnQSlBakGsQe5CMEJyQrVC90M6Q31DwEQDREdEikTORRJFVUWaRd5GIkZnRqtG8Ec1R3tHwEgFSEtIkUjXSR1JY0mpSfBKN0p9SsRLDEtTS5pL4kwqTHJMuk0CTUpNk03cTiVObk63TwBPSU+TT91QJ1BxULtRBlFQUZtR5lIxUnxSx1MTU19TqlP2VEJUj1TbVShVdVXCVg9WXFapVvdXRFeSV+BYL1h9WMtZGllpWbhaB1pWWqZa9VtFW5Vb5Vw1XIZc1l0nXXhdyV4aXmxevV8PX2Ffs2AFYFdgqmD8YU9homH1YklinGLwY0Njl2PrZEBklGTpZT1lkmXnZj1mkmboZz1nk2fpaD9olmjsaUNpmmnxakhqn2r3a09rp2v/bFdsr20IbWBtuW4SbmtuxG8eb3hv0XArcIZw4HE6cZVx8HJLcqZzAXNdc7h0FHRwdMx1KHWFdeF2Pnabdvh3VnezeBF4bnjMeSp5iXnnekZ6pXsEe2N7wnwhfIF84X1BfaF+AX5ifsJ/I3+Ef+

 WAR4CogQqBa4HNgjCCkoL0g1eDuoQdhICE44VHhauGDoZyhteHO4efiASIaYjOiTOJmYn+imSKyoswi5aL/IxjjMqNMY2Yjf+OZo7OjzaPnpAGkG6Q1pE/kaiSEZJ6kuOTTZO2lCCUipT0lV+VyZY0lp+XCpd1l+CYTJi4mSSZkJn8mmia1ZtCm6+cHJyJnPedZJ3SnkCerp8dn4uf+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26n4KhSqMSpN6mpqhyqj6sCq3Wr6axcrNCtRK24ri2uoa8Wr4uwALB1sOqxYLHWskuywrM4s660JbSctRO1irYBtnm28Ldot+C4WbjRuUq5wro7urW7LrunvCG8m70VvY++Cr6Evv+/er/1wHDA7MFnwePCX8Lbw1jD1MRRxM7FS8XIxkbGw8dBx7/IPci8yTrJuco4yrfLNsu2zDXMtc01zbXONs62zzfPuNA50LrRPNG+0j/SwdNE08bUSdTL1U7V0dZV1tjXXNfg2GTY6Nls2fHadtr724DcBdyK3RDdlt4c3qLfKd+v4DbgveFE4cziU+Lb42Pj6+Rz5PzlhOYN5pbnH+ep6DLovOlG6dDqW+rl63Dr++yG7RHtnO4o7rTvQO/M8Fjw5fFy8f/yjPMZ86f0NPTC9VD13vZt9vv3ivgZ+Kj5OPnH+lf65/t3/Af8mP0p/br+S/7c/23////uAA5BZG9iZQBkQAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0KCQoNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBEQACEQEDEQH/3QAEAA3/xAGiAAAABwEBAQEBAAAAAAAAAAAEBQM

 CBgEABwgJCgsBAAICAwEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAgEDAwIEAgYHAwQCBgJzAQIDEQQABSESMUFRBhNhInGBFDKRoQcVsUIjwVLR4TMWYvAkcoLxJUM0U5KismNzwjVEJ5OjszYXVGR0w9LiCCaDCQoYGYSURUaktFbTVSga8uPzxNTk9GV1hZWltcXV5fVmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6PgpOUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6EQACAgECAwUFBAUGBAgDA20BAAIRAwQhEjFBBVETYSIGcYGRMqGx8BTB0eEjQhVSYnLxMyQ0Q4IWklMlomOywgdz0jXiRIMXVJMICQoYGSY2RRonZHRVN/Kjs8MoKdPj84SUpLTE1OT0ZXWFlaW1xdXl9UZWZnaGlqa2xtbm9kdXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6Pg5SVlpeYmZqbnJ2en5KjpKWmp6ipqqusra6vr/2gAMAwEAAhEDEQA/APnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6

 L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//2Q==&quot;&gt;

+    &lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue line-left&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue line-right&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(jpg), data uri + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-008-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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,/9j/4QVjRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAgAAAAcgEyAAIAAAAUAAAAkodpAAQAAAABAAAAqAAAANQACvzaAAAnEAAK/NoAACcQQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKQAyMDE0OjA0OjI5IDExOjMwOjQzAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAEKQAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAf/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBIgACEQEDEQH/3QAEAAf/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4e

 Xp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//Q5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9HkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0uRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//T5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9TkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1eRSXMJLLcV6dJcwkkp6dJcwkkp+ifqB/wCJLA/69/5+uXQr5VSWjj+SP90Ovi/m4f3Y/k/VSS+VUk9e/VSS+VUklP1UkvlVJJT/AP/Z/+0NfFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0EOgAA

 AAABAQAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAADwBTAGUAYwB1AHIAZQAgAFAAcgBpAG4AdABlAHIAAAAAAA9wcmludFByb29mU2V0dXBPYmpjAAAADABQAHIAbwBvAGYAIABTAGUAdAB1AHAAAAAAAApwcm9vZlNldHVwAAAAAQAAAABCbHRuZW51bQAAAAxidWlsdGluUHJvb2YAAAAJcHJvb2ZDTVlLADhCSU0EOwAAAAACLQAAABAAAAABAAAAAAAScHJpbnRPdXRwdXRPcHRpb25zAAAAFwAAAABDcHRuYm9vbAAAAAAAQ2xicmJvb2wAAAAAAFJnc01ib29sAAAAAABDcm5DYm9vbAAAAAAAQ250Q2Jvb2wAAAAAAExibHNib29sAAAAAABOZ3R2Ym9vbAAAAAAARW1sRGJvb2wAAAAAAEludHJib29sAAAAAABCY2tnT2JqYwAAAAEAAAAAAABSR0JDAAAAAwAAAABSZCAgZG91YkBv4AAAAAAAAAAAAEdybiBkb3ViQG/gAAAAAAAAAAAAQmwgIGRvdWJAb+AAAAAAAAAAAABCcmRUVW50RiNSbHQAAAAAAAAAAAAAAABCbGQgVW50RiNSbHQAAAAAAAAAAAAAAABSc2x0VW50RiNQeGxAUgCTgAAAAAAAAAp2ZWN0b3JEYXRhYm9vbAEAAAAAUGdQc2VudW0AAAAAUGdQcwAAAABQZ1BDAAAAAExlZnRVbnRGI1JsdAAAAAAAAAAAAAAAAFRvcCBVbnRGI1JsdAAAAAAAAAAAAAAAAFNjbCBVbnRGI1ByY0BZAAAAAAAAAAAAEGNyb3BXaGVuUHJpbnRpbmdib29sAAAAAA5jcm9wU

 mVjdEJvdHRvbWxvbmcAAAAAAAAADGNyb3BSZWN0TGVmdGxvbmcAAAAAAAAADWNyb3BSZWN0UmlnaHRsb25nAAAAAAAAAAtjcm9wUmVjdFRvcGxvbmcAAAAAADhCSU0D7QAAAAAAEABIAk4AAQABAEgCTgABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0EDQAAAAAABAAAAB44QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAE4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQAAAAAAAACAAA4QklNBAIAAAAAAAIAADhCSU0EMAAAAAAAAQEAOEJJTQQtAAAAAAAGAAEAAAADOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA1EAAAAGAAAAAAAAAAAAAABkAAAAZAAAAA4AaABhAGwAZgAtAHIAZQBjAHQAYQBuAGcAbABlAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAABkAAAAZAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAABAAAAABAAAAAAAAbnVsbAAAAAIAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAA

 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

 xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPZGVzYwAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdmlldwAAAAAAE6T+ABRfLgAQzxQAA+3MAAQTCwADXJ4AAAABWFlaIAAAAAAATAlWAFAAAABXH+dtZWFzAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAACjwAAAAJzaWcgAAAAAENSVCBjdXJ2AAAAAAAABAAAAAAFAAoADwAUABk

 AHgAjACgALQAyADcAOwBAAEUASgBPAFQAWQBeAGMAaABtAHIAdwB8AIEAhgCLAJAAlQCaAJ8ApACpAK4AsgC3ALwAwQDGAMsA0ADVANsA4ADlAOsA8AD2APsBAQEHAQ0BEwEZAR8BJQErATIBOAE+AUUBTAFSAVkBYAFnAW4BdQF8AYMBiwGSAZoBoQGpAbEBuQHBAckB0QHZAeEB6QHyAfoCAwIMAhQCHQImAi8COAJBAksCVAJdAmcCcQJ6AoQCjgKYAqICrAK2AsECywLVAuAC6wL1AwADCwMWAyEDLQM4A0MDTwNaA2YDcgN+A4oDlgOiA64DugPHA9MD4APsA/kEBgQTBCAELQQ7BEgEVQRjBHEEfgSMBJoEqAS2BMQE0wThBPAE/gUNBRwFKwU6BUkFWAVnBXcFhgWWBaYFtQXFBdUF5QX2BgYGFgYnBjcGSAZZBmoGewaMBp0GrwbABtEG4wb1BwcHGQcrBz0HTwdhB3QHhgeZB6wHvwfSB+UH+AgLCB8IMghGCFoIbgiCCJYIqgi+CNII5wj7CRAJJQk6CU8JZAl5CY8JpAm6Cc8J5Qn7ChEKJwo9ClQKagqBCpgKrgrFCtwK8wsLCyILOQtRC2kLgAuYC7ALyAvhC/kMEgwqDEMMXAx1DI4MpwzADNkM8w0NDSYNQA1aDXQNjg2pDcMN3g34DhMOLg5JDmQOfw6bDrYO0g7uDwkPJQ9BD14Peg+WD7MPzw/sEAkQJhBDEGEQfhCbELkQ1xD1ERMRMRFPEW0RjBGqEckR6BIHEiYSRRJkEoQSoxLDEuMTAxMjE0MTYxODE6QTxRPlFAYUJxRJFGoUixStFM4U8BUSFTQVVhV4FZsVvRXgFgMWJhZJFmwWjxayFtYW+hcdF0EXZReJF64X0hf3GBsYQBhlGIoYrxjVGPoZIBlFGWsZkRm3Gd0aBBoqGlEadxqeGsUa7BsUGzsbYxuKG7Ib2hwCHCocUhx7

 HKMczBz1HR4dRx1wHZkdwx3sHhYeQB5qHpQevh7pHxMfPh9pH5Qfvx/qIBUgQSBsIJggxCDwIRwhSCF1IaEhziH7IiciVSKCIq8i3SMKIzgjZiOUI8Ij8CQfJE0kfCSrJNolCSU4JWgllyXHJfcmJyZXJocmtyboJxgnSSd6J6sn3CgNKD8ocSiiKNQpBik4KWspnSnQKgIqNSpoKpsqzysCKzYraSudK9EsBSw5LG4soizXLQwtQS12Last4S4WLkwugi63Lu4vJC9aL5Evxy/+MDUwbDCkMNsxEjFKMYIxujHyMioyYzKbMtQzDTNGM38zuDPxNCs0ZTSeNNg1EzVNNYc1wjX9Njc2cjauNuk3JDdgN5w31zgUOFA4jDjIOQU5Qjl/Obw5+To2OnQ6sjrvOy07azuqO+g8JzxlPKQ84z0iPWE9oT3gPiA+YD6gPuA/IT9hP6I/4kAjQGRApkDnQSlBakGsQe5CMEJyQrVC90M6Q31DwEQDREdEikTORRJFVUWaRd5GIkZnRqtG8Ec1R3tHwEgFSEtIkUjXSR1JY0mpSfBKN0p9SsRLDEtTS5pL4kwqTHJMuk0CTUpNk03cTiVObk63TwBPSU+TT91QJ1BxULtRBlFQUZtR5lIxUnxSx1MTU19TqlP2VEJUj1TbVShVdVXCVg9WXFapVvdXRFeSV+BYL1h9WMtZGllpWbhaB1pWWqZa9VtFW5Vb5Vw1XIZc1l0nXXhdyV4aXmxevV8PX2Ffs2AFYFdgqmD8YU9homH1YklinGLwY0Njl2PrZEBklGTpZT1lkmXnZj1mkmboZz1nk2fpaD9olmjsaUNpmmnxakhqn2r3a09rp2v/bFdsr20IbWBtuW4SbmtuxG8eb3hv0XArcIZw4HE6cZVx8HJLcqZzAXNdc7h0FHRwdMx1KHWFdeF2Pnabdvh3VnezeBF4bnjMeSp5iXnnekZ6pXsEe2N7wnwhfIF84X1BfaF+A

 X5ifsJ/I3+Ef+WAR4CogQqBa4HNgjCCkoL0g1eDuoQdhICE44VHhauGDoZyhteHO4efiASIaYjOiTOJmYn+imSKyoswi5aL/IxjjMqNMY2Yjf+OZo7OjzaPnpAGkG6Q1pE/kaiSEZJ6kuOTTZO2lCCUipT0lV+VyZY0lp+XCpd1l+CYTJi4mSSZkJn8mmia1ZtCm6+cHJyJnPedZJ3SnkCerp8dn4uf+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26n4KhSqMSpN6mpqhyqj6sCq3Wr6axcrNCtRK24ri2uoa8Wr4uwALB1sOqxYLHWskuywrM4s660JbSctRO1irYBtnm28Ldot+C4WbjRuUq5wro7urW7LrunvCG8m70VvY++Cr6Evv+/er/1wHDA7MFnwePCX8Lbw1jD1MRRxM7FS8XIxkbGw8dBx7/IPci8yTrJuco4yrfLNsu2zDXMtc01zbXONs62zzfPuNA50LrRPNG+0j/SwdNE08bUSdTL1U7V0dZV1tjXXNfg2GTY6Nls2fHadtr724DcBdyK3RDdlt4c3qLfKd+v4DbgveFE4cziU+Lb42Pj6+Rz5PzlhOYN5pbnH+ep6DLovOlG6dDqW+rl63Dr++yG7RHtnO4o7rTvQO/M8Fjw5fFy8f/yjPMZ86f0NPTC9VD13vZt9vv3ivgZ+Kj5OPnH+lf65/t3/Af8mP0p/br+S/7c/23////uAA5BZG9iZQBkQAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0KCQoNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBEQACEQEDEQH/3QAEAA3/xAGiAAAABwEBAQEBAA

 AAAAAAAAAEBQMCBgEABwgJCgsBAAICAwEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAgEDAwIEAgYHAwQCBgJzAQIDEQQABSESMUFRBhNhInGBFDKRoQcVsUIjwVLR4TMWYvAkcoLxJUM0U5KismNzwjVEJ5OjszYXVGR0w9LiCCaDCQoYGYSURUaktFbTVSga8uPzxNTk9GV1hZWltcXV5fVmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6PgpOUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6EQACAgECAwUFBAUGBAgDA20BAAIRAwQhEjFBBVETYSIGcYGRMqGx8BTB0eEjQhVSYnLxMyQ0Q4IWklMlomOywgdz0jXiRIMXVJMICQoYGSY2RRonZHRVN/Kjs8MoKdPj84SUpLTE1OT0ZXWFlaW1xdXl9UZWZnaGlqa2xtbm9kdXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6Pg5SVlpeYmZqbnJ2en5KjpKWmp6ipqqusra6vr/2gAMAwEAAhEDEQA/APnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qO

 ehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//2Q==);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/jpeg;base64,/9j/4QVjRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAgAAAAcgEyAAIAAAAUAAAAkodpAAQAAAABAAAAqAAAANQACvzaAAAnEAAK/NoAACcQQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKQAyMDE0OjA0OjI5IDExOjMwOjQzAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAAEKQAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAf/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBIgACEQEDEQH/3QAEAAf/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY

 3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AORSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//Q5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9HkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//0uRSSSWW4qkkkklKSSSSU+xfUD/xJYH/AF7/AM/XLoVz31A/8SWB/wBe/wDP1y6FaOP5I/3Q6+L+bh/dj+Skkkk9epJJJJSkkkklP//T5FJJJZbiqSSSSUpJJJJT7F9QP/Elgf8AXv8Az9cuhXPfUD/xJYH/AF7/AM/XLoVo4/kj/dDr4v5uH92P5KSSST16kkkklKSSSSU//9TkUkklluKpJJJJSkkkklPsX1A/8SWB/wBe/wDP1y6Fc99QP/Elgf8AXv8Az9cuhWjj+SP90Ovi/m4f3Y/kpJJJPXqSSSSUpJJJJT//1eRSXMJLLcV6dJcwkkp6dJcwkkp+ifqB/wCJLA/69/5+uXQr5VSWjj+SP90Ovi/m4f3Y/k/VSS+VUk9e/VSS+VUklP1UkvlVJJT/AP/Z/+0NfFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhC

 SU0EOgAAAAABAQAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAADwBTAGUAYwB1AHIAZQAgAFAAcgBpAG4AdABlAHIAAAAAAA9wcmludFByb29mU2V0dXBPYmpjAAAADABQAHIAbwBvAGYAIABTAGUAdAB1AHAAAAAAAApwcm9vZlNldHVwAAAAAQAAAABCbHRuZW51bQAAAAxidWlsdGluUHJvb2YAAAAJcHJvb2ZDTVlLADhCSU0EOwAAAAACLQAAABAAAAABAAAAAAAScHJpbnRPdXRwdXRPcHRpb25zAAAAFwAAAABDcHRuYm9vbAAAAAAAQ2xicmJvb2wAAAAAAFJnc01ib29sAAAAAABDcm5DYm9vbAAAAAAAQ250Q2Jvb2wAAAAAAExibHNib29sAAAAAABOZ3R2Ym9vbAAAAAAARW1sRGJvb2wAAAAAAEludHJib29sAAAAAABCY2tnT2JqYwAAAAEAAAAAAABSR0JDAAAAAwAAAABSZCAgZG91YkBv4AAAAAAAAAAAAEdybiBkb3ViQG/gAAAAAAAAAAAAQmwgIGRvdWJAb+AAAAAAAAAAAABCcmRUVW50RiNSbHQAAAAAAAAAAAAAAABCbGQgVW50RiNSbHQAAAAAAAAAAAAAAABSc2x0VW50RiNQeGxAUgCTgAAAAAAAAAp2ZWN0b3JEYXRhYm9vbAEAAAAAUGdQc2VudW0AAAAAUGdQcwAAAABQZ1BDAAAAAExlZnRVbnRGI1JsdAAAAAAAAAAAAAAAAFRvcCBVbnRGI1JsdAAAAAAAAAAAAAAAAFNjbCBVbnRGI1ByY0BZAAAAAAAAAAAAEGNyb3BXaGVuUHJpbnRpbmdib29sAAAAA

 A5jcm9wUmVjdEJvdHRvbWxvbmcAAAAAAAAADGNyb3BSZWN0TGVmdGxvbmcAAAAAAAAADWNyb3BSZWN0UmlnaHRsb25nAAAAAAAAAAtjcm9wUmVjdFRvcGxvbmcAAAAAADhCSU0D7QAAAAAAEABIAk4AAQABAEgCTgABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0EDQAAAAAABAAAAB44QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAE4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQAAAAAAAACAAA4QklNBAIAAAAAAAIAADhCSU0EMAAAAAAAAQEAOEJJTQQtAAAAAAAGAAEAAAADOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA1EAAAAGAAAAAAAAAAAAAABkAAAAZAAAAA4AaABhAGwAZgAtAHIAZQBjAHQAYQBuAGcAbABlAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAABkAAAAZAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAABAAAAABAAAAAAAAbnVsbAAAAAIAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZw

 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

 k4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPZGVzYwAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdmlldwAAAAAAE6T+ABRfLgAQzxQAA+3MAAQTCwADXJ4AAAABWFlaIAAAAAAATAlWAFAAAABXH+dtZWFzAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAACjwAAAAJzaWcgAAAAAENSVCBjdXJ2AAAAAAAABAAAAAAFAAo

 ADwAUABkAHgAjACgALQAyADcAOwBAAEUASgBPAFQAWQBeAGMAaABtAHIAdwB8AIEAhgCLAJAAlQCaAJ8ApACpAK4AsgC3ALwAwQDGAMsA0ADVANsA4ADlAOsA8AD2APsBAQEHAQ0BEwEZAR8BJQErATIBOAE+AUUBTAFSAVkBYAFnAW4BdQF8AYMBiwGSAZoBoQGpAbEBuQHBAckB0QHZAeEB6QHyAfoCAwIMAhQCHQImAi8COAJBAksCVAJdAmcCcQJ6AoQCjgKYAqICrAK2AsECywLVAuAC6wL1AwADCwMWAyEDLQM4A0MDTwNaA2YDcgN+A4oDlgOiA64DugPHA9MD4APsA/kEBgQTBCAELQQ7BEgEVQRjBHEEfgSMBJoEqAS2BMQE0wThBPAE/gUNBRwFKwU6BUkFWAVnBXcFhgWWBaYFtQXFBdUF5QX2BgYGFgYnBjcGSAZZBmoGewaMBp0GrwbABtEG4wb1BwcHGQcrBz0HTwdhB3QHhgeZB6wHvwfSB+UH+AgLCB8IMghGCFoIbgiCCJYIqgi+CNII5wj7CRAJJQk6CU8JZAl5CY8JpAm6Cc8J5Qn7ChEKJwo9ClQKagqBCpgKrgrFCtwK8wsLCyILOQtRC2kLgAuYC7ALyAvhC/kMEgwqDEMMXAx1DI4MpwzADNkM8w0NDSYNQA1aDXQNjg2pDcMN3g34DhMOLg5JDmQOfw6bDrYO0g7uDwkPJQ9BD14Peg+WD7MPzw/sEAkQJhBDEGEQfhCbELkQ1xD1ERMRMRFPEW0RjBGqEckR6BIHEiYSRRJkEoQSoxLDEuMTAxMjE0MTYxODE6QTxRPlFAYUJxRJFGoUixStFM4U8BUSFTQVVhV4FZsVvRXgFgMWJhZJFmwWjxayFtYW+hcdF0EXZReJF64X0hf3GBsYQBhlGIoYrxjVGPoZIBlFGWsZkRm3Gd0aBBoqGlEadxqeGsUa7BsUGzsbYxuKG7Ib2hwC

 HCocUhx7HKMczBz1HR4dRx1wHZkdwx3sHhYeQB5qHpQevh7pHxMfPh9pH5Qfvx/qIBUgQSBsIJggxCDwIRwhSCF1IaEhziH7IiciVSKCIq8i3SMKIzgjZiOUI8Ij8CQfJE0kfCSrJNolCSU4JWgllyXHJfcmJyZXJocmtyboJxgnSSd6J6sn3CgNKD8ocSiiKNQpBik4KWspnSnQKgIqNSpoKpsqzysCKzYraSudK9EsBSw5LG4soizXLQwtQS12Last4S4WLkwugi63Lu4vJC9aL5Evxy/+MDUwbDCkMNsxEjFKMYIxujHyMioyYzKbMtQzDTNGM38zuDPxNCs0ZTSeNNg1EzVNNYc1wjX9Njc2cjauNuk3JDdgN5w31zgUOFA4jDjIOQU5Qjl/Obw5+To2OnQ6sjrvOy07azuqO+g8JzxlPKQ84z0iPWE9oT3gPiA+YD6gPuA/IT9hP6I/4kAjQGRApkDnQSlBakGsQe5CMEJyQrVC90M6Q31DwEQDREdEikTORRJFVUWaRd5GIkZnRqtG8Ec1R3tHwEgFSEtIkUjXSR1JY0mpSfBKN0p9SsRLDEtTS5pL4kwqTHJMuk0CTUpNk03cTiVObk63TwBPSU+TT91QJ1BxULtRBlFQUZtR5lIxUnxSx1MTU19TqlP2VEJUj1TbVShVdVXCVg9WXFapVvdXRFeSV+BYL1h9WMtZGllpWbhaB1pWWqZa9VtFW5Vb5Vw1XIZc1l0nXXhdyV4aXmxevV8PX2Ffs2AFYFdgqmD8YU9homH1YklinGLwY0Njl2PrZEBklGTpZT1lkmXnZj1mkmboZz1nk2fpaD9olmjsaUNpmmnxakhqn2r3a09rp2v/bFdsr20IbWBtuW4SbmtuxG8eb3hv0XArcIZw4HE6cZVx8HJLcqZzAXNdc7h0FHRwdMx1KHWFdeF2Pnabdvh3VnezeBF4bnjMeSp5iXnnekZ6pXsEe2N7wnwhfIF84

 X1BfaF+AX5ifsJ/I3+Ef+WAR4CogQqBa4HNgjCCkoL0g1eDuoQdhICE44VHhauGDoZyhteHO4efiASIaYjOiTOJmYn+imSKyoswi5aL/IxjjMqNMY2Yjf+OZo7OjzaPnpAGkG6Q1pE/kaiSEZJ6kuOTTZO2lCCUipT0lV+VyZY0lp+XCpd1l+CYTJi4mSSZkJn8mmia1ZtCm6+cHJyJnPedZJ3SnkCerp8dn4uf+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26n4KhSqMSpN6mpqhyqj6sCq3Wr6axcrNCtRK24ri2uoa8Wr4uwALB1sOqxYLHWskuywrM4s660JbSctRO1irYBtnm28Ldot+C4WbjRuUq5wro7urW7LrunvCG8m70VvY++Cr6Evv+/er/1wHDA7MFnwePCX8Lbw1jD1MRRxM7FS8XIxkbGw8dBx7/IPci8yTrJuco4yrfLNsu2zDXMtc01zbXONs62zzfPuNA50LrRPNG+0j/SwdNE08bUSdTL1U7V0dZV1tjXXNfg2GTY6Nls2fHadtr724DcBdyK3RDdlt4c3qLfKd+v4DbgveFE4cziU+Lb42Pj6+Rz5PzlhOYN5pbnH+ep6DLovOlG6dDqW+rl63Dr++yG7RHtnO4o7rTvQO/M8Fjw5fFy8f/yjPMZ86f0NPTC9VD13vZt9vv3ivgZ+Kj5OPnH+lf65/t3/Af8mP0p/br+S/7c/23////uAA5BZG9iZQBkQAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0KCQoNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAGQAZAMBEQACEQEDEQH/3QAEAA3/xAGiAAAABw

 EBAQEBAAAAAAAAAAAEBQMCBgEABwgJCgsBAAICAwEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAgEDAwIEAgYHAwQCBgJzAQIDEQQABSESMUFRBhNhInGBFDKRoQcVsUIjwVLR4TMWYvAkcoLxJUM0U5KismNzwjVEJ5OjszYXVGR0w9LiCCaDCQoYGYSURUaktFbTVSga8uPzxNTk9GV1hZWltcXV5fVmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6PgpOUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6EQACAgECAwUFBAUGBAgDA20BAAIRAwQhEjFBBVETYSIGcYGRMqGx8BTB0eEjQhVSYnLxMyQ0Q4IWklMlomOywgdz0jXiRIMXVJMICQoYGSY2RRonZHRVN/Kjs8MoKdPj84SUpLTE1OT0ZXWFlaW1xdXl9UZWZnaGlqa2xtbm9kdXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6Pg5SVlpeYmZqbnJ2en5KjpKWmp6ipqqusra6vr/2gAMAwEAAhEDEQA/APnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb

 +/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//1/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0PnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0fnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0vnVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//0/nVnk74e7FXYq7FXYq7FX9Jv/OAf/rJX5T/APb+/wC69qOehdh/4nD4/wC6L6p7N/4hj/zv90X2Jm2d47FXYq7FXYq7FX//2Q==&quot; /&gt;

+         X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue line-left&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue line-right&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage009expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,44 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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 }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle.png&quot;&gt;

+    &lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage009html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,78 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(png), real image 70% + shape-image-threshold + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-006-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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(&quot;support/left-half-rectangle-70.png&quot;);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle-70.png&quot;/&gt;

+    &lt;div id=&quot;white&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;shape-image&quot;&gt;&lt;/div&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage010expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,44 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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 }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;

+        &lt;img src=&quot;support/left-half-rectangle.png&quot;&gt;

+    &lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,78 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(png), data uri + shape-image-threshold + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-006-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRC

 JMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGj

 UYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FY

 mKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALpJREFUeNrs0UEVABAURcHP5pcRSxpR9FHGhhycuQ3emxI9TnxQ7pxttfH6jhoCIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACAsQFQAQEiIAAERAgAgJ

 EQAQEiIAAEZDPuwAAAP//AwCf+AWUylJrCQAAAABJRU5ErkJggg==);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;img id=&quot;image&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xg

 NoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o

 9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnR

 s+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALpJREFUeNrs0UEVABAURcHP5pcRSxpR9FHGhhycuQ3emxI9TnxQ7pxttfH6jhoCIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACIiBABASIgAARECACAsQFQAQEiIAAERA

 gAgJEQAQEiIAAEZDPuwAAAP//AwCf+AWUylJrCQAAAABJRU5ErkJggg==&quot;/&gt;

+    &lt;div id=&quot;white&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;shape-image&quot;&gt;&lt;/div&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage011expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,42 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,78 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: left float, url(svg), real image + shape-image-threshold + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-007-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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(&quot;support/left-half-rectangle-50.svg&quot;);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle-50.svg&quot;/&gt;

+    &lt;div id=&quot;white&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;shape-image&quot;&gt;&lt;/div&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage012expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,33 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            position: absolute;

+            top: 70px;

+            left: 8px;

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 20px;

+            text-align: right;

+            color: green;

+        }

+        #image  { float: right; }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there's a green square with an image at top right with vertical white and green stripes.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.jpg&quot;/&gt;

+        XXXXX XXXXX XXXXX XXXXX XXXXX

+        XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage012html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Wrapping content around right floating actual jpg image&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-012-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around all the image pixels when shape-outside is given a jpg.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            position: absolute;

+            top: 70px;

+            left: 8px;

+            font-family: Ahem;

+            font-size: 20px;

+            color: green;

+            line-height: 20px;

+        }

+        #test {

+            width: 200px;

+            height: 200px;

+            text-align: right;

+            background-color: red;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            -webkit-shape-outside: url(&quot;support/right-half-rectangle.jpg&quot;);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there's a green square with an image at top right with vertical white and green stripes.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.jpg&quot;/&gt;

+        XXXXX XXXXX XXXXX XXXXX XXXXX

+        XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage013expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 150px;

+          height: 100px;

+        }

+        img {

+            position: relative;

+            left: -50px;

+        }

+        .green {

+            float: left;

+            width: 50px;

+            height: 100px;

+            background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+        &lt;img src=&quot;support/right-half-rectangle.png&quot;/&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,41 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Wrapping content around shape given by a right floating png&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-013-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around the shape defined by the data uri png.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            position: relative;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 50px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #test {

+            width: 100px;

+            height: 100px;

+            text-align: right;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            -webkit-shape-outside: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/

 xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE

 8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqG

 nRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAK5JREFUeNrs0QERADAMArEyr/Uvgfno5R1A0nYulM2JIW8ERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAEBIgLgAgIEAEBIiBABASIgAgIEAEBI

 iDH+wAAAP//AwD5cQUr8xYXFAAAAABJRU5ErkJggg==&quot;);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.png&quot;/&gt;

+        X X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage014expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+          background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,43 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Wrapping content around shape given by a right floating svg file&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around the shape defined by an svg file.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+            position: relative;

+            font-family: Ahem;

+            font-size: 50px;

+            line-height: 50px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #test {

+            width: 100px;

+            height: 100px;

+            text-align: right;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            -webkit-shape-outside: url(&quot;support/right-half-rectangle.svg&quot;);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.svg&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+    &lt;div id=&quot;overlay&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage015expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 150px;

+          height: 100px;

+        }

+        img {

+            position: relative;

+            left: -50px;

+        }

+        .green {

+            float: left;

+            width: 50px;

+            height: 100px;

+            background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+        &lt;img src=&quot;support/right-half-rectangle.png&quot;/&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a right float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-013-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a png image with 20% alpha and 0.2 shape-image-threshold creates a proper shape.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+              position: relative;

+              font-family: Ahem;

+              font-size: 50px;

+              line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: right;

+            -webkit-shape-outside: url(support/right-half-rectangle-20.png);

+            -webkit-shape-image-threshold: 0.2;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle-20.png&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage016expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 150px;

+          height: 100px;

+        }

+        img {

+            position: relative;

+            left: -50px;

+        }

+        .green {

+            float: left;

+            width: 50px;

+            height: 100px;

+            background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+        &lt;img src=&quot;support/right-half-rectangle.png&quot;/&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage016html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a right float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-013-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape specified as a png image with 70% alpha and 0.71 shape-image-threshold creates a proper shape.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+              position: relative;

+              font-family: Ahem;

+              font-size: 50px;

+              line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: right;

+            -webkit-shape-outside: url(support/right-half-rectangle-70.png);

+            -webkit-shape-image-threshold: 0.71;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle-70.png&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage017expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bjonesbe@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 100px;

+          height: 100px;

+          background: rgb(0, 100, 0);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage017html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Image shape on a right float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Zoltan Horvath&quot; href=&quot;mailto:zoltan@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-002-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem image&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+              position: relative;

+              font-family: Ahem;

+              font-size: 50px;

+              line-height: 50px;

+        }

+        #test {

+            width: 100px;

+            color: rgb(0, 100, 0);

+            background-color: red;

+        }

+        #image {

+            float: right;

+            -webkit-shape-outside: url(&quot;data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsMCwwLDAuNykiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGw9IiMwMDY0MDAiIGQ9Ik01MCwwaDUwYzAsMzMuMywwLDY2LjcsMCwxMDBINTBWMHoiLz4NCjwvc3ZnPg0K&quot;);

+            -webkit-shape-image-threshold: 0.71;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if you see a solid green square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle-70.svg&quot;/&gt;

+        X

+        X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage018expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,28 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 20px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle.jpg&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage018html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,47 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(jpg), real image + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-018-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the boundary of a shape-outside defined by a JPEG image file is the same as the image's dimensions + shape-margin.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 100px;

+            -webkit-shape-outside: url(&quot;support/left-half-rectangle.jpg&quot;); /* size: 100x100, no alpha channel */

+            -webkit-shape-margin: 10%; /* overall shape is 120x120 rectangle with corner radii = 10px */

+        }

+        #failure {

+            position: absolute;

+            top: 0px;

+            left: 40px; /* container.width - shape-outside+margin.width - font-size */

+            width: 200px;

+            text-align: left;

+            color: red;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle.jpg&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+            X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;&lt;span style=&quot;margin-left: 120px&quot;&gt;X

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage019expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,33 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            margin-top: 10px;

+            margin-bottom: 10px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==&quot;/&gt;

+        X&lt;br&gt;X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage019html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,53 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(png), data uri + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-019-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies the boundary of a shape-outside defined by a PNG data URI and a shape-margin.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 100px;

+            margin-top: 10px;

+            margin-bottom: 100px;

+            /* 20x20 solid blue PNG */

+            -webkit-shape-outside: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==&quot;);

+            -webkit-shape-margin: 10px;

+        }

+        #failure {

+            position: absolute;

+            top: 0px;

+            left: 130px; /* container.width - shape-outside+margin.width - font-size */

+            width: 200px;

+            text-align: left;

+            color: red;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==&quot;/&gt;

+        X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+          X&lt;br&gt;&lt;span style=&quot;margin-left: 30px&quot;&gt;X&lt;/span&gt;

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage020expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,33 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            margin-top: 10px;

+            margin-bottom: 10px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='blue'/&gt;&lt;/svg&gt;&quot;/&gt;

+        X&lt;br&gt;X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage020html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,52 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(svg), data uri + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-020-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies the boundary of a shape-outside defined by an SVG URI and a shape-margin.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 100px;

+            margin-top: 10px;

+            margin-bottom: 100px;

+            -webkit-shape-outside: url(&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='blue'/&gt;&lt;/svg&gt;&quot;);

+            -webkit-shape-margin: 5%;

+        }

+        #failure {

+            position: absolute;

+            top: 0px;

+            left: 130px; /* container.width - shape-outside+margin.width - font-size */

+            width: 200px;

+            text-align: left;

+            color: red;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='blue'/&gt;&lt;/svg&gt;&quot;/&gt;

+        X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+          X&lt;br&gt;&lt;span style=&quot;margin-left: 30px&quot;&gt;X&lt;/span&gt;

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage021expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,31 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          padding-left: 90px;

+          font-family: Ahem;

+          font-size: 40px;

+          color: green;

+        }

+        #image {

+          position: absolute;

+          top: 0px;

+          left: 100px;

+          float: right;

+          margin-bottom: 20px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.png&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;&lt;span style=&quot;padding-left: 70px&quot;&gt;X&lt;/span&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage021html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,48 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(png), real image + shape-image-threshold + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-021-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the boundary of a shape-outside defined by a PNG image file and shape-margin is correct.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+          float: right;

+          margin-left: 100px;

+          -webkit-shape-outside: url(&quot;support/right-half-rectangle.png&quot;); /* size: 100x100, only the right 50x100 half is opaque */

+          -webkit-shape-margin: 10%; /* overall shape is 120x90 rectangle with corner radii = 20px */

+          -webkit-shape-image-threshold: 0.5;

+        }

+        #failure {

+          position: absolute;

+          top: 0px;

+          left: 90px; /* container.width - shape-outside+margin.width - font-size */

+          width: 200px;

+          text-align: left;

+          color: red;

+          z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.png&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+            X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;&lt;span style=&quot;margin-left: 70px&quot;&gt;X&lt;/span&gt;

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage022expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,31 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          padding-left: 90px;

+          font-family: Ahem;

+          font-size: 40px;

+          color: green;

+        }

+        #image {

+          position: absolute;

+          top: 0px;

+          left: 100px;

+          float: right;

+          margin-bottom: 20px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.gif&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;&lt;span style=&quot;padding-left: 70px&quot;&gt;X&lt;/span&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage022html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,48 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(gif), real image + shape-image-threshold + shape-margin (px)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-022-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the boundary of a shape-outside defined by a GIF image file and shape-margin is correct.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+          float: right;

+          margin-left: 100px;

+          -webkit-shape-outside: url(&quot;support/right-half-rectangle.gif&quot;); /* size: 100x100, only the right 50x100 half is opaque */

+          -webkit-shape-margin: 20px; /* overall shape is 120x90 rectangle with corner radii = 20px */

+          -webkit-shape-image-threshold: 0.2;

+        }

+        #failure {

+          position: absolute;

+          top: 0px;

+          left: 90px; /* container.width - shape-outside+margin.width - font-size */

+          width: 200px;

+          text-align: left;

+          color: red;

+          z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/right-half-rectangle.gif&quot;/&gt;

+        X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+            X&lt;br&gt;X&lt;br&gt;X&lt;br&gt;&lt;span style=&quot;margin-left: 70px&quot;&gt;X&lt;/span&gt;

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage023expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,33 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 10px;

+            margin-top: 10px;

+            margin-bottom: 10px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='blue'/&gt;&lt;/svg&gt;&quot;/&gt;

+        X&lt;br&gt;X

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage023html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,53 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: right float, url(svg), data uri + shape-image-threshold + shape-margin (%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Hans Muller&quot; href=&quot;mailto:hmuller@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-023-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies the boundary of a shape-outside defined by an SVG URI, shape-image-threshold, and a shape-margin.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: relative;

+          width: 200px;

+          font-family: Ahem;

+          font-size: 40px;

+          text-align: right;

+          color: green;

+        }

+        #image {

+            float: right;

+            margin-left: 100px;

+            margin-top: 10px;

+            margin-bottom: 100px;

+            -webkit-shape-outside: url(&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='rgba(0,0,255, 0.5)'/&gt;&lt;/svg&gt;&quot;);

+            -webkit-shape-image-threshold: 0.4;

+            -webkit-shape-margin: 5%;

+        }

+        #failure {

+            position: absolute;

+            top: 0px;

+            left: 130px; /* container.width - shape-outside+margin.width - font-size */

+            width: 200px;

+            text-align: left;

+            color: red;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;data:image/svg+xml;utf8,&lt;svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='100%' height='100%' fill='rgb(0,0,255)'/&gt;&lt;/svg&gt;&quot;/&gt;

+        X&lt;br&gt;X

+        &lt;div id=&quot;failure&quot;&gt;

+          X&lt;br&gt;&lt;span style=&quot;margin-left: 30px&quot;&gt;X&lt;/span&gt;

+        &lt;/div&gt;

+    &lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

+

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage024expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,42 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green left-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;green right-rect&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage024html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,66 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: shape-outside from img element with different size than the image file&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-024-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;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.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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(&quot;support/left-half-rectangle.png&quot;);

+            -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;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green rectangle on the right is completely between the two blue lines.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/left-half-rectangle.png&quot;/&gt;

+        X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;blue left-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue right-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage025expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        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; }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two identical green rectangles on either side of the blue line.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimageshapeimage025html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,62 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: shape-outside from first frame of animated gif&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-image-025-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that shape-outside is extracted from the

+                                 first frame of an animated gif.&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body { margin: 0; }

+        .container {

+          left: 10px;

+          width: 200px;

+          font: 50px/1 Ahem;

+          color: rgb(0,100,0);

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/animated.gif&quot;);

+        }

+        .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; }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two identical green rectangles on either side of the blue line.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/animated.gif&quot;/&gt;

+       X&lt;br/&gt;X

+    &lt;/div&gt;

+    &lt;div class=&quot;green square&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;blue-line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure square&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportanimatedgif"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/gif

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle20png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/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>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle20svg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.2)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle50png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle50svg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.5)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle70png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectangle70svg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.7)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglejpg"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/jpeg

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportlefthalfrectanglesvg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot; M 0.00 0.00 L 50.00 0.00 C 50.00 33.33 50.00 66.67 50.00 100.00 L 0.00 100.00 L 0.00 0.00 Z&quot; /&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle20png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/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>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle50png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle70png"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectangle70svg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; style=&quot;background-color: rgba(0,0,0,0.7)&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot;M50,0h50c0,33.3,0,66.7,0,100H50V0z&quot;/&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglegif"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/gif

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglejpg"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/jpeg

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportrighthalfrectanglesvg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,3 @@

</span><ins>+&lt;svg width=&quot;100px&quot; height=&quot;100px&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot;&gt;

+&lt;path fill=&quot;#006400&quot; d=&quot;M50,0h50c0,33.3,0,66.7,0,100H50V0z&quot;/&gt;

+&lt;/svg&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagesupportw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/animated.gif

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-20.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-50.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle-70.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.jpg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/left-half-rectangle.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-20.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-50.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle-70.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.gif

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.jpg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/support/right-half-rectangle.svg

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideshapeimagew3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,71 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-image-threshold

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-009.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-012.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-015.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-016.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-017.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-018.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-019.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-020.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-021.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-022.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-023.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-025.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle013expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + margin-box + position (px)&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#margin-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle from the margin box and positioned

+                                     in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: margin-box circle(80px at 90px 90px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle014expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + content-box + radius and position in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle from the content box with the radius

+                                     and position in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: content-box circle(50% at 50% 50%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle015expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,71 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + closest-side + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#closest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle with the radius explicitly set as

+                                     closest-side from the padding box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: padding-box circle(closest-side at 75px 80px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle016expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle016html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,71 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + farthest-side + border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#farthest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle with the radius defined as farthest-side

+                                     from the border box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 120px;

+        height: 120px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: border-box circle(farthest-side);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle017expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle017html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + shape-margin in px&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle with a shape-margin in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 14px;

+        -webkit-shape-outside: circle(56px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle018expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle018html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + shape-margin in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle with a shape-margin in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10%;

+        -webkit-shape-outside: circle(40px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle019expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle019html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle at top left + margin-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#margin-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle from the margin box and is positioned

+                                     top left with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 120px;

+        height: 120px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: margin-box circle(99% at top left);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle020expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle020html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle at % + border-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle from the padding box with a position specified

+                                     as a percentage and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 100px;

+        height: 100px;

+        margin: 10px;

+        padding: 10px;

+        border: 20px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: border-box circle(86px at 40%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle021expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle021html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle + farthest-side + padding-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#farthest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle with a farthest-side radius from the

+                                     padding box with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 110px;

+        height: 110px;

+        margin: 10px;

+        padding: 15px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: padding-box circle(farthest-side at -10px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle022expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle022html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle at bottom right + content-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a circle from the padding box positioned at

+                                     center right with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 100px;

+        height: 100px;

+        margin: 20px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: content-box circle(20px at center right);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle024expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle024html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle radius in % units + shape-margin + border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle from the border box with radius in

+                                     percentage units and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 100px;

+        height: 100px;

+        margin: 10px;

+        padding: 10px;

+        border: 20px solid transparent;

+        -webkit-shape-margin: 6px;

+        -webkit-shape-outside: border-box circle(40%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle025expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle025html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle + shape-margin + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle from the padding box with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 100px;

+        height: 100px;

+        margin: 10px;

+        padding: 20px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: padding-box circle(60px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle026expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle026html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle + shape-margin + content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle from the content box with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 120px;

+        height: 120px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: content-box circle(60px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle027expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle027html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle with radius in % units + shape-margin + margin-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle positioned from the margin box with a

+                                     shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 110px;

+        height: 110px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 15px;

+        -webkit-shape-outside: margin-box circle(35% at 85px 75px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle028expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle028html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle(closest-side) at position % + shape-margin + border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#closest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle positioned from the border box with a

+                                     shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 110px;

+        height: 110px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 30px;

+        -webkit-shape-outside: border-box circle(closest-side at 60%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle029expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle029html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, circle at center right + shape-margin + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-023-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a circle positioned center right from the padding

+                                     box with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 110px;

+        height: 110px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 20px;

+        -webkit-shape-outside: padding-box circle(120px at center right);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle030expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        .container {

+            position: relative;

+            font: 15px Ahem, sans-serif;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            color: green;

+        }

+        .circle {

+            z-index: -1;

+            width: 160px;

+            height: 160px;

+            border-radius: 80px;

+            background-color: blue;

+            overflow: hidden;

+        }

+        #left-circle-outline {

+            position: absolute;

+            top: 20px;

+            left: 0px;

+        }

+        .left-circle-float-line {

+            float: left;

+            clear: left;

+            height: 20px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+        &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+            &lt;div id=&quot;left-circle-outline&quot;&gt;&lt;/div&gt;

+            &lt;!--   generated left-rounded-rect-float-line divs will be inserted here   --&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X

+        &lt;/div&gt;

+

+        &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+        &lt;script&gt;

+        genLeftRoundedRectFloatShapeOutsideRefTest({

+            roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},

+            containerWidth: 200,

+            containerHeight: 200,

+            lineHeight: 20,

+            floatElementClassSuffix: &quot;circle-float-line&quot;,

+            insertElementIdSuffix: &quot;circle-outline&quot;

+        });

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle030html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,59 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle radius in px units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-030-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an circle with the radius in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    .container {

+        font: 15px Ahem, sans-serif;

+        line-height: 20px;

+        width: 400px;

+        height: 200px;

+        color: green;

+    }

+    .circle {

+        width: 160px;

+        height: 160px;

+        -webkit-shape-outside: circle(80px at 80px 80px);

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+        &lt;div style=&quot;float: left&quot; class=&quot;circle&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;test0&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test1&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test2&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test3&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test4&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test5&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test6&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test7&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test8&quot;&gt;X

+    &lt;/div&gt;

+      &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/test-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 20

+        }, 9);

+     &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle031expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        .container {

+            position: relative;

+            font: 15px Ahem, sans-serif;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            color: green;

+        }

+        .circle {

+            z-index: -1;

+            width: 160px;

+            height: 160px;

+            border-radius: 80px;

+            background-color: blue;

+            overflow: hidden;

+        }

+        #left-circle-outline {

+            position: absolute;

+            top: 20px;

+            left: 0px;

+        }

+        .left-circle-float-line {

+            float: left;

+            clear: left;

+            height: 20px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+        &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+            &lt;div id=&quot;left-circle-outline&quot;&gt;&lt;/div&gt;

+            &lt;!--   generated left-rounded-rect-float-line divs will be inserted here   --&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X

+        &lt;/div&gt;

+

+        &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+        &lt;script&gt;

+        genLeftRoundedRectFloatShapeOutsideRefTest({

+            roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},

+            containerWidth: 200,

+            containerHeight: 200,

+            lineHeight: 20,

+            floatElementClassSuffix: &quot;circle-float-line&quot;,

+            insertElementIdSuffix: &quot;circle-outline&quot;

+        });

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescircleshapeoutsidecircle031html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,59 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, circle radius in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-circle-030-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an circle with the radius in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    .container {

+        font: 15px Ahem, sans-serif;

+        line-height: 20px;

+        width: 400px;

+        height: 200px;

+        color: green;

+    }

+    .circle {

+        width: 160px;

+        height: 160px;

+        -webkit-shape-outside: circle(50% at 50% 50%);

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+        &lt;div style=&quot;float: left&quot; class=&quot;circle&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;test0&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test1&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test2&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test3&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test4&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test5&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test6&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test7&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test8&quot;&gt;X

+    &lt;/div&gt;

+      &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/test-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 20

+        }, 9);

+     &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapescirclew3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,54 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-015.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-016.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-017.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-018.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-019.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-020.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-021.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-022.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-024.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-025.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-026.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-027.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-028.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-029.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-030.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/circle/shape-outside-circle-031.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse013expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,67 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii and position in px&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse with radii and position in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: ellipse(80px 40px at 90px 90px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse014expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii and position in % units + content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse from the content box with the position

+                                     and radii in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: content-box ellipse(50% 25% at 50% 50%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse015expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse + closest-side + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#closest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as an

+                                     ellipse with the radii explicitly set as closest-side

+                                     from the padding box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: padding-box ellipse(closest-side at 75px 80px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse016expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse016html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii in % units + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse from the padding box with the radii

+                                     in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 100px;

+        height: 100px;

+        margin: 10px;

+        padding: 25px;

+        border: 10px solid transparent;

+        -webkit-shape-outside: padding-box ellipse(50% 25%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse017expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse017html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse(farthest-side) + shape-margin + content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#farthest-side&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse from the content box with only the rx defined

+                                     as farthest-side and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 130px;

+        height: 130px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: content-box ellipse(farthest-side);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse018expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse018html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse + shape-margin in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse with a shape-margin in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 140px;

+        height: 140px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10%;

+        -webkit-shape-outside: ellipse(40px 28px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse019expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse019html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii in % units + padding-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse from the padding box with radii in percentage

+                                     units and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 120px;

+        height: 120px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: padding-box ellipse(50% 25%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse020expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 168px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 170px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse020html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii in % units + margin-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#margin-box&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-013-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     a ellipse from the margin box with the radii specified

+                                     in percentage units and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+    }

+    #test-shape {

+        float: left;

+        width: 100px;

+        height: 100px;

+        margin: 20px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 18px;

+        -webkit-shape-outside: margin-box ellipse(40% 30% at 80px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 168px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 170px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the right of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse021expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse021html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, ellipse (closest-side px) + shape-margin + padding box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-021-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a ellipse from the padding box with rx explicitly

+                                     set at closest-side and ry in px units and

+                                     with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 100px;

+        height: 100px;

+        margin: 10px;

+        padding: 15px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: padding-box ellipse(closest-side 40px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse022expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse022html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, ellipse(closest-side px) + shape-margin + content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-021-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a ellipse from the content box with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 120px;

+        height: 120px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: content-box ellipse(closest-side 40%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse023expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse023html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, ellipse + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-021-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     an ellipse with only the horizontal offset specifed in px

+                                     and with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 100px;

+        height: 100px;

+        margin: 20px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 20px;

+        -webkit-shape-outside: ellipse(at 110px);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse024expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse024html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, ellipse at position (%) + shape-margin (%) + border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-021-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a ellipse positioned from the border box with only

+                                     the horizontal offset specified in percentage units

+                                     and with a shape-margin in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 100px;

+        height: 100px;

+        margin: 30px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10%;

+        -webkit-shape-outside: border-box ellipse(40px 40px at 50%);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse025expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+           margin: 0;

+       }

+       #container {

+           position: relative;

+       }

+       #line {

+           position: absolute;

+           top: 0px;

+           left: 140px;

+           width: 2px;

+           height: 200px;

+           border-left: 2px solid blue;

+       }

+       #square {

+           position: absolute;

+           top: 80px;

+           left: 100px;

+           width: 40px;

+           height: 40px;

+           background-color: green;

+       }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+            &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse025html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, ellipse radii in % at center right + shape-margin + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-021-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     a ellipse with the radii in percentage units

+                                     positioned at center right from the margin box

+                                     with a shape-margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: relative;

+    }

+    #test-container {

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 110px;

+        height: 110px;

+        margin: 10px;

+        padding: 10px;

+        border: 10px solid transparent;

+        -webkit-shape-margin: 10px;

+        -webkit-shape-outside: padding-box ellipse(100% 50% at center right);

+    }

+    #line {

+        position: absolute;

+        top: 0px;

+        left: 140px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    #failure {

+        position: absolute;

+        top: 80px;

+        left: 100px;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is a green square to the left of the blue line. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-container&quot;&gt;

+            &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+            &lt;br/&gt;

+            &lt;br/&gt;

+            X

+        &lt;/div&gt;

+        &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;failure&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse030expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        .container {

+            position: relative;

+            font: 15px Ahem, sans-serif;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            color: green;

+        }

+        .ellipse {

+            z-index: -1;

+            width: 160px;

+            height: 80px;

+            border-radius: 80px;

+            background-color: blue;

+            overflow: hidden;

+        }

+        #left-ellipse-outline {

+            position: absolute;

+            top: 20px;

+            left: 0px;

+        }

+        .left-ellipse-float-line {

+            float: left;

+            clear: left;

+            height: 20px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+        &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+            &lt;div id=&quot;left-ellipse-outline&quot;&gt;&lt;/div&gt;

+            &lt;!--   generated left-rounded-rect-float-line divs will be inserted here   --&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X

+        &lt;/div&gt;

+

+        &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+        &lt;script&gt;

+        genLeftRoundedRectFloatShapeOutsideRefTest({

+            roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},

+            containerWidth: 200,

+            containerHeight: 200,

+            lineHeight: 20,

+            floatElementClassSuffix: &quot;ellipse-float-line&quot;,

+            insertElementIdSuffix: &quot;ellipse-outline&quot;

+        });

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse030html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,55 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii in px&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-030-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an ellipse with radii in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    .container {

+        font: 15px Ahem, sans-serif;

+        line-height: 20px;

+        width: 400px;

+        height: 200px;

+        color: green;

+    }

+    .ellipse {

+        width: 160px;

+        height: 160px;

+        -webkit-shape-outside: ellipse(80px 40px at 80px 40px);

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+        &lt;div style=&quot;float: left&quot; class=&quot;ellipse&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;test0&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test1&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test2&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test3&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test4&quot;&gt;X

+    &lt;/div&gt;

+      &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/test-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 20

+        }, 9);

+     &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse031expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        .container {

+            position: relative;

+            font: 15px Ahem, sans-serif;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            color: green;

+        }

+        .ellipse {

+            z-index: -1;

+            width: 160px;

+            height: 80px;

+            border-radius: 80px;

+            background-color: blue;

+            overflow: hidden;

+        }

+        #left-ellipse-outline {

+            position: absolute;

+            top: 20px;

+            left: 0px;

+        }

+        .left-ellipse-float-line {

+            float: left;

+            clear: left;

+            height: 20px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+        &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+            &lt;div id=&quot;left-ellipse-outline&quot;&gt;&lt;/div&gt;

+            &lt;!--   generated left-rounded-rect-float-line divs will be inserted here   --&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X&lt;br/&gt;

+        X

+        &lt;/div&gt;

+

+        &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+        &lt;script&gt;

+        genLeftRoundedRectFloatShapeOutsideRefTest({

+            roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},

+            containerWidth: 200,

+            containerHeight: 200,

+            lineHeight: 20,

+            floatElementClassSuffix: &quot;ellipse-float-line&quot;,

+            insertElementIdSuffix: &quot;ellipse-outline&quot;

+        });

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipseshapeoutsideellipse031html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,55 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, ellipse radii in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-ellipse-030-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an ellipse with radii in % units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    .container {

+        font: 15px Ahem, sans-serif;

+        line-height: 20px;

+        width: 400px;

+        height: 200px;

+        color: green;

+    }

+    .ellipse {

+        width: 160px;

+        height: 160px;

+        -webkit-shape-outside: ellipse(50% 25% at 50% 25%);

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if all of the squares are green. There should be no red.&lt;/p&gt;

+    &lt;div class=&quot;container&quot;&gt;

+        X&lt;br/&gt;

+        &lt;div style=&quot;float: left&quot; class=&quot;ellipse&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;test0&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test1&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test2&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test3&quot;&gt;X&lt;/span&gt;&lt;br/&gt;

+        &lt;span id=&quot;test4&quot;&gt;X

+    &lt;/div&gt;

+      &lt;script src=&quot;../support/rounded-rectangle.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/subpixel-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script src=&quot;../support/test-utils.js&quot;&gt;&lt;/script&gt;

+      &lt;script&gt;

+        verifyTextPoints({

+                roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},

+                containerWidth: 200,

+                containerHeight: 200,

+                lineHeight: 20

+        }, 9);

+     &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesellipsew3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,48 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset010expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,52 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset, px units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: inset(50px 100px 50px 0px);

+        }

+        #static-shape {

+            position: absolute;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            top: 50px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset011expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,52 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset, % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle in percentage units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: inset(25% 50% 25% 0%);

+        }

+        #static-shape {

+            position: absolute;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            top: 50px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset012expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset012html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,56 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset + margin-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle + margin-box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 50px;

+            height: 50px;

+            border: 25px solid red;

+            margin: 25px;

+            padding: 25px;

+            -webkit-shape-outside: margin-box inset(50px 100px 50px 0px);

+        }

+        #static-shape {

+            position: absolute;

+            top: 50px;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset013expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,56 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset + border-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle + border-box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 50px;

+            height: 50px;

+            border: 25px solid red;

+            margin: 25px;

+            padding: 25px;

+            -webkit-shape-outside: border-box inset(25px 75px 25px -25px);

+        }

+        #static-shape {

+            position: absolute;

+            top: 50px;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset014expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,56 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset + content-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle + content-box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 50px;

+            height: 50px;

+            border: 25px solid red;

+            margin: 25px;

+            padding: 25px;

+            -webkit-shape-outside: content-box inset(-25px 25px -25px -75px);

+        }

+        #static-shape {

+            position: absolute;

+            top: 50px;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset015expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,19 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #shape {

+            margin-left: 25px;

+            width: 200px;

+            height: 200px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetshapeoutsideinset015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,56 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, inset + padding-box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-inset-010-ref.html&quot;/&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verfies that text flows around a

+                                     left float with a shape-outside defined as

+                                     an inset rectangle + padding-box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        #container {

+            position: relative;

+            margin-left: 25px;

+        }

+        #test-container {

+            width: 200px;

+            height: 200px;

+            font-family: Ahem;

+            font-size: 25px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 50px;

+            height: 50px;

+            border: 25px solid red;

+            margin: 25px;

+            padding: 25px;

+            -webkit-shape-outside: padding-box inset(0px 50px 0px -50px);

+        }

+        #static-shape {

+            position: absolute;

+            top: 50px;

+            left: 0px;

+            width: 100px;

+            height: 100px;

+            background-color: green;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is a green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;container&quot;&gt;

+            &lt;div id=&quot;test-container&quot;&gt;

+                &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+                XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX

+            &lt;/div&gt;

+            &lt;div id=&quot;static-shape&quot;&gt;&lt;/div&gt;

+        &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapesinsetw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,29 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-012.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/inset/shape-outside-inset-015.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon007expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 200px;

+          height: 200px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, polygon, args in px units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-007-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an polygon with the args in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: polygon(0px 40px, 120px 40px, 120px 80px, 80px 80px, 80px 120px, 160px 120px, 160px 160px, 0px 160px);

+        }

+        .ref-shape {

+            position: absolute;

+            left: 10px;

+            background-color: green;

+            height: 40px;

+        }

+        #ref-1 {

+            top: 90px;

+            width: 120px;

+        }

+        #ref-2 {

+            top: 130px;

+            width: 80px;

+        }

+        #ref-3 {

+            top: 170px;

+            width: 160px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXX XXXXXXXXXX XXXX XXXX XXXXXX XXXXXX XX XX XXXXXXXXXX XXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon008expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 200px;

+          height: 200px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, polygon, args in % units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-007-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an polygon with the args in px units.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 200px;

+            height: 200px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: polygon(0% 20%, 60% 20%, 60% 40%, 40% 40%, 40% 60%, 80% 60%, 80% 80%, 0% 80%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+            left: 10px;

+            height: 40px;

+        }

+        #ref-1 {

+            top: 90px;

+            width: 120px;

+        }

+        #ref-2 {

+            top: 130px;

+            width: 80px;

+        }

+        #ref-3 {

+            top: 170px;

+            width: 160px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXX XXXXXXXXXX XXXX XXXX XXXXXX XXXXXX XX XX XXXXXXXXXX XXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon009expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 200px;

+          height: 200px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon009html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,69 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, polygon + border box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-007-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an polygon from the border box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            width: 180px;

+            height: 180px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            border: 10px solid green;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 160px;

+            height: 160px;

+            padding: 10px;

+            border: 10px solid transparent;

+            -webkit-shape-outside: border-box polygon(0% 20%, 60% 20%, 60% 40%, 40% 40%, 40% 60%, 80% 60%, 80% 80%, 0% 80%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+            left: 20px;

+            height: 40px;

+        }

+        #ref-1 {

+            top: 100px;

+            width: 120px;

+        }

+        #ref-2 {

+            top: 140px;

+            width: 80px;

+        }

+        #ref-3 {

+            top: 180px;

+            width: 160px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXX XXXXXXXXX XXX XXX XXXXX XXXXX X X XXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon010expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, polygon + padding box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#padding-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an polygon from the padding box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 180px;

+            height: 180px;

+            margin: 10px;

+            border: 10px solid transparent;

+            padding: 10px;

+            -webkit-shape-outside: padding-box polygon(0% 20%, 60% 20%, 60% 40%, 40% 40%, 40% 60%, 80% 60%, 80% 80%, 0% 80%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+            left: 10px;

+            height: 40px;

+        }

+        #ref-1 {

+            top: 110px;

+            width: 140px;

+        }

+        #ref-2 {

+            top: 150px;

+            width: 100px;

+        }

+        #ref-3 {

+            top: 190px;

+            width: 180px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX XXXXX XXXXXXX XXXXXXX XXX XXX

+        XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon011expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,70 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: left float, polygon + content box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     left float with a shape-outside defined as

+                                     an polygon from the content box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            margin: 5px;

+            border: 10px solid transparent;

+            padding: 5px;

+            -webkit-shape-outside: content-box polygon(0% 20%, 60% 20%, 60% 40%, 40% 40%, 40% 60%, 80% 60%, 80% 80%, 0% 80%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+            left: 10px;

+            height: 40px;

+        }

+        #ref-1 {

+            top: 110px;

+            width: 140px;

+        }

+        #ref-2 {

+            top: 150px;

+            width: 100px;

+        }

+        #ref-3 {

+            top: 190px;

+            width: 180px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX XXXXX XXXXXXX XXXXXXX XXX XXX

+        XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon012expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon012html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,75 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, polygon + margin-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#margin-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     an polygon from the margin box with a shape margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: right;

+            width: 140px;

+            height: 140px;

+            margin: 10px;

+            border: 10px solid transparent;

+            padding: 10px;

+            -webkit-shape-margin: 20px;

+            -webkit-shape-outside: margin-box polygon(20% 20%, 90% 20%, 90% 80%, 50% 80%, 50% 70%, 70% 70%, 70% 40%, 20% 40%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+        }

+        #ref-1 {

+            top: 70px;

+            left: 70px;

+            width: 180px;

+            height: 80px;

+        }

+        #ref-2 {

+            top: 150px;

+            left: 150px;

+            width: 100px;

+            height: 20px;

+        }

+        #ref-3 {

+            top: 170px;

+            left: 130px;

+            width: 120px;

+            height: 60px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXX XXX XXX XXX XXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon013expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,75 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, polygon + border-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     an polygon from the border box with a shape margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: right;

+            width: 160px;

+            height: 160px;

+            margin: 10px;

+            border: 10px solid transparent;

+            padding: 10px;

+            -webkit-shape-margin: 10px;

+            -webkit-shape-outside: border-box polygon(20% 20%, 100% 20%, 100% 90%, 50% 90%, 50% 70%, 70% 70%, 70% 40%, 20% 40%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+        }

+        #ref-1 {

+            top: 90px;

+            left: 70px;

+            width: 180px;

+            height: 60px;

+        }

+        #ref-2 {

+            top: 150px;

+            left: 170px;

+            width: 80px;

+            height: 40px;

+        }

+        #ref-3 {

+            top: 190px;

+            left: 130px;

+            width: 120px;

+            height: 60px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XXX XXX XXX XXXXXXXX XXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon014expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,75 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, polygon + padding-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#border-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     an polygon from the padding box with a shape margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: right;

+            width: 180px;

+            height: 180px;

+            margin: 10px;

+            border: 10px solid transparent;

+            padding: 10px;

+            -webkit-shape-margin: 20px;

+            -webkit-shape-outside: padding-box polygon(20% 20%, 100% 20%, 100% 90%, 50% 90%, 50% 70%, 70% 70%, 70% 40%, 20% 40%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+        }

+        #ref-1 {

+            top: 90px;

+            left: 50px;

+            width: 200px;

+            height: 80px;

+        }

+        #ref-2 {

+            top: 150px;

+            left: 150px;

+            width: 100px;

+            height: 40px;

+        }

+        #ref-3 {

+            top: 190px;

+            left: 110px;

+            width: 140px;

+            height: 80px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XX XX XX XX XXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon015expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, polygon + content-box + shape-margin&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#content-box&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that text wraps around a

+                                     right float with a shape-outside defined as

+                                     an polygon from the content box wtih a shape margin.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font-size: 20px;

+            font-family: Ahem;

+            line-height: 20px;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: right;

+            width: 200px;

+            height: 200px;

+            margin: 5px;

+            border: 10px solid transparent;

+            padding: 5px;

+            -webkit-shape-margin: 20px;

+            -webkit-shape-outside: content-box polygon(30% 20%, 100% 20%, 100% 80%, 60% 80%, 60% 70%, 80% 70%, 80% 40%, 30% 40%);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+        }

+        #ref-1 {

+            top: 90px;

+            left: 70px;

+            width: 180px;

+            height: 80px;

+        }

+        #ref-2 {

+            top: 170px;

+            left: 170px;

+            width: 80px;

+            height: 20px;

+        }

+        #ref-3 {

+            top: 190px;

+            left: 130px;

+            width: 120px;

+            height: 60px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XXX XXX XXX XXX XXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-3&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon016expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,24 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+       body {

+            margin: 0;

+        }

+       #green-square {

+          position: absolute;

+          top: 50px;

+          left: 10px;

+          width: 240px;

+          height: 240px;

+          background-color: green;

+      }

+    &lt;/style&gt;

+    &lt;body&gt;

+        &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+        &lt;div id=&quot;green-square&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon016html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,60 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: polygon, evenodd&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-010-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that evenodd behaves the

+                                     same as nonzero for shape-outside and that text

+                                     will wraps around the outer edge of a polygon.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+        body {

+            margin: 0;

+        }

+        #container {

+            position: absolute;

+            top: 50px;

+            left: 10px;

+            font: 20px/1 Ahem;

+            width: 240px;

+            height: 240px;

+            background-color: red;

+            color: green;

+        }

+        #test-shape {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: polygon(evenodd, 0px 200px, 200px 200px, 200px 40px, 50px 40px, 50px 100px, 150px 100px, 150px 150px, 100px 150px, 100px 0px, 0px 0px);

+        }

+        .ref-shape {

+            position: absolute;

+            background-color: green;

+            left: 10px;

+        }

+        #ref-1 {

+            top: 50px;

+            width: 100px;

+            height: 40px;

+        }

+        #ref-2 {

+            top: 90px;

+            width: 200px;

+            height: 160px;

+        }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there is green square and no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        XXXXXXX XXXXXXX XX XX XX XX XX XX XX XX XXXXXXXXXXXX XXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;ref-1&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;ref-2&quot; class=&quot;ref-shape&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon017expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,46 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Reference File&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    .line {

+        position: absolute;

+        top: 60px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    .right {

+        left: 220px;

+    }

+    .left {

+        left: 60px;

+    }

+    .top {

+        top: 90px;

+        left: 180px;

+    }

+    .bottom {

+        top: 170px;

+        left: 60px;

+    }

+    .square {

+        position: absolute;

+        width: 40px;

+        height: 40px;

+        background-color: green;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there there are two green squares between the blue lines. There should be no red.&lt;/p&gt;

+    &lt;div class=&quot;bottom square&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;top square&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;left line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;right line&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonshapeoutsidepolygon017html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,82 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;CSS Test: right float, polygon + shape-margin beyond margin box&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;&gt;

+        &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-polygon-017-ref.html&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The test verifies that when a shape-margin is defined that

+                                     extends beyond the margin box, the shape is clipped to the

+                                     box.&quot;&gt;

+    &lt;/head&gt;

+    &lt;style&gt;

+    body {

+        margin: 0;

+    }

+    #container {

+        position: absolute;

+        top: 50px;

+        font: 40px/1 Ahem, sans-serif;

+        width: 300px;

+        height: 200px;

+        color: green;

+        text-align: right;

+    }

+    #test-shape {

+        float: right;

+        width: 180px;

+        height: 160px;

+        margin: 10px;

+        -webkit-shape-margin: 40px;

+        -webkit-shape-outside: polygon(0px 130px, 0px 180px, 200px 180px, 200px 0px, 160px 0px, 160px 130px);

+    }

+    .line {

+        position: absolute;

+        top: 60px;

+        width: 2px;

+        height: 200px;

+        border-left: 2px solid blue;

+    }

+    .right {

+        left: 220px;

+    }

+    .left {

+        left: 60px;

+    }

+    .failure {

+        position: absolute;

+        width: 40px;

+        height: 40px;

+        background-color: red;

+        z-index: -1;

+    }

+    .square-1 {

+        top: 90px;

+        left: 180px;

+    }

+    .square-2 {

+        top: 170px;

+        left: 60px;

+    }

+    &lt;/style&gt;

+    &lt;body&gt;

+    &lt;p&gt;The test passes if there there are two green squares between the blue lines. There should be no red.&lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-shape&quot;&gt;&lt;/div&gt;

+        &lt;br/&gt;

+        X

+        &lt;br/&gt;

+        &lt;br/&gt;

+        X

+    &lt;/div&gt;

+    &lt;div class=&quot;left line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;right line&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure square-1&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;failure square-2&quot;&gt;&lt;/div&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

+

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapespolygonw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportroundedrectanglejs"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,73 @@

</span><ins>+function ellipseXIntercept(yi, rx, ry)

+{

+    return rx * Math.sqrt(1 - (yi * yi) / (ry * ry));

+}

+

+function scanConvertRoundedRectangleOutside(r, height, lineHeight, corner)

+{

+    var intervals = [];

+    var upperCorner = true;

+    var lowerCorner = true;

+

+    if (corner == &quot;upper&quot;)

+        lowerCorner = false;

+    else if (corner == &quot;lower&quot;)

+        upperCorner = false;

+

+    for (var y = 0; y &lt; height; y += lineHeight) {

+        if (y + lineHeight &lt;= r.y || y &gt;= r.y + r.height)

+            continue;

+

+        if (upperCorner &amp;&amp; (y + lineHeight &lt; r.y + r.ry)) {

+            // within the upper rounded corner part of the rectangle

+            var dx = ellipseXIntercept(y + lineHeight - r.y - r.ry, r.rx, r.ry);

+            intervals.push( { y: y, left: r.x + r.rx - dx, right: r.x + r.width - r.rx + dx} );

+        }

+        else if (lowerCorner &amp;&amp; (y &gt; r.y + r.height - r.ry)) {

+            // within the lower rounded corner part of the rectangle

+            var dx = ellipseXIntercept(y - (r.y + r.height - r.ry), r.rx, r.ry);

+            intervals.push( { y: y, left: r.x + r.rx - dx, right: r.x + r.width - r.rx + dx} );

+        }

+        else // within the rectangle's vertical edges

+            intervals.push( {y: y, left: r.x, right: r.x + r.width} );

+    }

+

+    return intervals;

+}

+

+function genLeftRoundedRectFloatShapeOutsideRefTest(args)

+{

+    var leftRoundedRect = args.roundedRect;

+    var leftRoundedRectIntervals = scanConvertRoundedRectangleOutside(leftRoundedRect, args.containerHeight, args.lineHeight, args.corner);

+    var leftFloatDivs = leftRoundedRectIntervals.map(function(interval) {

+        var width = SubPixelLayout.snapToLayoutUnit(interval.right);

+        var cls = &quot;left-&quot; + args.floatElementClassSuffix;

+        return '&lt;div class=&quot;' + cls + '&quot; style=&quot;width:' + width + 'px&quot;&gt;&lt;/div&gt;';

+    });

+    document.getElementById(&quot;left-&quot; + args.insertElementIdSuffix).insertAdjacentHTML('afterend', leftFloatDivs.join(&quot;\n&quot;));

+    return leftFloatDivs;

+}

+

+function getRoundedRectLeftEdge(args)

+{

+    var leftRoundedRect = args.roundedRect;

+    var leftRoundedRectIntervals = scanConvertRoundedRectangleOutside(leftRoundedRect, args.containerHeight, args.lineHeight, args.corner);

+    var leftSidePoints = leftRoundedRectIntervals.map(function(interval) {

+        var width = SubPixelLayout.snapToLayoutUnit(interval.right);

+        return width;

+    });

+    return leftSidePoints;

+}

+

+function genRightRoundedRectFloatShapeOutsideRefTest(args)

+{

+    var rightRoundedRect = Object.create(args.roundedRect);

+    rightRoundedRect.x = args.containerWidth - args.roundedRect.width;

+    var rightRoundedRectIntervals = scanConvertRoundedRectangleOutside(rightRoundedRect, args.containerHeight, args.lineHeight, args.corner);

+    var rightFloatDivs = rightRoundedRectIntervals.map(function(interval) {

+        var width = args.containerWidth - SubPixelLayout.snapToLayoutUnit(interval.left);

+        var cls = &quot;right-&quot; + args.floatElementClassSuffix;

+        return '&lt;div class=&quot;' + cls + '&quot; style=&quot;width:' + width + 'px&quot;&gt;&lt;/div&gt;';

+    });

+    document.getElementById(&quot;right-&quot; + args.insertElementIdSuffix).insertAdjacentHTML('afterend', rightFloatDivs.join(&quot;\n&quot;));

+}

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/plain

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportsubpixelutilsjs"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+var SubPixelLayout = (function() {

+    var enabled = undefined;

+

+    function isEnabled()

+    {

+        if (enabled === undefined) {

+            var elem = document.createElement('div');

+            elem.style.setProperty('width', '4.5px');

+            document.body.appendChild(elem);

+            var bounds = elem.getBoundingClientRect();

+            enabled = (bounds.width != Math.floor(bounds.width));

+            document.body.removeChild(elem);

+        }

+        return enabled;

+    }

+

+    return {

+        isEnabled: isEnabled,

+        snapToLayoutUnit: function(f) {

+            return isEnabled() ? Math.floor(f * 64) / 64 : Math.floor(f); // as in LayoutUnit(f).toFloat()

+        },

+        ceilSnapToLayoutUnit: function(f) {

+            return isEnabled() ? Math.ceil(f * 64) / 64 : Math.ceil(f); // see ceiledLayoutUnit(), LayoutUnit.h

+        }

+    }

+}());

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/plain

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupporttestutilsjs"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,29 @@

</span><ins>+function verifyTextPoints(shape, numLines, tolerance, side) {

+    var failed = false;

+    if (tolerance === undefined)

+        tolerance = 0.5;

+    if (side === undefined)

+        side = &quot;left&quot;;

+

+    if (side === &quot;right&quot;)

+        shape.roundedRect.x = shape.containerWidth - (shape.roundedRect.x + shape.roundedRect.width);

+

+    var expected = getRoundedRectLeftEdge(shape);

+

+    for(var i = 0; i &lt; numLines; i++) {

+       var line = document.getElementById('test'+i);

+       var actual = line.getBoundingClientRect().left;

+       if (side === &quot;right&quot;)

+            actual = shape.containerWidth - (actual + line.getBoundingClientRect().width);

+

+        if( Math.abs( (actual - expected[i])) &gt; tolerance ){

+            line.style.setProperty('color', 'red');

+            console.log('diff: ' + Math.abs(actual - expected[i]));

+            failed = true;

+        }

+    }

+    if (window.done) {

+        assert_false(failed, &quot;Lines positioned properly around the shape.&quot;);

+        done();

+    }

+}

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/plain

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidesupportedshapessupportw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,20 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/rounded-rectangle.js

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/subpixel-utils.js

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/supported-shapes/support/test-utils.js

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,51 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Image Threshold - Valid values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-image-threshold is any valid number and computed the

+                                     clipped value between 0 and 1.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_image_threshold_valid_tests = [

+            {

+              &quot;actual&quot;: &quot;0.0&quot;,

+              &quot;expected_inline&quot;: &quot;0&quot;,

+              &quot;expected_computed&quot;: &quot;0&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;.2&quot;,

+              &quot;expected_inline&quot;: &quot;0.2&quot;,

+              &quot;expected_computed&quot;: &quot;0.2&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;0.333&quot;,

+              &quot;expected_inline&quot;: &quot;0.333&quot;,

+              &quot;expected_computed&quot;: &quot;0.333&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;1.0&quot;,

+              &quot;expected_inline&quot;: &quot;1&quot;,

+              &quot;expected_computed&quot;: &quot;1&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;1.5&quot;,

+              &quot;expected_inline&quot;: &quot;1.5&quot;,

+              &quot;expected_computed&quot;: &quot;1&quot;

+            }

+        ];

+        generate_tests( ParsingUtils.testShapeThresholdInlineStyle,

+                        ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'inline') );

+        generate_tests( ParsingUtils.testShapeThresholdComputedStyle,

+                        ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,40 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Image Threshold - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-image-threshold may take calc values and computed the

+                                     clipped value between 0 and 1.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_image_threshold_valid_tests = [

+            {

+              &quot;actual&quot;: &quot;calc(10/100)&quot;,

+              &quot;expected_computed&quot;: &quot;0.1&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;calc(10/100 + 30/100)&quot;,

+              &quot;expected_computed&quot;: &quot;0.4&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;calc(150/100)&quot;,

+              &quot;expected_computed&quot;: &quot;1&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;calc(150/100 - 2)&quot;,

+              &quot;expected_computed&quot;: &quot;0&quot;

+            }

+        ];

+        generate_tests( ParsingUtils.testShapeThresholdComputedStyle,

+                        ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,29 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Image Threshold - Invalid values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-image-threshold is set to 0 when an invalid value is specified.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        // TODO

+        var shape_image_threshold_invalid_tests = [

+            {&quot;name&quot;: &quot;-0.5&quot; },

+            {&quot;name&quot;: &quot;-100&quot; },

+            {&quot;name&quot;: &quot;nonNumber&quot; },

+            {&quot;name&quot;: &quot;3/4&quot; },

+            {&quot;name&quot;: &quot;20%&quot; }

+        ];

+        generate_tests( ParsingUtils.testShapeThresholdInlineStyle,

+                        ParsingUtils.buildTestCases(shape_image_threshold_invalid_tests, 'inline - invalid') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeimagethreshold003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,56 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Image Threshold Inherit&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-outside can be assigned the 'inherit' value and does not inherit by default.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        function setUpTest(parentValue, childValue) {

+            var outer = document.createElement(&quot;div&quot;);

+            var inner = document.createElement(&quot;div&quot;);

+            outer.appendChild(inner);

+

+            outer.style.setProperty(&quot;shape-outside&quot;, &quot;content-box&quot;);

+            outer.style.setProperty(&quot;shape-image-threshold&quot;, parentValue);

+            inner.style.setProperty(&quot;shape-outside&quot;, &quot;circle()&quot;);

+            inner.style.setProperty(&quot;shape-image-threshold&quot;, childValue);

+

+            document.body.appendChild(outer);

+

+            var inline = inner.style.getPropertyValue(&quot;shape-image-threshold&quot;);

+            var style = getComputedStyle(inner);

+            var computed = style.getPropertyValue(&quot;shape-image-threshold&quot;);

+            document.body.removeChild(outer);

+

+            return [inline, computed];

+        }

+

+        test(function() {

+            var results = setUpTest(&quot;0.5&quot;, &quot;inherit&quot;);

+            assert_equals(results[0], &quot;inherit&quot;);

+            assert_equals(results[1], &quot;0.5&quot;);

+        }, &quot;shape-image-threshold can be assigned 'inherit' value&quot;);

+

+        test(function() {

+            var results = setUpTest(&quot;0.3&quot;, null);

+            assert_equals(results[0], null);

+            assert_equals(results[1], &quot;0&quot;);

+        }, &quot;shape-image-threshold is not inherited and defaults to 0&quot;);

+

+        test(function() {

+            var results = setUpTest(&quot;0.2&quot;, &quot;0.5&quot;);

+            assert_equals(results[0], &quot;0.5&quot;);

+            assert_equals(results[1], &quot;0.5&quot;);

+        }, &quot;shape-margin is not inherited&quot;);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin Valid Values - Length or Percentage&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-margin values may be either a length or percentage&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_margin_valid_tests = [

+            {

+              &quot;actual&quot;: &quot;10px&quot;,

+              &quot;expected_inline&quot;: &quot;10px&quot;,

+              &quot;expected_computed&quot;: &quot;10px&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;10%&quot;,

+              &quot;expected_inline&quot;: &quot;10%&quot;,

+              &quot;expected_computed&quot;: &quot;10%&quot;

+            }

+        ];

+        generate_tests( ParsingUtils.testShapeMarginInlineStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_tests, &quot;inline&quot;), false);

+        generate_tests( ParsingUtils.testShapeMarginComputedStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_tests, &quot;computed&quot;), false);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,34 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin Valid Values - Length Units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-margin values may be in any length unit&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_margin_valid_unit_tests = [];

+        ParsingUtils.validUnits.forEach(function(unit) {

+            test = &quot;10&quot;+unit;

+            testCase = new Object();

+            // actual &amp; expected_inline should be the same

+            // expected_computed will get converted to the px value in the test framework

+            testCase[&quot;actual&quot;] = test;

+            testCase[&quot;expected_inline&quot;] = test;

+            testCase[&quot;expected_computed&quot;] = test;

+            shape_margin_valid_unit_tests.push(testCase);

+        });

+        generate_tests( ParsingUtils.testShapeMarginInlineStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_unit_tests, &quot;inline&quot;), true);

+        generate_tests( ParsingUtils.testShapeMarginComputedStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_unit_tests, &quot;computed&quot;), true);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin Valid Values - Decimal, Positive/Negative lengths&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-margin values may be either a length or percentage&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_margin_valid_tests = [

+            {

+              &quot;actual&quot;: &quot;10.12345px&quot;,

+              &quot;expected_inline&quot;: &quot;10.12345px&quot;,

+              &quot;expected_computed&quot;: &quot;10.12345px&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;.5px&quot;,

+              &quot;expected_inline&quot;: &quot;0.5px&quot;,

+              &quot;expected_computed&quot;: &quot;0.5px&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;+15px&quot;,

+              &quot;expected_inline&quot;: &quot;15px&quot;,

+              &quot;expected_computed&quot;: &quot;15px&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;+10.678px&quot;,

+              &quot;expected_inline&quot;: &quot;10.678px&quot;,

+              &quot;expected_computed&quot;: &quot;10.678px&quot;

+            },

+        ];

+        generate_tests( ParsingUtils.testShapeMarginInlineStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_tests, &quot;inline&quot;), true);

+        generate_tests( ParsingUtils.testShapeMarginComputedStyle,

+                        ParsingUtils.buildTestCases(shape_margin_valid_tests, &quot;computed&quot;), true);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,33 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin Valid Values - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-margin values may be calc() values&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_margin_calc_tests = [];

+        ParsingUtils.calcTestValues.forEach(function(value) {

+            testCase = [ value[0], value[1] ];

+            if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                testCase.push([ value[2][0], value[2][1] ]);

+            } else {

+                testCase.push( value[2] );

+            }

+            shape_margin_calc_tests.push(testCase);

+        });

+        generate_tests( ParsingUtils.testShapeMarginInlineStyle,

+                        ParsingUtils.buildCalcTests(shape_margin_calc_tests, &quot;inline&quot;));

+        generate_tests( ParsingUtils.testShapeMarginComputedStyle,

+                        ParsingUtils.buildCalcTests(shape_margin_calc_tests, &quot;computed&quot;));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,29 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin Invalid Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-margin values may only be positive length units.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_margin_invalid_tests = [

+            {&quot;name&quot;: &quot;-20px&quot;},

+            {&quot;name&quot;: &quot;-.4567px&quot;},

+            {&quot;name&quot;: &quot;nonLength&quot;},

+            {&quot;name&quot;: &quot;10&quot;}

+        ];

+        generate_tests( ParsingUtils.testShapeMarginInlineStyle,

+                        ParsingUtils.buildTestCases(shape_margin_invalid_tests, &quot;inline - invalid&quot;));

+        generate_tests( ParsingUtils.testShapeMarginComputedStyle,

+                        ParsingUtils.buildTestCases(shape_margin_invalid_tests, &quot;computed - invalid&quot;));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapemargin005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,58 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Margin - inherit&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-margin-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The shape-margin value is not inherited and can be assigned the 'inherit' value.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+

+            function setUpTest(parentValue, childValue) {

+                var outer = document.createElement(&quot;div&quot;);

+                var inner = document.createElement(&quot;div&quot;);

+                outer.appendChild(inner);

+

+                outer.style.setProperty(&quot;shape-outside&quot;, &quot;content-box&quot;);

+                outer.style.setProperty(&quot;shape-margin&quot;, parentValue);

+                inner.style.setProperty(&quot;shape-outside&quot;, &quot;circle()&quot;);

+                inner.style.setProperty(&quot;shape-margin&quot;, childValue);

+

+                document.body.appendChild(outer);

+

+                var inline = inner.style.getPropertyValue(&quot;shape-margin&quot;);

+                var style = getComputedStyle(inner);

+                var computed = style.getPropertyValue(&quot;shape-margin&quot;);

+                document.body.removeChild(outer);

+

+                return [inline, computed];

+            }

+

+            test(function() {

+                var results = setUpTest(&quot;10px&quot;, &quot;inherit&quot;);

+                assert_equals(results[0], &quot;inherit&quot;);

+                assert_equals(results[1], &quot;10px&quot;);

+            }, &quot;shape-margin can be assigned 'inherit' value&quot;);

+

+            test(function() {

+                var results = setUpTest(&quot;5px&quot;, null);

+                assert_equals(results[0], null);

+                assert_equals(results[1], &quot;0px&quot;);

+            }, &quot;shape-margin is not inherited and defaults to 0px&quot;);

+

+            test(function() {

+                var results = setUpTest(&quot;15px&quot;, &quot;10px&quot;);

+                assert_equals(results[0], &quot;10px&quot;);

+                assert_equals(results[1], &quot;10px&quot;);

+            }, &quot;shape-margin is not inherited&quot;);

+

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidebox000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,47 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Box Valid Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#typedef-shape-box&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Shape-outside may be one of the box model box values&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_shape_boxes = [

+                {

+                   &quot;actual&quot;: &quot;content-box&quot;,

+                   &quot;expected_inline&quot;: &quot;content-box&quot;,

+                   &quot;expected_computed&quot;: &quot;content-box&quot;

+                },

+                {

+                   &quot;actual&quot;: &quot;padding-box&quot;,

+                   &quot;expected_inline&quot;: &quot;padding-box&quot;,

+                   &quot;expected_computed&quot;: &quot;padding-box&quot;

+                },

+                {

+                   &quot;actual&quot;: &quot;border-box&quot;,

+                   &quot;expected_inline&quot;: &quot;border-box&quot;,

+                   &quot;expected_computed&quot;: &quot;border-box&quot;

+                },

+                {

+                   &quot;actual&quot;: &quot;margin-box&quot;,

+                   &quot;expected_inline&quot;: &quot;margin-box&quot;,

+                   &quot;expected_computed&quot;: &quot;margin-box&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_shape_boxes, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_shape_boxes, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,53 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Valid Formats&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circular basic shape has an optional radius and position component&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_circle_tests = [

+            {

+              &quot;name&quot;: &quot;No arguments&quot;,

+              &quot;actual&quot;: &quot;circle()&quot;,

+              &quot;expected_inline&quot;: &quot;circle(at 50% 50%)&quot;,

+              &quot;expected_computed&quot;: &quot;circle(at 50% 50%)&quot;

+            },

+            {

+              &quot;name&quot;: &quot;Radial argument only&quot;,

+              &quot;actual&quot;: &quot;circle(50px)&quot;,

+              &quot;expected_inline&quot;: &quot;circle(50px at 50% 50%)&quot;,

+              &quot;expected_computed&quot;: &quot;circle(50px at 50% 50%)&quot;

+            },

+            {

+              &quot;name&quot;: &quot;Position argument only&quot;,

+              &quot;actual&quot;: &quot;circle(at 50px 50px)&quot;,

+              &quot;expected_inline&quot;: &quot;circle(at 50px 50px)&quot;,

+              &quot;expected_computed&quot;: &quot;circle(at 50px 50px)&quot;

+            },

+            {

+              &quot;name&quot;: &quot;Radial and position argument&quot;,

+              &quot;actual&quot;: &quot;circle(50px at 50px 50px)&quot;,

+              &quot;expected_inline&quot;: &quot;circle(50px at 50px 50px)&quot;,

+              &quot;expected_computed&quot;: &quot;circle(50px at 50px 50px)&quot;

+            }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_circle_tests, 'inline')

+            );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_circle_tests, 'computed')

+            );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,23 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Valid Radii&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's radius may be a length, percentage, or keyword.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('circle', 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('circle', 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,30 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Valid Positions&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's position argument may be any of the valid combinations:

+                                     [ percentage|length left|center|right ]

+                                or   [ percentage|length left|center|right ] [ percentage|length top|center|bottom  ]

+                                or   [ left|center|right ]

+                                or   [ left|center|right top|center|bottom ]

+                                or   [ top|center|bottom ]. &quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests('circle', true, 'inline', 'px'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildPositionTests('circle', true, 'computed', 'px'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,28 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Invalid Position Argument Lists&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Valid circle position argument list are in the form of:

+                                     [ percentage|length left|center|right ]

+                                or   [ percentage|length left|center|right ] [ percentage|length top|center|bottom  ]

+                                or   [ left|center|right ]

+                                or   [ left|center|right top|center|bottom ]

+                                or   [ top|center|bottom ].

+                                All position arguments not in this form are invalid.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests(&quot;circle&quot;, false, &quot;px&quot;));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle - Position Length Units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's position arguments may in any valid &lt;length&gt; unit allowed by a &lt;position&gt; value.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildPositionTests(&quot;circle&quot;, true, 'lengthUnit + inline', ParsingUtils.validUnits) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildPositionTests(&quot;circle&quot;, true, 'lengthUnit + computed', ParsingUtils.validUnits) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,23 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Valid Radii - length units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's radius may be in any valid length unit.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('circle', 'lengthUnit + inline', ParsingUtils.validUnits));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('circle', 'lengthUnit + computed', ParsingUtils.validUnits));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,74 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Radii - positive/negative, decimal/non-decimal&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's radius may be in signed positive or decimal/non-decimal format. Negative

+                                     radii are invalid.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_circle_radii_tests = [

+                {

+                  &quot;actual&quot;: &quot;circle(+10px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(10px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(10px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+10.00px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(10px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(10px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+20.340px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(20.34px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(20.34px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+30.5px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(30.5px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(30.5px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+10%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(10% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(10% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+10.00%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(10% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(10% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+20.350%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(20.35% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(20.35% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(+30.5%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(30.5% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(30.5% at 50% 50%)&quot;

+                }

+            ];

+            invalid_circle_radii_tests = [

+                {&quot;name&quot;: &quot;circle(-20px)&quot;},

+                {&quot;name&quot;: &quot;circle(-20.340px)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_circle_radii_tests, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_circle_radii_tests, 'computed') );

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_circle_radii_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,41 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Radii - invalid args&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that invalid shape-radius arguments on circle() don't parse.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_circle_radiii_tests = [

+                {&quot;name&quot;: &quot;circle(foo)&quot;},

+                {&quot;name&quot;: &quot;circle(10)&quot;},

+                {&quot;name&quot;: &quot;circle(20px 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(20% 30%)&quot;},

+                {&quot;name&quot;: &quot;circle(20px, 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(20%, 30%)&quot;},

+                {&quot;name&quot;: &quot;circle(20px closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(20px farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(closest-side 20px)&quot;},

+                {&quot;name&quot;: &quot;circle(farthest-side 20px)&quot;},

+                {&quot;name&quot;: &quot;circle(20% closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(20% farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(closest-side 20%)&quot;},

+                {&quot;name&quot;: &quot;circle(farthest-side 20%)&quot;},

+                {&quot;name&quot;: &quot;circle(closest-side farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(farthest-side closest-side)&quot;}

+            ];

+            generate_tests(ParsingUtils.testInlineStyle,

+                           ParsingUtils.buildTestCases(invalid_circle_radiii_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,49 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Invalid Position Argument Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that invalid position arguments on circle() don't parse&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+         &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_circle_position_tests = [

+                {&quot;name&quot;: &quot;circle(at foo)&quot;},

+                {&quot;name&quot;: &quot;circle(at 50)&quot;},

+                {&quot;name&quot;: &quot;circle(at 10px 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20% 30% 40%)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20px, 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20%, 30%)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20%, 30%, 40%)&quot;},

+                {&quot;name&quot;: &quot;circle(at closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20px 30px closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20px 30px farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20px 30px foo)&quot;},

+                {&quot;name&quot;: &quot;circle(at closest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(at farthest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20% 30% closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at 20% 30% farthest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at closest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;circle(at farthest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;circle(at closest-side farthest-side 20px)&quot;},

+                {&quot;name&quot;: &quot;circle(at closest-side farthest-side 20%)&quot;},

+                {&quot;name&quot;: &quot;circle(at farthest-side closest-side closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at farthest-side, closest-side, closest-side)&quot;},

+                {&quot;name&quot;: &quot;circle(at left 50x top 50px bottom)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_circle_position_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle009html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,123 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle Position Arguments - positive/negative, decimal/non-decimal&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's position arguments may be in signed positive/negative or

+                                     decimal/non-decimal format.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_circle_radii_tests = [

+                {

+                  &quot;actual&quot;: &quot;circle(at +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50px 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50px 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50px 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50px 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at left +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 0% 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 0% 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at left +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 0% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 0% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at right -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 100% -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 100% -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at right -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 100% -50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 100% -50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50px top)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50px 0%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50px 0%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50% top)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50% 0%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50% 0%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50px bottom)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50px 100%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50px 100%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50% bottom)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50% 100%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50% 100%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50px +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50px 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50px 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50% +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50px -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50px -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50px -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50px -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50px -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50px -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50px +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50px 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50px 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at +50% -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at 50% -50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at 50% -50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;circle(at -50% +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;circle(at -50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;circle(at -50% 50%)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_circle_radii_tests, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_circle_radii_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,34 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var circle_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['circle('+ value[0] +')', 'circle('+ value[1] + ' at 50% 50%)'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([ 'circle('+ value[2][0] + ' at 50% 50%)', 'circle('+ value[2][1] + ' at 50% 50%)']);

+                } else {

+                    testCase.push('circle('+ value[2] + ' at 50% 50%)');

+                }

+                circle_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(circle_calc_tests, 'value'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(circle_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecircle011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,37 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Circle position args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A circle's &lt;position&gt; arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var circle_position_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['circle(at '+ value[0] +')',

+                            'circle(at '+ value[1] +' 50%)'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([ 'circle(at '+ value[2][0] +' 50%)',

+                                    'circle(at '+ value[2][1] +' 50%)'

+                                  ]);

+                } else {

+                    testCase.push('circle(at '+ value[2] +' 50%)');

+                }

+                circle_position_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(circle_position_calc_tests, 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(circle_position_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecomputedshape000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,52 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Basic Shape Computed Font Relative Lengths&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-cascade-3/#computed&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The basic shape can contain relative length formats, which resolve to the computed (absolute) length value&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            // font relative units: em, ex, ch, rem

+            var units = ['em', 'ex', 'ch', 'rem'];

+            var div = document.createElement('div');

+            document.body.appendChild(div);

+            var resolveds = {};

+            units.forEach(function(unit) {

+                div.style.width = '10' + unit;

+                var s = getComputedStyle(div);

+                resolveds[unit] = parseFloat(s.width);

+            });

+            document.body.removeChild(div);

+

+            function fillArray(string, length) {

+                return Array.apply(null, new Array(length)).map(String.prototype.valueOf, string);

+            }

+

+            function testUnit(unit) {

+                var relativeLength = '1' + unit;

+                var usedLength = resolveds[unit] + 'px';

+

+                var input = 'polygon(nonzero, ' + fillArray('10' + unit, 2).join(' ') + ')';

+                var output = 'polygon(' + fillArray(resolveds[unit] + 'px', 2).join(' ') + ')';

+

+                ParsingUtils.testComputedStyle(input, ParsingUtils.roundResultStr(output));

+            }

+

+            var tests = units.map(function(unit) {

+                return [unit + ' units', unit];

+            });

+

+            generate_tests(testUnit, tests);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidecomputedshape001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,46 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Basic Shape Computed Percentage Lengths&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-cascade-3/#computed&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The basic shape can contain percentages, which remain unchanged when computed&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_polygon_tests = [

+                {

+                    &quot;name&quot;: &quot;inset&quot;,

+                    &quot;actual&quot;: &quot;inset(10% 20% 30% 40% round 10% 20% 30% 40% / 10% 20% 30% 40%)&quot;,

+                    &quot;expected_computed&quot;: &quot;inset(10% 20% 30% 40% round 10% 20% 30% 40%)&quot;

+                },

+                {

+                    &quot;name&quot;: &quot;circle&quot;,

+                    &quot;actual&quot;: &quot;circle(10% at 10% 20%)&quot;,

+                    &quot;expected_computed&quot;: &quot;circle(10% at 10% 20%)&quot;

+                },

+                {

+                    &quot;name&quot;: &quot;ellipse&quot;,

+                    &quot;actual&quot;: &quot;ellipse(10% 20% at 10% 20%)&quot;,

+                    &quot;expected_computed&quot;: &quot;ellipse(10% 20% at 10% 20%)&quot;

+                },

+                {

+                    &quot;name&quot;: &quot;polygon&quot;,

+                    &quot;actual&quot;: &quot;polygon(nonzero, 10% 20%, 30% 40%, 50% 60%)&quot;,

+                    &quot;expected_computed&quot;: &quot;polygon(10% 20%, 30% 40%, 50% 60%)&quot;

+                }

+            ];

+

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,51 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Valid Formats&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An elliptical basic shape has two optional components, radii (2) and a position.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_ellipse_tests = [

+                {

+                  &quot;name&quot;: &quot;No arguments&quot;,

+                  &quot;actual&quot;: &quot;ellipse()&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50% 50%)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Radial arguments&quot;,

+                  &quot;actual&quot;: &quot;ellipse(50px 50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(50px 50px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(50px 50px at 50% 50%)&quot;

+                },

+                {

+                   &quot;name&quot;: &quot;Position argument&quot;,

+                   &quot;actual&quot;: &quot;ellipse(at 50px 50px)&quot;,

+                   &quot;expected_inline&quot;: &quot;ellipse(at 50px 50px)&quot;,

+                   &quot;expected_computed&quot;: &quot;ellipse(at 50px 50px)&quot;

+                },

+                {

+                   &quot;name&quot;: &quot;Radial and position argument&quot;,

+                   &quot;actual&quot;: &quot;ellipse(50px 50px at 50px 50px)&quot;,

+                   &quot;expected_inline&quot;: &quot;ellipse(50px 50px at 50px 50px)&quot;,

+                   &quot;expected_computed&quot;: &quot;ellipse(50px 50px at 50px 50px)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,23 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Valid Radii&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An elliptical basic shape's radii may be keywords, lengths or percentages&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('ellipse', 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('ellipse', 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,30 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Valid Positions&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's position argument may be any of the valid combinations:

+                                     [ percentage|length left|center|right ]

+                                or   [ percentage|length left|center|right ] [ percentage|length top|center|bottom  ]

+                                or   [ left|center|right ]

+                                or   [ left|center|right top|center|bottom ]

+                                or   [ top|center|bottom ]. &quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests('ellipse', true, 'inline', 'px'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildPositionTests('ellipse', true, 'computed', 'px'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,28 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Invalid Position Argument Lists&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Valid ellipse position argument list are in the form of:

+                                     [ percentage|length left|center|right ]

+                                or   [ percentage|length left|center|right ] [ percentage|length top|center|bottom  ]

+                                or   [ left|center|right ]

+                                or   [ left|center|right top|center|bottom ]

+                                or   [ top|center|bottom ].

+                                All position arguments not in this form are invalid.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests(&quot;ellipse&quot;, false, &quot;px&quot;));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse - Position Length Units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's position arguments may in any valid &lt;length&gt; unit allowed by a &lt;position&gt; value.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildPositionTests(&quot;ellipse&quot;, true, 'lengthUnit + inline', ParsingUtils.validUnits) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildPositionTests(&quot;ellipse&quot;, true, 'lengthUnit + computed', ParsingUtils.validUnits) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,23 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Valid Radii - length units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's radii may be in any valid length unit.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('ellipse', 'lengthUnit + inline', ParsingUtils.validUnits));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('ellipse', 'lengthUnit + computed', ParsingUtils.validUnits));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,95 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Radii - positive/negative, decimal/non-decimal&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's radii may be in signed positive or decimal/non-decimal format. Negative

+                                     radii are invalid.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_ellipse_radii_tests = [

+                {

+                  &quot;actual&quot;: &quot;ellipse(+10px +20px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(10px 20px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(10px 20px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+30px 40px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(30px 40px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(30px 40px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(50px +60px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(50px 60px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(50px 60px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+10.00px +20.230px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(10px 20.23px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(10px 20.23px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+30.00px 40.567px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(30px 40.567px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(30px 40.567px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(50.10px +60.7px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(50.1px 60.7px at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(50.1px 60.7px at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+10% +20%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(10% 20% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(10% 20% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+30% 40%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(30% 40% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(30% 40% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+50% +60%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(50% 60% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(50% 60% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+10.00% +20.230%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(10% 20.23% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(10% 20.23% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(+30.00% 40.567%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(30% 40.567% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(30% 40.567% at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(50.10% +60.7%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(50.1% 60.7% at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(50.1% 60.7% at 50% 50%)&quot;

+                }

+            ];

+            invalid_ellipse_radii_tests = [

+                {&quot;name&quot;: &quot;ellipse(-10px -20px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(-30px 40px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(50px -60px)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_radii_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_radii_tests, &quot;computed&quot;) );

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_ellipse_radii_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,43 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Radii - invalid args&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that invalid shape-radius arguments on ellipse() don't parse.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_ellipse_radiii_tests = [

+                {&quot;name&quot;: &quot;ellipse(foo)&quot;},

+                {&quot;name&quot;: &quot;ellipse(10)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20px 30px 40px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20% 30% 40%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20%, 30%, 40%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20px 30px closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20px 30px farthest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(closest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(farthest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20% 30% closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(20% 30% farthest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(closest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(farthest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(closest-side farthest-side 20px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(closest-side farthest-side 20%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(farthest-side closest-side closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(farthest-side, closest-side, closest-side)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_ellipse_radiii_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,49 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Invalid Position Argument Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that invalid position arguments on ellipse() don't parse&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+         &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_ellipse_position_tests = [

+                {&quot;name&quot;: &quot;ellipse(at foo)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 50)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 10px 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20% 30% 40%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20px, 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20%, 30%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20%, 30%, 40%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at farthest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20px 30px closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20px 30px farthest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20px 30px foo)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at closest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at farthest-side 20px 30px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20% 30% closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at 20% 30% farthest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at closest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at farthest-side 20% 30%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at closest-side farthest-side 20px)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at closest-side farthest-side 20%)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at farthest-side closest-side closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at farthest-side, closest-side, closest-side)&quot;},

+                {&quot;name&quot;: &quot;ellipse(at left 50x top 50px bottom)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_ellipse_position_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse009html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,123 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse Position Arguments - positive/negative, decimal/non-decimal&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's position arguments may be in signed positive/negative or

+                                     decimal/non-decimal format.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+         &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_ellipse_radii_tests = [

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50px 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50px 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50px 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50px 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at left +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 0% 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 0% 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at left +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 0% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 0% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at right -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 100% -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 100% -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at right -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 100% -50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 100% -50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50px top)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50px 0%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50px 0%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50% top)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50% 0%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50% 0%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50px bottom)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50px 100%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50px 100%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50% bottom)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50% 100%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50% 100%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50px +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50px 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50px 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50% +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50% 50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50px -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50px -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50px -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50px -50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50px -50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50px -50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50px +50px)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50px 50px)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50px 50px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at +50% -50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at 50% -50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at 50% -50%)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;ellipse(at -50% +50%)&quot;,

+                  &quot;expected_inline&quot;: &quot;ellipse(at -50% 50%)&quot;,

+                  &quot;expected_computed&quot;: &quot;ellipse(at -50% 50%)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_radii_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_ellipse_radii_tests, &quot;computed&quot;) );

+            &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,66 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var ellipse_calc_tests = [];

+            var defaultPosition = ' at 50% 50%';

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse('+ value[0] +')',

+                            'ellipse('+ value[1] + defaultPosition +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse('+ value[2][0]  + defaultPosition +')',

+                                    'ellipse('+ value[2][1]  + defaultPosition +')',

+                                  ]);

+                } else {

+                    testCase.push('ellipse('+ value[2] + defaultPosition +')');

+                }

+                ellipse_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse(farthest-side '+ value[0] +')',

+                            'ellipse(farthest-side '+ value[1] + defaultPosition +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse(farthest-side '+ value[2][0] + defaultPosition +')',

+                                    'ellipse(farthest-side '+ value[2][1] + defaultPosition +')'

+                                 ]);

+                } else {

+                     testCase.push('ellipse(farthest-side '+ value[2] + defaultPosition +')');

+                }

+                ellipse_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse('+ value[0] +' '+ value[0] +')',

+                            'ellipse('+ value[1] +' '+ value[1] + defaultPosition +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse('+ value[2][0] +' '+ value[2][0]  + defaultPosition +')',

+                                    'ellipse('+ value[2][1] +' '+ value[2][1]  + defaultPosition +')'

+                                  ]);

+                } else {

+                    testCase.push('ellipse('+ value[2] +' '+ value[2]  + defaultPosition +')');

+                }

+

+                ellipse_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(ellipse_calc_tests, 'value'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(ellipse_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideellipse011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,64 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Ellipse position args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An ellipse's &lt;position&gt; arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var ellipse_position_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse(at '+ value[0] +' 50%)',

+                            'ellipse(at '+ value[1] +' 50%)'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse(at '+ value[2][0] +' 50%)',

+                                    'ellipse(at '+ value[2][1] +' 50%)'

+                                 ]);

+                } else {

+                    testCase.push('ellipse(at '+ value[2] +' 50%)');

+                }

+                ellipse_position_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse(farthest-side at '+ value[0] +' 50%)',

+                            'ellipse(farthest-side at '+ value[1] +' 50%)'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse(farthest-side at '+ value[2][0] +' 50%)',

+                                    'ellipse(farthest-side at '+ value[2][1] +' 50%)'

+                                  ]);

+                } else {

+                    testCase.push('ellipse(farthest-side at '+ value[2] +' 50%)');

+                }

+                ellipse_position_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')',

+                            'ellipse(closest-side farthest-side at '+ value[1] +' '+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'ellipse(closest-side farthest-side at '+ value[2][0] +' '+ value[2][0] +')',

+                                    'ellipse(closest-side farthest-side at '+ value[2][1] +' '+ value[2][1] +')'

+                                 ]);

+                } else {

+                    testCase.push('ellipse(closest-side farthest-side at '+ value[2] +' '+ value[2] +')');

+                }

+                ellipse_position_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(ellipse_position_calc_tests, 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(ellipse_position_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,75 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Valid Formats&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset has 1 to 4 insets, and optional border radii that follow the border-radius format&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_inset_tests = [

+                    {

+                      &quot;name&quot;: &quot;1 inset&quot;,

+                      &quot;actual&quot;: &quot;inset(10px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;2 insets&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;3 insets&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px 30px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px 30px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px 30px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;4 insets&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px 30px 40px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px 30px 40px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px 30px 40px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;1 inset and round&quot;,

+                      &quot;actual&quot;: &quot;inset(10px round 20px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px round 20px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px round 20px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;2 insets and round&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px round 30px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px round 30px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px round 30px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;3 insets and round&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px 30px round 40px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px 30px round 40px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px 30px round 40px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;4 insets and round&quot;,

+                      &quot;actual&quot;: &quot;inset(10px 20px 30px 40px round 50px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px 20px 30px 40px round 50px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px 20px 30px 40px round 50px)&quot;

+                    }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_inset_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_inset_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,25 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Valid Insets&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset has 1 to 4 insets as percentages or length in any unit&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildInsetTests(ParsingUtils.validUnits, &quot;%&quot;, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildInsetTests(ParsingUtils.validUnits, &quot;%&quot;, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,31 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Valid Rounds&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset's radial component has 1 to 4 length/percentages, optionally followed by a '/'

+                                     and an additional 1 to 4 length/percentages and lengths can be in any unit.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.generateInsetRoundCases('px', 'inline'));

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.generateInsetRoundCases('%', 'inline'));

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.generateInsetRoundCases('px', 'computed'));

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.generateInsetRoundCases('%', 'computed'));

+

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,28 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Valid Round Length Units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset's radial component's values can be in any length unit&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+           ParsingUtils.validUnits.forEach(function(unit) {

+                generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.generateInsetRoundCases(unit, 'inline'));

+           });

+           ParsingUtils.validUnits.forEach(function(unit) {

+                generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.generateInsetRoundCases(unit, 'computed'));

+           });

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,58 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset - positive/negative, decimal/non-decimal args&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;These tests verify that shape-outside inset() arguments can be numbers that are signed in

+                                     positive and negative and/or decimal/non-decimal form.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_inset_args_tests = [

+                    {

+                      &quot;actual&quot;: &quot;inset(+10px -20px +30px -40px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10px -20px 30px -40px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10px -20px 30px -40px)&quot;

+                    },

+                    {

+                      &quot;actual&quot;: &quot;inset(-10px +20px -30px +40px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(-10px 20px -30px 40px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(-10px 20px -30px 40px)&quot;

+                    },

+                    {

+                      &quot;actual&quot;: &quot;inset(10.1200px 20.34px 30.56px 40.780px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10.12px 20.34px 30.56px 40.78px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10.12px 20.34px 30.56px 40.78px)&quot;

+                    },

+                    {

+                      &quot;actual&quot;: &quot;inset(10.123px 20.00px 30.10px 40.5678px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10.123px 20px 30.1px 40.5678px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10.123px 20px 30.1px 40.5678px)&quot;

+                    },

+                    {

+                      &quot;actual&quot;: &quot;inset(+10.1200px -20.340px +30.56px -40.780px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(10.12px -20.34px 30.56px -40.78px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(10.12px -20.34px 30.56px -40.78px)&quot;

+                    },

+                    {

+                      &quot;actual&quot;: &quot;inset(-10.123px +20.00px -30.10px +40.5678px)&quot;,

+                      &quot;expected_inline&quot;: &quot;inset(-10.123px 20px -30.1px 40.5678px)&quot;,

+                      &quot;expected_computed&quot;: &quot;inset(-10.123px 20px -30.1px 40.5678px)&quot;

+                    }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_inset_args_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_inset_args_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,41 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset - Invalid args&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;These tests verifies that invalid inset() arguments don't parse.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var invalid_inset_args_tests = [

+                    // no units

+                    {&quot;name&quot;: &quot;inset(10 20px 30px 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px 20 30px 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px, 20px 30 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px  20px 30px 40)&quot;},

+                    {&quot;name&quot;: &quot;inset(10 20 30 40)&quot;},

+                    // comma delimited args

+                    {&quot;name&quot;: &quot;inset(10px, 20px, 30px, 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px, 20px, 30px 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px, 20px 30px 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px  20px, 30px, 40px)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px  20px 30px, 40px)&quot;},

+                    // bogus args

+                    {&quot;name&quot;: &quot;inset(foo bar blah woo)&quot;},

+                    {&quot;name&quot;: &quot;inset(10px roo 30px coo)&quot;},

+                    {&quot;name&quot;: &quot;inset(may 20px blah 40px)&quot;}

+                ];

+            generate_tests(ParsingUtils.testInlineStyle,

+                           ParsingUtils.buildTestCases(invalid_inset_args_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,81 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;These tests verify that shape-outside inset() radial component can be numbers that are in

+                                     signed positive and/or decimal/non-decimal form. Negative values are not allowed&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_inset_radial_args_tests = [

+                {

+                  &quot;actual&quot;: &quot;inset(10px round +10px +20px +30px +40px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10px 20px 30px 40px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10px 20px 30px 40px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round 10.1200px 20.34px 30.56px 40.780px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round 10.123px 20.00px 30.10px 40.5678px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round +10.1200px +20.340px +30.56px +40.780px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round +10px +20px +30px +40px / +10px +20px +30px +40px )&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10px 20px 30px 40px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10px 20px 30px 40px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round 10.1200px 20.34px 30.56px 40.780px / 10.1200px 20.34px 30.56px 40.780px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round 10.123px 20.00px 30.10px 40.5678px / 10.123px 20.00px 30.10px 40.5678px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round +10.1200px +20.340px +30.56px +40.780px / +10.1200px +20.340px +30.56px +40.780px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.12px 20.34px 30.56px 40.78px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;inset(10px round +10.123px +20.00px +30.10px +40.5678px / 10.123px +20.00px +30.10px +40.5678px)&quot;,

+                  &quot;expected_inline&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;,

+                  &quot;expected_computed&quot;: &quot;inset(10px round 10.123px 20px 30.1px 40.5678px)&quot;

+                }

+            ];

+             invalid_radial_args_tests = [

+                {&quot;name&quot;: &quot;inset(10px round -10px -20px -30px -40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round -10.1200px -20.340px -30.56px -40.780px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round -10px -20px -30px -40px / -10px -20px -30px -40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round -10.123px -20.00px -30.10px -40.5678px / 10.123px -20.00px -30.10px -40.5678px)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_inset_radial_args_tests, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_inset_radial_args_tests, 'computed') );

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_radial_args_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,47 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Radial Args - Invalid&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;These tests verify invalid radial component arguments don't parse.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_radial_args_tests = [

+                // no units

+                {&quot;name&quot;: &quot;inset(10px round 10 20 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30px 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30px 40px / 10 20 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30px 40px / 10px 20 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30px 40px / 10px 20px 30 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40)&quot;},

+                // commas

+                {&quot;name&quot;: &quot;inset(10px round  10px, 20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px, 20px, 30px 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px, 20px 30px 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px 20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px 20px 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px, 20px, 30px, 40px / 10px, 20px, 30px, 40px)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px 20px, 30px, 40px / 10px 20px, 30px, 40)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px 20px 30px, 40px / 10px 20px 30px, 40)&quot;},

+                // bogus args

+                {&quot;name&quot;: &quot;inset(10px round  foo, bar, boo, $$)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  10px, xx, px pt)&quot;},

+                {&quot;name&quot;: &quot;inset(10px round  word)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_radial_args_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset Args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset's arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var inset_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['inset('+ value[0] +')',

+                            'inset('+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([ 'inset('+ value[2][0] +')', 'inset('+ value[2][1] +')' ]);

+                } else {

+                    testCase.push('inset('+ value[2] +')');

+                }

+                inset_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['inset('+ value[0] +' '+ value[0] +')',

+                            'inset('+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([ 'inset('+ value[2][0] +')', 'inset('+ value[2][1] +')' ]);

+                } else {

+                    testCase.push('inset('+ value[2] +')');

+                }

+                inset_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(inset_calc_tests, 'value'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(inset_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideinset009html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,55 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Inset round args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;An inset's radial component arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var fullInset = '10px 10px 10px 10px';

+            var serializedInset = &quot;10px&quot;;

+

+            var inset_round_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['inset('+ fullInset +' round '+ value[0] +')',

+                            'inset('+ serializedInset +' round '+ value[1] +')'];

+                // array check

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'inset('+ serializedInset +' round '+ value[2][0] +')',

+                                    'inset('+ serializedInset +' round '+ value[2][1] +')'

+                                 ]);

+                } else {

+                    testCase.push('inset('+ serializedInset +' round '+ value[2] +')');

+                }

+                inset_round_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['inset('+ fullInset +' round '+ value[0] +' '+  value[0] +')',

+                            'inset('+ serializedInset +' round '+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'inset('+ serializedInset +' round '+ value[2][0] +')',

+                                    'inset('+ serializedInset +' round '+ value[2][1] +')'

+                                 ]);

+                } else {

+                    testCase.push('inset('+ serializedInset +' round '+ value[2] +')');

+                }

+                inset_round_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(inset_round_calc_tests, 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(inset_round_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,51 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon Valid Formats&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygonal basic shape has an optional fill-rule and one or more pairs of coordinates&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_polygon_tests = [

+                    {

+                      &quot;name&quot;: &quot;Single point&quot;,

+                      &quot;actual&quot;: &quot;polygon(1px 2px)&quot;,

+                      &quot;expected_inline&quot;: &quot;polygon(1px 2px)&quot;,

+                      &quot;expected_computed&quot;: &quot;polygon(1px 2px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;Single point with fill-rule&quot;,

+                      &quot;actual&quot;: &quot;polygon(evenodd, 1px 2px)&quot;,

+                      &quot;expected_inline&quot;: &quot;polygon(evenodd, 1px 2px)&quot;,

+                      &quot;expected_computed&quot;: &quot;polygon(evenodd, 1px 2px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;Multiple points&quot;,

+                      &quot;actual&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;,

+                      &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;,

+                      &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;

+                    },

+                    {

+                      &quot;name&quot;: &quot;Multiple points with fill-rule&quot;,

+                      &quot;actual&quot;: &quot;polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)&quot;,

+                      &quot;expected_inline&quot;: &quot;polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)&quot;,

+                      &quot;expected_computed&quot;: &quot;polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)&quot;

+                    }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon Valid Fill-Rules&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygonal basic shape's optional fill-rule may be either 'nonzero' or 'evenodd'&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_fill_rule_tests = [

+                {

+                  &quot;name&quot;: &quot;Nonzero&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1px 2px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Evenodd&quot;,

+                  &quot;actual&quot;: &quot;polygon(evenodd, 1px 2px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(evenodd, 1px 2px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(evenodd, 1px 2px)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_fill_rule_tests, 'inline') );

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_fill_rule_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon Valid Points&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygonal basic shape's points may be either lengths or percentages&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+             var valid_polygon_points_tests = [

+                {

+                  &quot;name&quot;: &quot;Lengths&quot;,

+                  &quot;actual&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Percentages&quot;,

+                  &quot;actual&quot;: &quot;polygon(1% 2%, 3% 4%, 5% 6%)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1% 2%, 3% 4%, 5% 6%)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1% 2%, 3% 4%, 5% 6%)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Mixed Lengths and Percentages&quot;,

+                  &quot;actual&quot;: &quot;polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_points_tests, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_points_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,41 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon Invalid Points&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygonal basic shape's points may be either lengths or percentages&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var invalid_polygon_points_tests = [

+                {&quot;name&quot;: &quot;polygon()&quot;},

+                {&quot;name&quot;: &quot;polygon(evenodd)&quot;},

+                {&quot;name&quot;: &quot;polygon(nonzero)&quot;},

+                {&quot;name&quot;: &quot;polygon(evenodd, foo bar)&quot;},

+                {&quot;name&quot;: &quot;polygon(nonzero, bar foo)&quot;},

+                {&quot;name&quot;: &quot;polygon(foo, 1px 2px)&quot;},

+                {&quot;name&quot;: &quot;polygon(evenodd 1px 2px)&quot;},

+                {&quot;name&quot;: &quot;polygon(nonzero 1px 2px)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px 2px 3px)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px 2px 3px 4px)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px, 2px)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px 2px evenodd)&quot;},

+                {&quot;name&quot;: &quot;polygon(1px 2px nonzero)&quot;},

+                {&quot;name&quot;: &quot;polygon(evenodd, 10 20)&quot;},

+                {&quot;name&quot;: &quot;polygon(nonzero, 10 20)&quot;}

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(invalid_polygon_points_tests) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,38 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon - Argument Length Units&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#lengths&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygon's veritices may in percentage or any valid &lt;length&gt; units.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var arg_length_units_tests = [

+               ['%', 'px', 'px'],

+               ['px', '%', 'px'],

+               ['px', 'px', '%'],

+               ['%', '%', '%'],

+               ['em', 'em', 'ex'],

+               ['vw', 'vh', '%'],

+               ['cm', 'mm', 'pc'],

+               ['vmin', 'vmin', 'vmax'],

+               ['rem', 'ch', 'rem'],

+               ['in', 'pt', '%']

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildPolygonTests(arg_length_units_tests, 'inline') );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildPolygonTests(arg_length_units_tests, 'computed') );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,57 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon Valid Points&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygon's vertices can be in signed positive/negative or decimal/non-decimal format&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var valid_polygon_points_tests = [

+                {

+                  &quot;actual&quot;: &quot;polygon(+1px +2px, +3px +4px, +5px +6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4px, 5px 6px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;polygon(-1px -2px, -3px -4px, -5px -6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(-1px -2px, -3px -4px, -5px -6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(-1px -2px, -3px -4px, -5px -6px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;polygon(+1px +2px, -3px -4px, +5px +6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, -3px -4px, 5px 6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, -3px -4px, 5px 6px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;polygon(-1px -2px, +3px +4px, -5px -6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(-1px -2px, 3px 4px, -5px -6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(-1px -2px, 3px 4px, -5px -6px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;polygon(1.0px 2.22px, 3.40px 4.555px, 5.607px 6.99px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2.22px, 3.4px 4.555px, 5.607px 6.99px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2.22px, 3.4px 4.555px, 5.607px 6.99px)&quot;

+                },

+                {

+                  &quot;actual&quot;: &quot;polygon(+1.0px -2.22px, +3.40px -4.550px, 5.67px -6.99px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px -2.22px, 3.4px -4.55px, 5.67px -6.99px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px -2.22px, 3.4px -4.55px, 5.67px -6.99px)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_points_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(valid_polygon_points_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsidepolygon006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,51 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Polygon args - calc() values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-polygon&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-values/#calc-notation&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A polygon's arguments may be in calc() values.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var polygon_calc_tests = [];

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['polygon('+ value[0] +' '+ value[0] +')',

+                            'polygon('+ value[1] +' '+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'polygon('+ value[2][0] +' '+ value[2][0] +')',

+                                    'polygon('+ value[2][1] +' '+ value[2][1] +')'

+                                 ]);

+                } else {

+                    testCase.push('polygon('+ value[2] +' '+ value[2] +')');

+                }

+                polygon_calc_tests.push(testCase);

+            });

+            ParsingUtils.calcTestValues.forEach(function(value) {

+                testCase = ['polygon(evenodd, '+ value[0] +' '+ value[0] +', '+ value[0] +' '+ value[0] +')',

+                            'polygon(evenodd, '+ value[1] +' '+ value[1] +', '+ value[1] +' '+ value[1] +')'];

+                if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {

+                    testCase.push([

+                                    'polygon(evenodd, '+ value[2][0] +' '+ value[2][0] +', '+ value[2][0] +' '+ value[2][0] +')',

+                                    'polygon(evenodd, '+ value[2][1] +' '+ value[2][1] +', '+ value[2][1] +' '+ value[2][1] +')'

+                                 ]);

+                } else {

+                    testCase.push('polygon(evenodd, '+ value[2] +' '+ value[2] +', '+ value[2] +' '+ value[2] +')');

+                }

+                polygon_calc_tests.push(testCase);

+            });

+            generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(polygon_calc_tests, 'inline'));

+            generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(polygon_calc_tests, 'computed'));

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapearguments000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,62 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Basic Shape Arguments&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/cssom-1/#serializing-css-values&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;A basic basic shape can contain any length unit type, or percentage&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            // relative units: em, ex, ch, rem, vw, vh, vmin, vmax

+            // fixed units: cm, mm, in, px, pt, pc

+            // percentage unit: %

+            // zero length: 0

+            var basic_shape_args_tests = [

+                {

+                  &quot;name&quot;: &quot;0-valued&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 0 0)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(0px 0px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(0px 0px)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Font relative units&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1em 1ex, 1ch 1rem)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1em 1ex, 1ch 1rem)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1em 1ex, 1ch 1rem)&quot; // converted to px by the framework

+                },

+                {

+                  &quot;name&quot;: &quot;View relative units&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1vw 1vh, 1vmin 1vmax)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1vw 1vh, 1vmin 1vmax)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1vw 1vh, 1vmin 1vmax)&quot; // converted to px by the framework

+                },

+                {

+                  &quot;name&quot;: &quot;Fixed units&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1cm 1mm, 1in 1px, 1pt 1pc)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1cm 1mm, 1in 1px, 1pt 1pc)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1cm 1mm, 1in 1px, 1pt 1pc)&quot; // converted to px by the framework

+                },

+                {

+                  &quot;name&quot;: &quot;Percentage units&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1% 2%)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1% 2%)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1% 2%)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(basic_shape_args_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(basic_shape_args_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapearguments001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,41 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Shape Number Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/cssom-1/#serializing-css-values&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;The basic shape can contain all valid number formats&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            // number forms: d, +d, -d, .d, +.d, -.d, d.d, +d.d, -d.d

+            var shape_number_values_tests = [

+                {

+                  &quot;name&quot;: &quot;Positive number variations&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, 1px +2px, .3px +.4px, 5.5px +6.6px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 0.3px 0.4px, 5.5px 6.6px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 0.3px 0.4px, 5.5px 6.6px)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Negative number variations&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero, -1px -.2px, -1.1px 0px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(-1px -0.2px, -1.1px 0px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(-1px -0.2px, -1.1px 0px)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(shape_number_values_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(shape_number_values_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeboxpair000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,67 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Box Shape and Box Valid Values&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#typedef-shape-box&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Shape-outside may be a pair of shape and box values&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+        var shape_box_valid_tests = [

+            {

+              &quot;actual&quot;: &quot;polygon(nonzero, 1px 1px) content-box&quot;,

+              &quot;expected_inline&quot;: &quot;polygon(1px 1px) content-box&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) content-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;polygon(nonzero, 1px 1px) padding-box&quot;,

+              &quot;expected_inline&quot;: &quot;polygon(1px 1px) padding-box&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) padding-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;polygon(nonzero, 1px 1px) border-box&quot;,

+              &quot;expected_inline&quot;: &quot;polygon(1px 1px) border-box&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) border-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;polygon(nonzero, 1px 1px) margin-box&quot;,

+              &quot;expected_inline&quot;: &quot;polygon(1px 1px) margin-box&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) margin-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot; content-box polygon(nonzero, 1px 1px)&quot;,

+              &quot;expected_inline&quot;: &quot;content-box polygon(1px 1px)&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) content-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;padding-box polygon(nonzero, 1px 1px)&quot;,

+              &quot;expected_inline&quot;: &quot;padding-box polygon(1px 1px)&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) padding-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;border-box polygon(nonzero, 1px 1px)&quot;,

+              &quot;expected_inline&quot;: &quot;border-box polygon(1px 1px)&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) border-box&quot;

+            },

+            {

+              &quot;actual&quot;: &quot;margin-box polygon(nonzero, 1px 1px)&quot;,

+              &quot;expected_inline&quot;: &quot;margin-box polygon(1px 1px)&quot;,

+              &quot;expected_computed&quot;: &quot;polygon(1px 1px) margin-box&quot;

+            }

+        ];

+        generate_tests( ParsingUtils.testInlineStyle,

+                        ParsingUtils.buildTestCases(shape_box_valid_tests, &quot;inline&quot;) );

+        generate_tests( ParsingUtils.testComputedStyle,

+                        ParsingUtils.buildTestCases(shape_box_valid_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeinherit000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,34 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Box Inherit Value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Shape-outside takes can be assigned the 'inherit' value.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            test(function() {

+                var outer = document.createElement(&quot;div&quot;);

+                var inner = document.createElement(&quot;div&quot;);

+                outer.appendChild(inner);

+                outer.style.setProperty(&quot;shape-outside&quot;, &quot;content-box&quot;);

+                inner.style.setProperty(&quot;shape-outside&quot;, &quot;inherit&quot;);

+                document.body.appendChild(outer);

+                var inline = inner.style.getPropertyValue(&quot;shape-outside&quot;);

+                var style = getComputedStyle(inner);

+                var computed = style.getPropertyValue(&quot;shape-outside&quot;);

+                document.body.removeChild(outer);

+                assert_equals(inline, &quot;inherit&quot;);

+                assert_equals(computed, &quot;content-box&quot;);

+            }, &quot;shape-outside can be assigned 'inherit' value&quot;);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapeinitial000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Box Initial Value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Shape-outside takes its default value of none when assigned the 'initial' value&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            test(function() {

+                ParsingUtils.testInlineStyle(&quot;initial&quot;, &quot;initial&quot;);

+            }, &quot;shape-outside can be assigned 'initial' value&quot;);

+            test(function() {

+                ParsingUtils.testComputedStyle(&quot;initial&quot;, &quot;none&quot;);

+            }, &quot;'initial' value computes to the default value&quot;);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapenone000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside - none&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;shape-outside can be explictly assigned the default value of none.&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            test(function() {

+                ParsingUtils.testInlineStyle(&quot;none&quot;, &quot;none&quot;);

+            }, &quot;shape-outside can be assigned 'none' value&quot;);

+            test(function() {

+                ParsingUtils.testComputedStyle(&quot;none&quot;, &quot;none&quot;);

+            }, &quot;'none' value computes to none&quot;);

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesshapeoutsideshapenotation000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,39 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+    &lt;head&gt;

+        &lt;title&gt;Shape Outside Valid Basic Shape Functional Notation&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Adobe&quot; href=&quot;http://html.adobe.com/&quot;&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Bear Travis&quot; href=&quot;mailto:betravis@adobe.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  2014-03-04  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/cssom-1/#serializing-css-values&quot;&gt;

+        &lt;meta name=&quot;assert&quot; content=&quot;Basic shapes use functional notation, and may contain optional whitespace inside the parentheses&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+        &lt;script src=&quot;../../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;support/parsing-utils.js&quot;&gt;&lt;/script&gt;

+    &lt;/head&gt;

+    &lt;body&gt;

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+        &lt;script type=&quot;text/javascript&quot;&gt;

+            var shape_functional_notation_tests = [

+                {

+                  &quot;name&quot;: &quot;No whitespace&quot;,

+                  &quot;actual&quot;: &quot;polygon(nonzero,1px 2px,3px 4px)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4px)&quot;

+                },

+                {

+                  &quot;name&quot;: &quot;Extra whitespace&quot;,

+                  &quot;actual&quot;: &quot;polygon( nonzero , 1px 2px\n\t,\n\t3px\n\t4px\n\t)&quot;,

+                  &quot;expected_inline&quot;: &quot;polygon(1px 2px, 3px 4px)&quot;,

+                  &quot;expected_computed&quot;: &quot;polygon(1px 2px, 3px 4px)&quot;

+                }

+            ];

+            generate_tests( ParsingUtils.testInlineStyle,

+                            ParsingUtils.buildTestCases(shape_functional_notation_tests, &quot;inline&quot;) );

+            generate_tests( ParsingUtils.testComputedStyle,

+                            ParsingUtils.buildTestCases(shape_functional_notation_tests, &quot;computed&quot;) );

+        &lt;/script&gt;

+    &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluessupportparsingutilsjs"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,866 @@

</span><ins>+var ParsingUtils = (function() {

+function testInlineStyle(value, expected) {

+    var div = document.createElement('div');

+    div.style.setProperty('shape-outside', value);

+    var actual = div.style.getPropertyValue('shape-outside');

+    assert_equals(actual, expected);

+}

+

+function testComputedStyle(value, expected) {

+    var div = document.createElement('div');

+    div.style.setProperty('shape-outside', value);

+    document.body.appendChild(div);

+    var style = getComputedStyle(div);

+    var actual = style.getPropertyValue('shape-outside');

+    actual = roundResultStr(actual);

+    document.body.removeChild(div);

+

+    // Some of the tests in this suite have either/or expected results

+    // so this check allows for testing that at least one of them passes.

+    // Description of the 2 expecteds is below near calcTestValues.

+    if(Object.prototype.toString.call( expected ) === '[object Array]' &amp;&amp; expected.length == 2) {

+        assert_true(expected[0] == actual || expected[1] == actual)

+    } else {

+        assert_equals(actual, typeof expected !== 'undefined' ? expected : value);

+    }

+}

+

+function testShapeMarginInlineStyle(value, expected) {

+    var div = document.createElement('div');

+    div.style.setProperty('shape-outside', &quot;border-box inset(10px)&quot;);

+    div.style.setProperty('shape-margin', value);

+    var actual = div.style.getPropertyValue('shape-margin');

+    assert_equals(actual, expected);

+}

+

+function testShapeMarginComputedStyle(value, expected) {

+

+    var outerDiv = document.createElement('div');

+    outerDiv.style.setProperty('width', '100px');

+

+    var innerDiv = document.createElement('div');

+    innerDiv.style.setProperty('shape-outside', &quot;border-box inset(10px)&quot;);

+    innerDiv.style.setProperty('shape-margin', value);

+

+    outerDiv.appendChild(innerDiv);

+    document.body.appendChild(outerDiv);

+

+    var style = getComputedStyle(innerDiv);

+    var actual = style.getPropertyValue('shape-margin');

+

+    assert_not_equals(actual, null);

+    if(actual.indexOf('calc') == -1 )

+        actual = roundResultStr(actual);

+    document.body.removeChild(outerDiv);

+

+    // See comment above about multiple expected results

+    if(Object.prototype.toString.call( expected ) === '[object Array]' &amp;&amp; expected.length == 2) {

+        assert_true(expected[0] == actual || expected[1] == actual)

+    } else {

+        assert_equals(actual, !expected ? '0px' : expected);

+    }

+}

+

+function testShapeThresholdInlineStyle(value, expected) {

+    var div = document.createElement('div');

+    div.style.setProperty('shape-outside', 'url(someimage.png)');

+    div.style.setProperty('shape-image-threshold', value);

+    var actual = div.style.getPropertyValue('shape-image-threshold');

+    assert_equals(actual, expected);

+}

+

+function testShapeThresholdComputedStyle(value, expected) {

+

+    var div = document.createElement('div');

+    div.style.setProperty('shape-outside', 'url(someimage.png)');

+    div.style.setProperty('shape-image-threshold', value);

+    document.body.appendChild(div);

+

+    var style = getComputedStyle(div);

+    var actual = style.getPropertyValue('shape-image-threshold');

+

+    assert_not_equals(actual, null);

+    if(actual.indexOf('calc') == -1 )

+        actual = roundResultStr(actual);

+    document.body.removeChild(div);

+

+    // See comment above about multiple expected results

+    if(Object.prototype.toString.call( expected ) === '[object Array]' &amp;&amp; expected.length == 2) {

+        assert_true(expected[0] == actual || expected[1] == actual)

+    } else {

+        assert_equals(actual, !expected ? '0' : expected);

+    }

+}

+

+// Builds an array of test cases to send to testharness.js where one test case is: [name, actual, expected]

+// These test cases will verify results from testInlineStyle() or testComputedStyle()

+function buildTestCases(testCases, testType) {

+    var results = [];

+

+    // If test_type isn't specified, test inline style

+    var type = typeof testType == 'undefined' ? 'invalid': testType;

+

+    testCases.forEach(function(test) {

+        oneTestCase = [];

+

+        // name - annotated by type (inline vs. computed)

+        if ( test.hasOwnProperty('name') ) {

+            oneTestCase.push(test['name'] +' - '+ type);

+        } else {

+            // If test_name isn't specified, use the actual

+            oneTestCase.push(test['actual'] +' - '+ type);

+        }

+

+        // actual

+        oneTestCase.push(test['actual'])

+

+        // expected

+        if( type.indexOf('invalid') != -1 ){

+            oneTestCase.push(null)

+        } else if( type == 'inline' ) {

+            oneTestCase.push(test['expected_inline']);

+        } else if( type == 'computed' ){

+            oneTestCase.push( convertToPx(test['expected_computed']) );

+        }

+        results.push(oneTestCase);

+    });

+    return results;

+}

+

+

+function buildPositionTests(shape, valid, type, units) {

+    var results = new Array();

+    var convert = type.indexOf('computed') != -1 ? true : false;

+

+    if(Object.prototype.toString.call( units ) === '[object Array]') {

+        units.forEach(function(unit) {

+            positionTests = buildPositionTests(shape, valid, type, unit);

+            results = results.concat(positionTests);

+        });

+    } else {

+        if (valid) {

+            validPositions.forEach(function(test) {

+                var testCase = [], testName, actual, expected;

+                // skip if this isn't explicitly testing length units

+                if( !(type.indexOf('lengthUnit') != -1 &amp;&amp; test[0].indexOf(&quot;u1&quot;) == -1)) {

+                    // actual

+                    actual = shape + '(at ' + setUnit(test[0], false, units) +')';

+

+                    // expected

+                  //  if(convert &amp;&amp; shape == 'circle')

+                  //      expected = shape + '(at ' + setUnit(test[1], convert, units) +')';

+                  //  else if(convert &amp;&amp; shape == 'ellipse')

+                  //      expected = shape + '(at ' + setUnit(test[1], convert, units) +')';

+                  //  else

+                   expected = shape + '(at ' + setUnit(test[1], convert, units) +')';

+

+                    // name

+                    if (type == 'lengthUnit + inline')

+                        testName = 'test unit (inline): ' + units +' - '+ actual;

+                    else if (type == 'lengthUnit + computed')

+                         testName = 'test unit (computed): ' + units +' - '+ actual;

+                    else

+                        testName = (actual + ' serializes as ' + expected +' - '+ type);

+

+                    testCase.push(testName)

+                    testCase.push(actual);

+                    testCase.push(expected);

+                    results.push(testCase);

+                }

+            });

+        } else {

+            invalidPositions.forEach(function(test) {

+                var testValue = shape + '(at ' + setUnit(test, false, units) +')';

+                testCase = new Array();

+                testCase.push(testValue + ' is invalid');

+                testCase.push(testValue);

+                testCase.push(null);

+                results.push(testCase);

+            });

+        }

+    }

+    return unique(results);

+}

+

+function buildRadiiTests(shape, type, units) {

+    var results = new Array();

+    var testUnits = typeof units == 'undefined' ? 'px': units;

+    var convert = type.indexOf('computed') != -1 ? true : false;

+

+    if(Object.prototype.toString.call( testUnits ) === '[object Array]') {

+           testUnits.forEach(function(unit) {

+               radiiTests = buildRadiiTests(shape, type, unit);

+               results = results.concat(radiiTests);

+           });

+    } else {

+        var validRadii = shape == 'circle' ? validCircleRadii : validEllipseRadii;

+        validRadii.forEach(function(test) {

+            var testCase = [], name, actual, expected;

+

+            // skip if this isn't explicitly testing length units

+            if( !(type.indexOf('lengthUnit') != -1 &amp;&amp; test[0].indexOf(&quot;u1&quot;) == -1) ) {

+                actual = shape + '(' + setUnit(test[0], false, testUnits) +')';

+                // name

+                if (type.indexOf('lengthUnit') != -1) {

+                    name = 'test unit: ' + units +' - '+ actual;

+                    if(type.indexOf('computed') != -1)

+                        name = name + ' - computed';

+                    else

+                        name = name + ' - inline';

+                }

+                else

+                    name = actual +' - '+ type;

+

+                testCase.push(name);

+

+                // actual

+                testCase.push(actual);

+

+                // expected

+                if(type.indexOf('computed') != -1 &amp;&amp; test.length == 3) {

+                    expected = shape + '(' + setUnit(test[2], convert, testUnits) +')';

+                } else {

+                    expected = shape + '(' + setUnit(test[1], convert, testUnits) +')';

+                }

+                testCase.push(expected);

+                results.push(testCase);

+            }

+        });

+    }

+    return unique(results);

+}

+

+function buildInsetTests(unit1, unit2, type) {

+    var results = new Array();

+    var convert = type == 'computed' ? true : false;

+

+    if(Object.prototype.toString.call( unit1 ) === '[object Array]') {

+        unit1.forEach(function(unit) {

+            insetTests = buildInsetTests(unit, unit2, type);

+            results = results.concat(insetTests);

+        });

+    } else {

+        validInsets.forEach(function(test) {

+            var testCase = [], name, actual, expected;

+

+            name = setUnit(test[0], false, unit1, unit2) +' - '+ type;

+            actual = 'inset(' + setUnit(test[1], convert, unit1, unit2) +')';

+            expected = actual;

+

+            testCase.push(name);

+            testCase.push(actual);

+            testCase.push(expected);

+

+            results.push(testCase);

+        });

+    }

+    return unique(results);

+}

+

+function buildPolygonTests(unitSet, type) {

+    var results = new Array();

+    var convert = type == 'computed' ? true : false;

+

+    unitSet.forEach(function(set) {

+        validPolygons.forEach(function(test) {

+            var testCase = [];

+            // name

+            testCase.push(setUnit(test[0], false, set[0], set[1], set[2]) +' - '+ type);

+            // actual

+            testCase.push('polygon(' + setUnit(test[1], false, set[0], set[1], set[2]) +')');

+            // expected

+            testCase.push('polygon(' + setUnit(test[1], convert, set[0], set[1], set[2]) +')');

+            results.push(testCase);

+        });

+    });

+    return unique(results);

+}

+

+function buildCalcTests(testCases, type) {

+    var results = new Array();

+    testCases.forEach(function(test){

+        var testCase = [];

+        if(type == 'computed') {

+            testCase.push(test[0] + ' - computed style');

+            testCase.push(test[0]);

+            testCase.push(test[2]);

+        }

+        else {

+            testCase.push(test[0] + ' - inline style');

+            testCase.push(test[0]);

+            testCase.push(test[1]);

+        }

+        testCase.push(type);

+        results.push(testCase)

+    });

+    return unique(results);

+}

+

+function unique(tests) {

+    var list = tests.concat();

+    for(var i = 0; i&lt; list.length; ++i) {

+        for(var j = i+1; j &lt; list.length; ++j) {

+            if(list[i][0] === list[j][0])

+                list.splice(j--, 1);

+        }

+    }

+    return list;

+}

+

+function setUnit(str, convert, unit1, unit2, unit3) {

+    var retStr = str;

+    if(typeof unit1 !== 'undefined') {

+        retStr = retStr.replace(new RegExp('u1', 'g'), unit1);

+    }

+    if(typeof unit2 !== 'undefined') {

+        retStr = retStr.replace(new RegExp(&quot;u2&quot;, 'g'), unit2);

+    }

+    if(typeof unit3 !== 'undefined') {

+        retStr = retStr.replace(new RegExp(&quot;u3&quot;, 'g'), unit3);

+    }

+    retStr = convert ? convertToPx(retStr) : retStr;

+    return retStr;

+}

+

+function convertToPx(origValue) {

+

+    var valuesToConvert = origValue.match(/[0-9]+(\.[0-9]+)?([a-z]{2,4}|%)/g);

+    if(!valuesToConvert)

+        return origValue;

+

+    var retStr = origValue;

+    for(var i = 0; i &lt; valuesToConvert.length; i++) {

+        var unit = valuesToConvert[i].match(/[a-z]{2,4}|%/).toString();

+        var numberStr = valuesToConvert[i].match(/[0-9]+(\.[0-9]+)?/)[0];

+

+        var number = parseFloat(numberStr);

+        var convertedUnit = 'px';

+        if( typeof number !== 'NaN' )

+        {

+             if (unit == 'in') {

+                 number = (96 * number);

+             } else if (unit == 'cm') {

+                 number = (37.795275591 * number);

+             } else if (unit == 'mm') {

+                 number = (3.779527559 * number);

+             } else if (unit == 'pt') {

+                 number = (1.333333333333 * number);

+             } else if (unit == 'pc') {

+                 number = (16 * number);

+             } else if (unit == 'em') {

+                 number = (16 * number);

+             } else if (unit == 'ex') {

+                 number = (7.1796875 * number);

+             } else if (unit == 'ch') {

+                 number = (8 * number);

+             } else if (unit == 'rem') {

+                 number = (16 * number);

+             } else if (unit == 'vw') {

+                 number = ((.01 * window.innerWidth) * number);

+             } else if (unit == 'vh') {

+                 number = ((.01 * window.innerHeight) * number);

+             } else if (unit == 'vmin') {

+                 number = Math.min( (.01 * window.innerWidth), (.01 * window.innerHeight) ) * number;

+             } else if (unit == 'vmax') {

+                number = Math.max( (.01 * window.innerWidth), (.01 * window.innerHeight) ) * number;

+             }

+             else {

+                 convertedUnit = unit;

+             }

+            number = Math.round(number * 1000) / 1000;

+            var find = valuesToConvert[i];

+            var replace = number.toString() + convertedUnit;

+            retStr = retStr.replace(valuesToConvert[i], number.toString() + convertedUnit);

+      }

+    }

+    return retStr.replace(',,', ',');

+}

+

+function roundResultStr(str) {

+    if(Object.prototype.toString.call( str ) !== '[object String]')

+        return str;

+

+    var numbersToRound = str.match(/[0-9]+\.[0-9]+/g);

+    if(!numbersToRound)

+        return str;

+

+    var retStr = str;

+    for(var i = 0; i &lt; numbersToRound.length; i++) {

+        num = parseFloat(numbersToRound[i]);

+        if( !isNaN(num) ) {

+            roundedNum = Math.round(num*1000)/1000;

+            retStr = retStr.replace(numbersToRound[i].toString(), roundedNum.toString());

+        }

+    }

+

+    return retStr;

+}

+

+function generateInsetRoundCases(units, testType) {

+    var convert = testType.indexOf('computed') != -1 ? true : false;

+    var testUnit = units;

+    var sizes = [

+        '10' + units,

+        '20' + units,

+        '30' + units,

+        '40' + units

+    ];

+

+    function insetRound(value) {

+        return 'inset(10' +testUnit+ ' round ' + value + ')';

+    }

+

+    function serializedInsetRound(lhsValues, rhsValues, convert) {

+        var retStr = '';

+        if(!rhsValues)

+            retStr = 'inset(10' +testUnit+ ' round ' + lhsValues +')';

+        else

+            retStr = 'inset(10' +testUnit+ ' round ' + lhsValues +' / '+ rhsValues +')';

+

+        if(convert)

+            return convertToPx(retStr);

+

+        return retStr;

+    }

+

+    var results = [], left, lhs, right, rhs;

+    for (left = 1; left &lt;= 4; left++) {

+        lhs = sizes.slice(0, left).join(' ');

+        results.push([insetRound(lhs) +' - '+ testType, insetRound(lhs), serializedInsetRound(lhs, null, convert)]);

+        for (right = 1; right &lt;= 4; right++) {

+            rhs = sizes.slice(0, right).join(' ');

+            if(lhs == rhs)

+                results.push([insetRound(lhs + ' / ' + rhs) +' - '+ testType, insetRound(lhs + ' / ' + rhs), serializedInsetRound(lhs, null, convert)]);

+            else

+                results.push([insetRound(lhs + ' / ' + rhs) +' - '+ testType, insetRound(lhs + ' / ' + rhs), serializedInsetRound(lhs, rhs, convert)]);

+        }

+    }

+    return results;

+}

+

+var validUnits = [

+                    &quot;cm&quot;,&quot;mm&quot;,&quot;in&quot;,&quot;pt&quot;,&quot;pc&quot;,  // Absolute length units (omitting px b/c we default to that in all tests)

+                    &quot;em&quot;,&quot;ex&quot;,&quot;ch&quot;,&quot;rem&quot;,      // Font relative length units

+                    &quot;vw&quot;,&quot;vh&quot;,&quot;vmin&quot;,&quot;vmax&quot;    // Viewport percentage units

+                 ]

+

+/// [actual, expected]

+var validPositions = [

+

+/// [ percent ], [ length ], [ percent | percent ], [ percent | length ], [ length | percent ], [ length | length ]

+    [&quot;50%&quot;, &quot;50% 50%&quot;],

+    [&quot;50u1&quot;, &quot;50u1 50%&quot;],

+    [&quot;50% 50%&quot;, &quot;50% 50%&quot;],

+    [&quot;50% 50u1&quot;, &quot;50% 50u1&quot;],

+    [&quot;50u1 50%&quot;, &quot;50u1 50%&quot;],

+    [&quot;50u1 50u1&quot;, &quot;50u1 50u1&quot;],

+

+///// [ keyword ], [ keyword keyword ] x 5 keywords

+    [&quot;left&quot;, &quot;0% 50%&quot;],

+    [&quot;top&quot;, &quot;50% 0%&quot;],

+    [&quot;right&quot;, &quot;100% 50%&quot;],

+    [&quot;bottom&quot;, &quot;50% 100%&quot;],

+    [&quot;center&quot;, &quot;50% 50%&quot;],

+

+    [&quot;left top&quot;, &quot;0% 0%&quot;],

+    [&quot;left bottom&quot;, &quot;0% 100%&quot;],

+    [&quot;left center&quot;, &quot;0% 50%&quot;],

+

+    [&quot;top left&quot;, &quot;0% 0%&quot;],

+    [&quot;top right&quot;, &quot;100% 0%&quot;],

+    [&quot;top center&quot;, &quot;50% 0%&quot;],

+

+    [&quot;right top&quot;, &quot;100% 0%&quot;],

+    [&quot;right bottom&quot;, &quot;100% 100%&quot;],

+    [&quot;right center&quot;, &quot;100% 50%&quot;],

+

+    [&quot;bottom left&quot;, &quot;0% 100%&quot;],

+    [&quot;bottom right&quot;, &quot;100% 100%&quot;],

+    [&quot;bottom center&quot;, &quot;50% 100%&quot;],

+

+    [&quot;center top&quot;, &quot;50% 0%&quot;],

+    [&quot;center left&quot;, &quot;0% 50%&quot;],

+    [&quot;center right&quot;, &quot;100% 50%&quot;],

+    [&quot;center bottom&quot;, &quot;50% 100%&quot;],

+    [&quot;center center&quot;, &quot;50% 50%&quot;],

+

+////// [ keyword | percent ], [ keyword | length ], [ percent | keyword ], [ length | keyword ] x 5 keywords

+    [&quot;left 50%&quot;, &quot;0% 50%&quot;],

+    [&quot;left 50u1&quot;, &quot;0% 50u1&quot;],

+

+    [&quot;50% top&quot;, &quot;50% 0%&quot;],

+    [&quot;50u1 top&quot;, &quot;50u1 0%&quot;],

+

+    [&quot;right 80%&quot;, &quot;100% 80%&quot;],

+    [&quot;right 80u1&quot;, &quot;100% 80u1&quot;],

+

+    [&quot;70% bottom&quot;, &quot;70% 100%&quot;],

+    [&quot;70u1 bottom&quot;, &quot;70u1 100%&quot;],

+

+    [&quot;center 60%&quot;, &quot;50% 60%&quot;],

+    [&quot;center 60u1&quot;, &quot;50% 60u1&quot;],

+    [&quot;60% center&quot;, &quot;60% 50%&quot;],

+    [&quot;60u1 center&quot;, &quot;60u1 50%&quot;],

+

+////// [ keyword | keyword percent ], [ keyword | keyword length ] x 5 keywords

+    [&quot;center top 50%&quot;, &quot;50% 50%&quot;],

+    [&quot;center top 50u1&quot;, &quot;50% 50u1&quot;],

+    [&quot;center left 50%&quot;, &quot;50% 50%&quot;],

+    [&quot;center left 50u1&quot;, &quot;50u1 50%&quot;],

+    [&quot;center right 70%&quot;, &quot;30% 50%&quot;],

+    [&quot;center right 70u1&quot;, &quot;right 70u1 top 50%&quot;],

+    [&quot;center bottom 70%&quot;, &quot;50% 30%&quot;],

+    [&quot;center bottom 70u1&quot;, &quot;left 50% bottom 70u1&quot;],

+

+    [&quot;left top 50%&quot;, &quot;0% 50%&quot;],

+    [&quot;left top 50u1&quot;, &quot;0% 50u1&quot;],

+    [&quot;left bottom 70%&quot;, &quot;0% 30%&quot;],

+    [&quot;left bottom 70u1&quot;, &quot;left 0% bottom 70u1&quot;],

+

+    [&quot;top left 50%&quot;, &quot;50% 0%&quot;],

+    [&quot;top left 50u1&quot;, &quot;50u1 0%&quot;],

+    [&quot;top right 70%&quot;, &quot;30% 0%&quot;],

+    [&quot;top right 70u1&quot;, &quot;right 70u1 top 0%&quot;],

+

+    [&quot;bottom left 50%&quot;, &quot;50% 100%&quot;],

+    [&quot;bottom left 50u1&quot;, &quot;50u1 100%&quot;],

+    [&quot;bottom right 70%&quot;, &quot;30% 100%&quot;],

+    [&quot;bottom right 70u1&quot;, &quot;right 70u1 top 100%&quot;],

+

+    [&quot;right bottom 70%&quot;, &quot;100% 30%&quot;],

+    [&quot;right bottom 70u1&quot;, &quot;left 100% bottom 70u1&quot;],

+    [&quot;right top 50%&quot;, &quot;100% 50%&quot;],

+    [&quot;right top 50u1&quot;, &quot;100% 50u1&quot;],

+

+////// [ keyword percent | keyword], [ keyword length | keyword ] x 5 keywords

+    [&quot;left 50% center&quot;, &quot;50% 50%&quot;],

+    [&quot;left 50u1 center&quot;, &quot;50u1 50%&quot;],

+    [&quot;left 50% top&quot;, &quot;50% 0%&quot;],

+    [&quot;left 50u1 top&quot;, &quot;50u1 0%&quot;],

+    [&quot;left 50% bottom&quot;, &quot;50% 100%&quot;],

+    [&quot;left 50u1 bottom&quot;, &quot;50u1 100%&quot;],

+

+    [&quot;top 50% center&quot;, &quot;50% 50%&quot;],

+    [&quot;top 50u1 center&quot;, &quot;50% 50u1&quot;],

+    [&quot;top 50% left&quot;, &quot;0% 50%&quot;],

+    [&quot;top 50u1 left&quot;, &quot;0% 50u1&quot;],

+    [&quot;top 50% right&quot;, &quot;100% 50%&quot;],

+    [&quot;top 50u1 right&quot;, &quot;100% 50u1&quot;],

+

+    [&quot;bottom 70% center&quot;, &quot;50% 30%&quot;],

+    [&quot;bottom 70u1 center&quot;, &quot;left 50% bottom 70u1&quot;],

+    [&quot;bottom 70% left&quot;, &quot;0% 30%&quot;],

+    [&quot;bottom 70u1 left&quot;, &quot;left 0% bottom 70u1&quot;],

+    [&quot;bottom 70% right&quot;, &quot;100% 30%&quot;],

+    [&quot;bottom 70u1 right&quot;, &quot;left 100% bottom 70u1&quot;],

+

+    [&quot;right 80% center&quot;, &quot;20% 50%&quot;],

+    [&quot;right 80u1 center&quot;, &quot;right 80u1 top 50%&quot;],

+    [&quot;right 80% bottom&quot;, &quot;20% 100%&quot;],

+    [&quot;right 80u1 bottom&quot;, &quot;right 80u1 top 100%&quot;],

+    [&quot;right 80% top&quot;, &quot;20% 0%&quot;],

+    [&quot;right 80u1 top&quot;, &quot;right 80u1 top 0%&quot;],

+

+////// [ keyword percent |  keyword percent], [ keyword percent |  keyword length],

+////// [ keyword length | keyword length],  [ keyword length | keyword percent] x 5 keywords

+    [&quot;left 50% top 50%&quot;, &quot;50% 50%&quot;],

+    [&quot;left 50% top 50u1&quot;, &quot;50% 50u1&quot;],

+    [&quot;left 50% bottom 70%&quot;, &quot;50% 30%&quot;],

+    [&quot;left 50% bottom 70u1&quot;, &quot;left 50% bottom 70u1&quot;],

+    [&quot;left 50u1 top 50%&quot;, &quot;50u1 50%&quot;],

+    [&quot;left 50u1 top 50u1&quot;, &quot;50u1 50u1&quot;],

+    [&quot;left 50u1 bottom 70%&quot;, &quot;50u1 30%&quot;],

+    [&quot;left 50u1 bottom 70u1&quot;, &quot;left 50u1 bottom 70u1&quot;],

+

+    [&quot;top 50% left 50%&quot;, &quot;50% 50%&quot;],

+    [&quot;top 50% left 50u1&quot;, &quot;50u1 50%&quot;],

+    [&quot;top 50% right 80%&quot;, &quot;20% 50%&quot;],

+    [&quot;top 50% right 80u1&quot;, &quot;right 80u1 top 50%&quot;],

+    [&quot;top 50u1 left 50%&quot;, &quot;50% 50u1&quot;],

+    [&quot;top 50u1 left 50u1&quot;, &quot;50u1 50u1&quot;],

+    [&quot;top 50u1 right 80%&quot;, &quot;20% 50u1&quot;],

+    [&quot;top 50u1 right 80u1&quot;, &quot;right 80u1 top 50u1&quot;],

+

+    [&quot;bottom 70% left 50%&quot;, &quot;50% 30%&quot;],

+    [&quot;bottom 70% left 50u1&quot;, &quot;50u1 30%&quot;],

+    [&quot;bottom 70% right 80%&quot;, &quot;20% 30%&quot;],

+    [&quot;bottom 70% right 80u1&quot;, &quot;right 80u1 top 30%&quot;],

+    [&quot;bottom 70u1 left 50%&quot;, &quot;left 50% bottom 70u1&quot;],

+    [&quot;bottom 70u1 left 50u1&quot;, &quot;left 50u1 bottom 70u1&quot;],

+    [&quot;bottom 70u1 right 80%&quot;, &quot;left 20% bottom 70u1&quot;],

+    [&quot;bottom 70u1 right 80u1&quot;, &quot;right 80u1 bottom 70u1&quot;],

+

+    [&quot;right 80% top 50%&quot;, &quot;20% 50%&quot;],

+    [&quot;right 80% top 50u1&quot;, &quot;20% 50u1&quot;],

+    [&quot;right 80% bottom 70%&quot;, &quot;20% 30%&quot;],

+    [&quot;right 80% bottom 70u1&quot;, &quot;left 20% bottom 70u1&quot;],

+    [&quot;right 80u1 top 50%&quot;, &quot;right 80u1 top 50%&quot;],

+    [&quot;right 80u1 top 50u1&quot;, &quot;right 80u1 top 50u1&quot;],

+    [&quot;right 80u1 bottom 70%&quot;, &quot;right 80u1 top 30%&quot;],

+    [&quot;right 80u1 bottom 70u1&quot;, &quot;right 80u1 bottom 70u1&quot;],

+];

+

+var invalidPositions = [

+////// [ keyword | percent ], [ keyword | length ], [ percent | keyword ], [ length | keyword ] x 5 keywords

+    &quot;50% left&quot;,

+    &quot;50px left&quot;,

+    &quot;top 50%&quot;,

+    &quot;80% right&quot;,

+    &quot;80px right&quot;,

+    &quot;bottom 70%&quot;,

+    &quot;bottom 70px&quot;,

+

+//////  [ keyword | keyword percent ], [ keyword | keyword length ] x 5 keywords

+    &quot;center center 60%&quot;,

+    &quot;center center 60px&quot;,

+

+    &quot;left center 60%&quot;,

+    &quot;left center 60px&quot;,

+    &quot;left right 80%&quot;,

+    &quot;left right 80px&quot;,

+    &quot;left left 50%&quot;,

+    &quot;left left 50px&quot;,

+

+    &quot;top center 60%&quot;,

+    &quot;top center 60px&quot;,

+    &quot;top bottom 80%&quot;,

+    &quot;top bottom 80px&quot;,

+    &quot;top top 50%&quot;,

+    &quot;top top 50px&quot;,

+

+    &quot;bottom center 60%&quot;,

+    &quot;bottom center 60px&quot;,

+    &quot;bottom top 50%&quot;,

+    &quot;bottom top 50px&quot;,

+    &quot;bottom bottom 50%&quot;,

+    &quot;bottom bottom 50px&quot;,

+

+    &quot;right center 60%&quot;,

+    &quot;right center 60px&quot;,

+    &quot;right left 50%&quot;,

+    &quot;right left 50px&quot;,

+    &quot;right right 70%&quot;,

+    &quot;right right 70px&quot;,

+

+////// [ keyword percent | keyword], [ keyword length | keyword ] x 5 keywords

+    &quot;center 60% top&quot;,

+    &quot;center 60px top&quot;,

+    &quot;center 60% bottom&quot;,

+    &quot;center 60px bottom&quot;,

+    &quot;center 60% left&quot;,

+    &quot;center 60px left&quot;,

+    &quot;center 60% right&quot;,

+    &quot;center 60px right&quot;,

+    &quot;center 60% center&quot;,

+    &quot;center 60px center&quot;,

+

+    &quot;left 50% right&quot;,

+    &quot;left 50px right&quot;,

+    &quot;left 50% left&quot;,

+    &quot;left 50px left&quot;,

+

+    &quot;top 50% bottom&quot;,

+    &quot;top 50px bottom&quot;,

+    &quot;top 50% top&quot;,

+    &quot;top 50px top&quot;,

+

+    &quot;bottom 70% top&quot;,

+    &quot;bottom 70px top&quot;,

+    &quot;bottom 70% bottom&quot;,

+    &quot;bottom 70px bottom&quot;,

+

+    &quot;right 80% left&quot;,

+    &quot;right 80px left&quot;,

+

+////// [ keyword percent |  keyword percent], [ keyword percent |  keyword length],

+////// [ keyword length | keyword length],  [ keyword length | keyword percent] x 5 keywords

+    &quot;center 60% top 50%&quot;,

+    &quot;center 60% top 50px&quot;,

+    &quot;center 60% bottom 70%&quot;,

+    &quot;center 60% bottom 70px&quot;,

+    &quot;center 60% left 50%&quot;,

+    &quot;center 60% left 50px&quot;,

+    &quot;center 60% right 70%&quot;,

+    &quot;center 60% right 70px&quot;,

+    &quot;center 60% center 65%&quot;,

+    &quot;center 60% center 65px&quot;,

+    &quot;center 60px top 50%&quot;,

+    &quot;center 60px top 50px&quot;,

+    &quot;center 60px bottom 70%&quot;,

+    &quot;center 60px bottom 70px&quot;,

+    &quot;center 60px left 50%&quot;,

+    &quot;center 60px left 50px&quot;,

+    &quot;center 60px right 70%&quot;,

+    &quot;center 60px right 70px&quot;,

+    &quot;center 60px center 65%&quot;,

+    &quot;center 60px center 65px&quot;,

+

+    &quot;left 50% center 60%&quot;,

+    &quot;left 50% center 60px&quot;,

+    &quot;left 50% right 80%&quot;,

+    &quot;left 50% right 80px&quot;,

+    &quot;left 50% left 50%&quot;,

+    &quot;left 50% left 50px&quot;,

+    &quot;left 50px center 60%&quot;,

+    &quot;left 50px center 60px&quot;,

+    &quot;left 50px right 80%&quot;,

+    &quot;left 50px right 80px&quot;,

+    &quot;left 50px left 50%&quot;,

+    &quot;left 50px left 50px&quot;,

+

+    &quot;top 50% center 60%&quot;,

+    &quot;top 50% center 60px&quot;,

+    &quot;top 50% bottom 50%&quot;,

+    &quot;top 50% bottom 50px&quot;,

+    &quot;top 50% top 50%&quot;,

+    &quot;top 50% top 50px&quot;,

+    &quot;top 50px center 60%&quot;,

+    &quot;top 50px center 60px&quot;,

+    &quot;top 50px bottom 70%&quot;,

+    &quot;top 50px bottom 70px&quot;,

+    &quot;top 50px top 50%&quot;,

+    &quot;top 50px top 50px&quot;,

+

+    &quot;bottom 70% center 60%&quot;,

+    &quot;bottom 70% center 60px&quot;,

+    &quot;bottom 70% top 50%&quot;,

+    &quot;bottom 70% top 50px&quot;,

+    &quot;bottom 70% bottom 50%&quot;,

+    &quot;bottom 70% bottom 50px&quot;,

+    &quot;bottom 70px center 60%&quot;,

+    &quot;bottom 70px center 60px&quot;,

+    &quot;bottom 70px top 50%&quot;,

+    &quot;bottom 70px top 50px&quot;,

+    &quot;bottom 70px bottom 50%&quot;,

+    &quot;bottom 70px bottom 50px&quot;,

+

+    &quot;right 80% center 60%&quot;,

+    &quot;right 80% center 60px&quot;,

+    &quot;right 80% left 50%&quot;,

+    &quot;right 80% left 50px&quot;,

+    &quot;right 80% right 85%&quot;,

+    &quot;right 80% right 85px&quot;,

+    &quot;right 80px center 60%&quot;,

+    &quot;right 80px center 60px&quot;,

+    &quot;right 80px left 50%&quot;,

+    &quot;right 80px left 50px&quot;,

+    &quot;right 80px right 85%&quot;,

+    &quot;right 80px right 85px&quot;

+];

+

+// valid radii values for circle + ellipse

+// [value, expected_inline, [expected_computed?]]

+var validCircleRadii = [

+    ['', 'at 50% 50%', 'at 50% 50%'],

+    ['50u1', '50u1 at 50% 50%'],

+    ['50%', '50% at 50% 50%'],

+    ['closest-side', 'at 50% 50%'],

+    ['farthest-side', 'farthest-side at 50% 50%']

+]

+var validEllipseRadii = [

+    ['', 'at 50% 50%', 'at 50% 50%'],

+    ['50u1', '50u1 at 50% 50%', '50u1 at 50% 50%'],

+    ['50%', '50% at 50% 50%', '50% at 50% 50%'],

+    ['closest-side', 'at 50% 50%', 'at 50% 50%'],

+    ['farthest-side', 'farthest-side at 50% 50%', 'farthest-side at 50% 50%'],

+    ['50u1 100u1', '50u1 100u1 at 50% 50%'],

+    ['100u1 100px', '100u1 100px at 50% 50%'],

+    ['25% 50%', '25% 50% at 50% 50%'],

+    ['50u1 25%', '50u1 25% at 50% 50%'],

+    ['25% 50u1', '25% 50u1 at 50% 50%'],

+    ['25% closest-side', '25% at 50% 50%'],

+    ['25u1 closest-side', '25u1 at 50% 50%'],

+    ['closest-side 75%', 'closest-side 75% at 50% 50%'],

+    ['closest-side 75u1', 'closest-side 75u1 at 50% 50%'],

+    ['25% farthest-side', '25% farthest-side at 50% 50%'],

+    ['25u1 farthest-side', '25u1 farthest-side at 50% 50%'],

+    ['farthest-side 75%', 'farthest-side 75% at 50% 50%'],

+    ['farthest-side 75u1', 'farthest-side 75u1 at 50% 50%'],

+    ['closest-side closest-side', 'at 50% 50%'],

+    ['farthest-side farthest-side', 'farthest-side farthest-side at 50% 50%'],

+    ['closest-side farthest-side', 'closest-side farthest-side at 50% 50%'],

+    ['farthest-side closest-side', 'farthest-side at 50% 50%']

+]

+

+var validInsets = [

+    [&quot;One arg - u1&quot;, &quot;10u1&quot;],

+    [&quot;One arg - u2&quot;, &quot;10u2&quot;],

+    [&quot;Two args - u1 u1&quot;, &quot;10u1 20u1&quot;],

+    [&quot;Two args - u1 u2&quot;, &quot;10u1 20u2&quot;],

+    [&quot;Two args - u2 u1&quot;, &quot;10u2 20u1&quot;],

+    [&quot;Two args - u2 u2&quot;, &quot;10u2 20u2&quot;],

+    [&quot;Three args - u1 u1 u1&quot;, &quot;10u1 20u1 30u1&quot;],

+    [&quot;Three args - u1 u1 u2&quot;, &quot;10u1 20u1 30u2&quot;],

+    [&quot;Three args - u1 u2 u1&quot;, &quot;10u1 20u2 30u1&quot;],

+    [&quot;Three args - u1 u2 u2 &quot;, &quot;10u1 20u2 30u2&quot;],

+    [&quot;Three args - u2 u1 u1&quot;, &quot;10u2 20u1 30u1&quot;],

+    [&quot;Three args - u2 u1 u2 &quot;, &quot;10u2 20u1 30u2&quot;],

+    [&quot;Three args - u2 u2 u1 &quot;, &quot;10u2 20u2 30u1&quot;],

+    [&quot;Three args - u2 u2 u2 &quot;,&quot;10u2 20u2 30u2&quot;],

+    [&quot;Four args - u1 u1 u1 u1&quot;, &quot;10u1 20u1 30u1 40u1&quot;],

+    [&quot;Four args - u1 u1 u1 u2&quot;, &quot;10u1 20u1 30u1 40u2&quot;],

+    [&quot;Four args - u1 u1 u2 u1&quot;, &quot;10u1 20u1 30u2 40u1&quot;],

+    [&quot;Four args - u1 u1 u2 u2&quot;, &quot;10u1 20u1 30u2 40u2&quot;],

+    [&quot;Four args - u1 u2 u1 u1&quot;, &quot;10u1 20u2 30u1 40u1&quot;],

+    [&quot;Four args - u1 u2 u1 u2&quot;, &quot;10u1 20u2 30u1 40u2&quot;],

+    [&quot;Four args - u1 u2 u2 u1&quot;, &quot;10u1 20u2 30u2 40u1&quot;],

+    [&quot;Four args - u1 u2 u2 u2&quot;, &quot;10u1 20u2 30u2 40u2&quot;],

+    [&quot;Four args - u2 u1 u1 u1&quot;, &quot;10u2 20u1 30u1 40u1&quot;],

+    [&quot;Four args - u2 u1 u1 u2&quot;, &quot;10u2 20u1 30u1 40u2&quot;],

+    [&quot;Four args - u2 u1 u2 u1&quot;, &quot;10u2 20u1 30u2 40u1&quot;],

+    [&quot;Four args - u2 u1 u2 u2&quot;, &quot;10u2 20u1 30u2 40u2&quot;],

+    [&quot;Four args - u2 u2 u1 u1&quot;, &quot;10u2 20u2 30u1 40u1&quot;],

+    [&quot;Four args - u2 u2 u1 u2&quot;, &quot;10u2 20u2 30u1 40u2&quot;],

+    [&quot;Four args - u2 u2 u2 u1&quot;, &quot;10u2 20u2 30u2 40u1&quot;],

+    [&quot;Four args - u2 u2 u2 u2&quot;, &quot;10u2 20u2 30u2 40u2&quot;]

+]

+

+var validPolygons = [

+    [&quot;One vertex - u1 u1&quot;, &quot;10u1 20u1&quot;],

+    [&quot;One vertex - u1 u2&quot;, &quot;10u1 20u2&quot;],

+    [&quot;Two vertices - u1 u1, u1 u1&quot;, &quot;10u1 20u1, 30u1 40u1&quot;],

+    [&quot;Two vertices - u1 u1, u2 u2&quot;, &quot;10u1 20u1, 30u2 40u2&quot;],

+    [&quot;Two vertices - u2 u2, u1 u1&quot;, &quot;10u2 20u2, 30u1 40u1&quot;],

+    [&quot;Two vertices - u1 u2, u2 u1&quot;, &quot;10u1 20u2, 30u2 40u1&quot;],

+    [&quot;Three vertices - u1 u1, u1 u1, u1 u1&quot;, &quot;10u1 20u1, 30u1 40u1, 50u1 60u1&quot;],

+    [&quot;Three vertices - u2 u2, u2 u2, u2 u2&quot;, &quot;10u2 20u2, 30u2 40u2, 50u2 60u2&quot;],

+    [&quot;Three vertices - u3 u3, u3 u3, u3 u3&quot;, &quot;10u3 20u3, 30u3 40u3, 50u3 60u3&quot;],

+    [&quot;Three vertices - u1 u1, u2 u2, u3 u3&quot;, &quot;10u1 20u1, 30u2 40u2, 50u3 60u3&quot;],

+    [&quot;Three vertices - u3 u3, u1, u1, u2 u2&quot;, &quot;10u3 20u3, 30u1 40u1, 50u2 60u2&quot;],

+]

+

+// [test value, expected property value, expected computed style]

+var calcTestValues = [

+    [&quot;calc(10in)&quot;, &quot;calc(10in)&quot;, &quot;960px&quot;],

+    [&quot;calc(10in + 20px)&quot;, &quot;calc(980px)&quot;, &quot;980px&quot;],

+    [&quot;calc(30%)&quot;, &quot;calc(30%)&quot;, &quot;30%&quot;],

+    [&quot;calc(100%/4)&quot;, &quot;calc(25%)&quot;, &quot;25%&quot;],

+    [&quot;calc(25%*3)&quot;, &quot;calc(75%)&quot;, &quot;75%&quot;],

+    // These following two test cases represent an either/or situation in the spec

+    // computed value is always supposed to be, at most, a tuple of a length and a percentage.

+    // the computed value of a ‘calc()’ expression can be represented as either a number or a tuple

+    // of a dimension and a percentage.

+    // http://www.w3.org/TR/css3-values/#calc-notation

+    [&quot;calc(25%*3 - 10in)&quot;, &quot;calc(75% - 10in)&quot;, [&quot;calc(75% - 960px)&quot;, &quot;calc(-960px + 75%)&quot;]],

+    [&quot;calc((12.5%*6 + 10in) / 4)&quot;, &quot;calc((75% + 10in) / 4)&quot;, [&quot;calc((75% + 960px) / 4)&quot;, &quot;calc(240px + 18.75%)&quot;]]

+]

+

+return {

+    testInlineStyle: testInlineStyle,

+    testComputedStyle: testComputedStyle,

+    testShapeMarginInlineStyle: testShapeMarginInlineStyle,

+    testShapeMarginComputedStyle: testShapeMarginComputedStyle,

+    testShapeThresholdInlineStyle: testShapeThresholdInlineStyle,

+    testShapeThresholdComputedStyle: testShapeThresholdComputedStyle,

+    buildTestCases: buildTestCases,

+    buildRadiiTests: buildRadiiTests,

+    buildPositionTests: buildPositionTests,

+    buildInsetTests: buildInsetTests,

+    buildPolygonTests: buildPolygonTests,

+    generateInsetRoundCases: generateInsetRoundCases,

+    buildCalcTests: buildCalcTests,

+    validUnits: validUnits,

+    calcTestValues: calcTestValues,

+    roundResultStr: roundResultStr

+}

+})();

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/plain

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluessupportw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,18 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/support/parsing-utils.js

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsidevaluesw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,78 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-image-threshold-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-margin-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-box-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-009.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-circle-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-computed-shape-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-009.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-009.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-polygon-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-arguments-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-box-pair-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-inherit-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-initial-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-none-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalid001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!DOCTYPE HTML&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if shape is invalid&quot;&gt;

+        &lt;title&gt;CSS Shapes Test - shape-outside invalid shape&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;noonnightstorm&quot; href=&quot;mailto:noonnightstorm@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: invalid(50px,50px,50px,50px);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var shapeOutside = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(shapeOutside, &quot;none&quot;, &quot;declaration should be Invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle000html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;utf-8&quot;&gt;

+    &lt;title&gt;CSS Shapes Tests: Circle - invalid 2 args&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;biqing&quot; href=&quot;mailto:biqing.kwok@qq.com&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if circle shape function only has two parameters&quot;&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+    #float {

+        -webkit-shape-outside: circle(50px, 50px);

+        float: left;

+        width: 100px;

+        height: 100px;

+    }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;float&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+

+    test(function() {

+        assert_true(getComputedStyle(document.getElementById('float')).shapeOutside == 'none');

+    }, 'Circle - invalid 2 args');

+

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,47 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;utf-8&quot;&gt;

+    &lt;title&gt;CSS Shapes Tests: Circle - invalid r values&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;biqing&quot; href=&quot;mailto:biqing.kwok@qq.com&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if circle shape function has an invalid r parameter&quot;&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+    .circle {

+        float: left;

+        width: 100px;

+        height: 100px;

+    }

+    #circle1 {

+        -webkit-shape-outside: circle(auto);

+    }

+    #circle2 {

+        -webkit-shape-outside: circle(inherit);

+    }

+    #circle3 {

+        -webkit-shape-outside: circle(#FFFFFF);

+    }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div class=&quot;circle&quot; id=&quot;circle1&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;circle&quot; id=&quot;circle2&quot;&gt;&lt;/div&gt;

+    &lt;div class=&quot;circle&quot; id=&quot;circle3&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+

+    test(function() {

+        assert_true(getComputedStyle(document.getElementById('circle1')).shapeOutside == 'none');

+        assert_true(getComputedStyle(document.getElementById('circle2')).shapeOutside == 'none');

+        assert_true(getComputedStyle(document.getElementById('circle3')).shapeOutside == 'none');

+    }, 'Circle - invalid r values');

+

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,37 @@

</span><ins>+&lt;!DOCTYPE HTML&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if cy for circle function is invalid&quot;&gt;

+        &lt;title&gt;CSS Shapes Test - Circle - invalid cy value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;noonnightstorm&quot; href=&quot;mailto:noonnightstorm@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: circle(50% at 50% 50);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var cy = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(cy, &quot;none&quot;, &quot;declaration should be Invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidcircle003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,37 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if circle shape function has an invalid cx param&quot;&gt;

+        &lt;title&gt;CSS Shapes Test: Circle - invalid cx value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-circle&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: circle(50, 50%);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var cx = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(cx, &quot;none&quot;, &quot;declaration should be invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if ellipse shape function has two invalid arguments&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Ellipse - invalid 2 arg&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: ellipse(50, 50);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if ellipse shape function has an invalid ry param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Ellipse - invalid ry value&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: ellipse(-50px, -50px, 50px, 50);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if ellipse shape function has an invalid rx param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Ellipse - invalid rx value&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: ellipse(-50px, -50px, 50, 50px);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!DOCTYPE HTML&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if ellipse function has one invalid argument&quot;&gt;

+        &lt;title&gt;CSS Shapes Test - Ellipse - invalid 1 arg&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;noonnightstorm&quot; href=&quot;mailto:noonnightstorm@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: ellipse(50);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var ellipse = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(ellipse, &quot;none&quot;, &quot;declaration should be Invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!DOCTYPE HTML&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if cy in ellipse function is invalid&quot;&gt;

+        &lt;title&gt;CSS Shapes Test - Ellipse - invalid cy value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;noonnightstorm&quot; href=&quot;mailto:noonnightstorm@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: ellipse(50%, 50, 50%, 50%);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var ellipse = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(ellipse, &quot;none&quot;, &quot;declaration should be Invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidellipse006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!DOCTYPE HTML&gt;

+&lt;html&gt;

+&lt;head&gt;

+        &lt;meta charset=&quot;UTF-8&quot;&gt;

+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if cx in ellipse function is invalid&quot;&gt;

+        &lt;title&gt;CSS Shapes Test - Ellipse - invalid cx value&lt;/title&gt;

+        &lt;link rel=&quot;author&quot; title=&quot;noonnightstorm&quot; href=&quot;mailto:noonnightstorm@gmail.com&quot;&gt;

+        &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt;

+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+        &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+        &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+

+        &lt;style&gt;

+#shape{

+        width: 300px;

+        height: 300px;

+        -webkit-shape-outside: ellipse(50, 50%, 50%, 50%);

+}

+        &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+        &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+        &lt;script&gt;

+        var obj = document.getElementById('shape');

+        var ellipse = getComputedStyle(obj).shapeOutside;

+        test(function() {assert_equals(ellipse, &quot;none&quot;, &quot;declaration should be Invalid&quot;)});

+        &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if inset shape function has an invalid top param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Inset Rectangles - invalid top arg&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: inset(-50 -50px 50px 50px);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,36 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if inset shape function has an invalid right param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Inset Rectangles - invalid right arg&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;reviewer&quot; title=&quot;Alan Stearns&quot; href=&quot;mailto:stearns@adobe.com&quot;&gt; &lt;!--  11-09-2013 TestTWF Shenzhen  --&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: inset(-50px -50 50px 50px);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if inset shape function has an invalid bottom param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Inset Rectangles - invalid bottom arg&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: inset(50px 50px 50 50px);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1shapeoutsideinvalidinset004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,35 @@

</span><ins>+&lt;!doctype html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;meta charset=&quot;UTF-8&quot;&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;dom&quot;&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;shape-outside declaration is invalid if inset shape function has an invalid left param&quot;&gt;

+    &lt;title&gt;CSS Shapes Test: Inset Rectangles - invalid left param&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Sherlock Zhong&quot; href=&quot;mailto:sherlock.z0917@gmail.com&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#funcdef-inset&quot;&gt;

+    &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../../resources/testharness.css&quot;&gt;

+    &lt;style&gt;

+#shape{

+    width: 300px;

+    height: 300px;

+    -webkit-shape-outside: inset(50px 50px 50px 50);

+}

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+

+    &lt;div id=&quot;shape&quot;&gt;&lt;/div&gt;

+

+    &lt;script&gt;

+    var obj = document.getElementById('shape');

+    var val = getComputedStyle(obj).shapeOutside;

+    test(function() {assert_equals(val, &quot;none&quot;, &quot;declaration should not be valid&quot;)});

+    &lt;/script&gt;

+

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside001expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,84 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        #container {

+            position: absolute;

+            top: 60px;

+            text-align: center;

+            font-family: Ahem;

+            font-size: 20px;

+            color: green;

+            line-height: 1em;

+        }

+        #level-1 {

+          width: 400px;

+          height: 80px;

+        }

+        #level-2 {

+          width: 200px;

+          height: 40px;

+          margin-left: 100px;

+        }

+        #level-3 {

+          width: 100px;

+          height: 40px;

+          margin-left: 150px;

+        }

+        #level-4 {

+          width: 50px;

+          height: 20px;

+          margin-left: 175px;

+        }

+        #level5 {

+            width: 400px;

+            height: 20px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;level-1&quot;&gt;

+           XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-2&quot;&gt;

+           XXXXXXXXX XXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-3&quot;&gt;

+          XXXXX XXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-4&quot;&gt;

+          X

+        &lt;/div&gt;

+        &lt;br&gt;

+        &lt;div id=&quot;level-5&quot;&gt;

+          XXXXXXXXXXXXXXXXX

+        &lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+ &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside001html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,100 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left and right float with shape-outside&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-001-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that left floats with a shape-outside

+     only allow content wrapping on the right side, and right floats only allow wrapping on

+     the left.&quot;/&gt;

+    &lt;!--  This test is derived from Example 1 in this version of the spec:

+         http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        .container {

+          width: 400px;

+          text-align: center;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1em;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: polygon(0 0, 200px 200px, 0 200px);

+          float: left;

+          width: 200px;

+          height: 200px;

+        }

+        #test-float-right {

+          -webkit-shape-outside: polygon(200px 0, 200px 200px, 0 200px);

+          float: right;

+          width: 200px;

+          height: 200px;

+        }

+        #failure-container {

+            color: red;

+            z-index: -1;

+        }

+        #test, #failure-container {

+            position: absolute;

+            top: 60px;

+        }

+        .line {

+            height: 20px;

+        }

+        #bottom {

+            position: absolute;

+            top: 200px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;test-float-right&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX

+        XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X

+        XXXXXXXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure-container&quot;&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;X&lt;/div&gt;

+       &lt;div class=&quot;line container&quot; id=&quot;bottom&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside002expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,84 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        #container {

+            position: absolute;

+            top: 60px;

+            text-align: center;

+            font-family: Ahem;

+            font-size: 20px;

+            color: green;

+            line-height: 1em;

+        }

+        #level-1 {

+          width: 400px;

+          height: 80px;

+        }

+        #level-2 {

+          width: 200px;

+          height: 40px;

+          margin-left: 100px;

+        }

+        #level-3 {

+          width: 100px;

+          height: 40px;

+          margin-left: 150px;

+        }

+        #level-4 {

+          width: 50px;

+          height: 20px;

+          margin-left: 175px;

+        }

+        #level5 {

+            width: 400px;

+            height: 20px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;level-1&quot;&gt;

+           XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-2&quot;&gt;

+           XXXXXXXXX XXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-3&quot;&gt;

+          XXXXX XXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-4&quot;&gt;

+          X

+        &lt;/div&gt;

+        &lt;br&gt;

+        &lt;div id=&quot;level-5&quot;&gt;

+          XXXXXXXXXXXXXXXXX

+        &lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+ &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside002html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,100 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left and right float with shape-outside with clipped left float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-001-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that left floats with a shape-outside

+     only allow content wrapping on the right side, and right floats only allow wrapping on

+     the left and that the left float shape is clipped to the float's margin box&quot;/&gt;

+    &lt;!--  This test is derived from Example 2 in this version of the spec:

+         http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        .container {

+          width: 400px;

+          text-align: center;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1em;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: polygon(0 0, 1000px 1000px, 0 1000px);

+          float: left;

+          width: 200px;

+          height: 200px;

+        }

+        #test-float-right {

+          -webkit-shape-outside: polygon(200px 0, 200px 200px, 0 200px);

+          float: right;

+          width: 200px;

+          height: 200px;

+        }

+        #failure-container {

+            color: red;

+            z-index: -1;

+        }

+        #test, #failure-container {

+            position: absolute;

+            top: 60px;

+        }

+        .line {

+            height: 20px;

+        }

+        #bottom {

+            position: absolute;

+            top: 200px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;test-float-right&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX

+        XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X

+        XXXXXXXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure-container&quot;&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;X&lt;/div&gt;

+       &lt;div class=&quot;line container&quot; id=&quot;bottom&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside003expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,84 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        #container {

+            position: absolute;

+            top: 60px;

+            text-align: center;

+            font-family: Ahem;

+            font-size: 20px;

+            color: green;

+            line-height: 1em;

+        }

+        #level-1 {

+          width: 400px;

+          height: 80px;

+        }

+        #level-2 {

+          width: 200px;

+          height: 40px;

+          margin-left: 100px;

+        }

+        #level-3 {

+          width: 100px;

+          height: 40px;

+          margin-left: 150px;

+        }

+        #level-4 {

+          width: 50px;

+          height: 20px;

+          margin-left: 175px;

+        }

+        #level5 {

+            width: 400px;

+            height: 20px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;level-1&quot;&gt;

+           XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-2&quot;&gt;

+           XXXXXXXXX XXXXXXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-3&quot;&gt;

+          XXXXX XXX

+        &lt;/div&gt;

+        &lt;div id=&quot;level-4&quot;&gt;

+          X

+        &lt;/div&gt;

+        &lt;br&gt;

+        &lt;div id=&quot;level-5&quot;&gt;

+          XXXXXXXXXXXXXXXXX

+        &lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+ &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside003html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,100 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Left and right float with shape-outside with clipped right float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-001-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that left floats with a shape-outside

+     only allow content wrapping on the right side, and right floats only allow wrapping on

+     the left and that the right float shape is clipped to the float's margin box&quot;/&gt;

+     &lt;!--  This test is derived from Example 2 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        body {

+            margin-left: 0;

+        }

+        .container {

+          width: 400px;

+          text-align: center;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1em;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: polygon(0 0, 200px 200px, 0 200px);

+          float: left;

+          width: 200px;

+          height: 200px;

+        }

+        #test-float-right {

+          -webkit-shape-outside: polygon(200px 0, -800px 1000px, 200px 1000px);

+          float: right;

+          width: 200px;

+          height: 200px;

+        }

+        #failure-container {

+            color: red;

+            z-index: -1;

+        }

+        #test, #failure-container {

+            position: absolute;

+            top: 60px;

+        }

+        .line {

+            height: 20px;

+        }

+        #bottom {

+            position: absolute;

+            top: 200px;

+        }

+        #left-triangle, #right-triangle {

+            position: absolute;

+            top: 60px;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+        }

+        #left-triangle {

+            clip-path: polygon(0 0, 200px 200px, 0 200px);

+        }

+        #right-triangle {

+            left: 200px;

+            clip-path: polygon(200px 0, 200px 200px, 0 200px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green shape does not intersect either of the triangles and

+        there is one green horizontal bar beneath the triangles. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;test-float-right&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX

+        XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X

+        XXXXXXXXXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure-container&quot;&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXXXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;XXX&lt;/div&gt;

+       &lt;div class=&quot;line container&quot;&gt;X&lt;/div&gt;

+       &lt;div class=&quot;line container&quot; id=&quot;bottom&quot;&gt;XXXXXXXXXXXXXXXXX&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;left-triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;right-triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside004expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,44 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+            position: absolute;

+            top: 70px;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 1.5em;

+            color: green;

+        }

+        #square{

+            position: absolute;

+            top: 70px;

+            width: 196px;

+            height: 196px;

+            border: 1px solid black;

+            z-index: 10;

+        }

+

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two columns of six green horizontal bars of the same

+        size inside the square and two columns of six matching green bars outside and to the

+        right of the square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+

+ &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside004html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,76 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: inset with no extent and inline content - inset(50% 50% 50% 50%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-004-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape with no extent allow inline

+                                 content to flow through all of the float's box.&quot;/&gt;

+     &lt;!--  This test is derived from Example 3 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 400px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1.5em;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: inset(50% 50% 50% 50%);

+          float: left;

+          width: 200px;

+          height: 200px;

+        }

+        #failure {

+            color: red;

+            z-index: -1;

+        }

+        #test, #failure {

+            position: absolute;

+            top: 70px;

+        }

+        #square{

+            position: absolute;

+            top: 70px;

+            width: 196px;

+            height: 196px;

+            border: 1px solid black;

+            z-index: 10;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two columns of six green horizontal bars of the same

+        size inside the square and two columns of six matching green bars outside and to the

+        right of the square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure&quot; class=&quot;container&quot;&gt;

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside005expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,44 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Reference File&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+            position: absolute;

+            top: 70px;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 1.5em;

+            color: green;

+        }

+        #square{

+            position: absolute;

+            top: 70px;

+            width: 196px;

+            height: 196px;

+            border: 1px solid black;

+            z-index: 10;

+        }

+

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two columns of six green horizontal bars of the same

+        size inside the square and two columns of six matching green bars outside and to the

+        right of the square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+

+ &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside005html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,76 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: inset with no extent and inline content - inset(150% 150% 0% 0%)&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-004-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that a shape with no extent allow inline

+                                 content to flow through all of the float's box.&quot;/&gt;

+     &lt;!--  This test is derived from Example 3 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 400px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1.5em;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: inset(150% 150% 0% 0%);

+          float: left;

+          width: 200px;

+          height: 200px;

+        }

+        #failure {

+            color: red;

+            z-index: -1;

+        }

+        #test, #failure {

+            position: absolute;

+            top: 70px;

+        }

+        #square{

+            position: absolute;

+            top: 70px;

+            width: 196px;

+            height: 196px;

+            border: 1px solid black;

+            z-index: 10;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if there are two columns of six green horizontal bars of the same

+        size inside the square and two columns of six matching green bars outside and to the

+        right of the square. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+        XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure&quot; class=&quot;container&quot;&gt;

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+          XXXX XXXX XXXX XXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;square&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside006expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,57 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+&lt;title&gt;CSS Reference File&lt;/title&gt;

+&lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: absolute;

+          top: 70px;

+          width: 250px;

+          height: 105px;

+          border: 1px solid black;

+        }

+        .bar {

+            position: absolute;

+            height: 20px;

+            background-color: green;

+        }

+        #line-1 {

+            top: 10px;

+            left: 65px;

+            width: 160px;

+        }

+        #line-2 {

+            top: 40px;

+            left: 80px;

+            width: 140px;

+        }

+        #line-3 {

+            top: 70px;

+            left: 95px;

+            width: 120px;

+        }

+        #triangle {

+            position: absolute;

+            top: 70px;

+            width: 100px;

+            height: 100px;

+            background-color: lightblue;

+            clip-path: polygon(50px 0px, 100px 100px, 0px 100px);

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if all there are three green horizontal bars to the right of the

+        triangle that are all inside the rectangle and there should be no green to the left

+        of the triangle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;line-1&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;line-2&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;line-3&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside006html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,90 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: shape-outside with open areas on both the left &amp; right of

+           the float area&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-006-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps only on one side of

+                                 the float even though there is open area on both the left

+                                 and right sides of the float.&quot;/&gt;

+     &lt;!--  This test is derived from Example 4 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 250px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1.5em;

+          border: 1px solid black;

+          padding-top: 5px;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+          -webkit-shape-outside: polygon(50px 0px, 100px 100px, 0px 100px);

+          float: left;

+          width: 100px;

+          height: 100px;

+        }

+        #failure-container {

+            z-index: -1;

+        }

+        #test, #failure-container {

+            position: absolute;

+            top: 70px;

+        }

+        .fail {

+            position: absolute;

+            height: 20px;

+            background-color: red;

+        }

+        #bar-1 {

+            top: 11px;

+            left: 66px;

+            width: 160px;

+        }

+        #bar-2 {

+            top: 41px;

+            left: 81px;

+            width: 140px;

+        }

+        #bar-3 {

+            top: 71px;

+            left: 96px;

+            width: 120px;

+        }

+        #triangle {

+            position: absolute;

+            top: 70px;

+            width: 100px;

+            height: 100px;

+            background-color: lightblue;

+            clip-path: polygon(50px 0px, 100px 100px, 0px 100px);

+        }

+

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if all there are three green horizontal bars to the right of the

+        triangle that are all inside the rectangle and there should be no green to the left

+        of the triangle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        XXXXXXXX XXXXXXX XXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;failure-container&quot;&gt;

+        &lt;div id=&quot;bar-1&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-2&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-3&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside007expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,72 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+&lt;title&gt;CSS Reference File&lt;/title&gt;

+&lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: absolute;

+          top: 70px;

+          width: 260px;

+          height: 120px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1.5em;

+          border: 1px solid black;

+          padding-left: 2px;

+        }

+        #margin-line {

+          position: absolute;

+          top: 100px;

+          width: 263px;

+          border-bottom: 1px solid black;

+        }

+        .bar {

+            position: absolute;

+            height: 20px;

+            background-color: green;

+        }

+        #bar-1 {

+            top: 5px;

+            width: 240px;

+        }

+        #bar-2 {

+            top: 35px;

+            width: 240px;

+        }

+        #bar-3 {

+            top: 65px;

+            left: 22px;

+            width: 220px;

+        }

+        #bar-4 {

+            top: 95px;

+            left: 52px;

+            width: 200px;

+        }

+        #triangle {

+            position: absolute;

+            top: 90px;

+            width: 100px;

+            height: 100px;

+            background-color: lightblue;

+            margin-left: 2px;

+            clip-path: polygon(0% 50%, 50% 100%, 0 100%);;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if one green bar is inside the top rectangle, three green bars

+        are in the bottom rectangle, and none intersect the triangle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;bar-1&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-2&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-3&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-4&quot; class=&quot;bar&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;margin-line&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside007html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,101 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape smaller than float content area - 1 float&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-007-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that inline content only wraps around the

+                                 shape, and otherwise overlays the rest of the float margin

+                                 box&quot;/&gt;

+     &lt;!--  This test is derived from Example 5 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 260px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 1.5em;

+          border: 1px solid black;

+          padding-left: 2px;

+        }

+        #test {

+            color: green;

+        }

+        #test-float-left {

+            -webkit-shape-outside: polygon(0 70px, 50px 120px, 0 120px);

+            float: left;

+            width: 100px;

+            height: 100px;

+            margin-top: 20px;

+        }

+        #test, #failure-container {

+            position: absolute;

+            top: 70px;

+        }

+        #margin-line {

+            position: absolute;

+            top: 100px;

+            width: 263px;

+            border-bottom: 1px solid black;

+        }

+        .fail {

+            position: absolute;

+            height: 20px;

+            background-color: red;

+            z-index: -1;

+        }

+        #bar-1 {

+            top: 6px;

+            left: 3px;

+            width: 240px;

+        }

+        #bar-2 {

+            top: 36px;

+            left: 3px;

+            width: 240px;

+        }

+        #bar-3 {

+            top: 66px;

+            left: 23px;

+            width: 220px;

+        }

+        #bar-4 {

+            top: 96px;

+            left: 53px;

+            width: 200px;

+        }

+        #triangle {

+            position: absolute;

+            top: 90px;

+            width: 100px;

+            height: 100px;

+            background-color: lightblue;

+            margin-left: 2px;

+            clip-path: polygon(0% 50%, 50% 100%, 0 100%);;

+

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if one green bar is inside the top rectangle, three green bars

+        are in the bottom rectangle, and none intersect the triangle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+        XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX

+    &lt;/div&gt;

+    &lt;div id=&quot;margin-line&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;failure-container&quot;&gt;

+        &lt;div id=&quot;bar-1&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-2&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-3&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-4&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside008expectedhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,89 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+&lt;title&gt;CSS Reference File&lt;/title&gt;

+&lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #container {

+          position: absolute;

+          top: 70px;

+          width: 262px;

+          height: 150px;

+          border: 1px solid black;

+        }

+        #failure-container {

+

+        }

+        #margin-line {

+            position: absolute;

+            top: 100px;

+            width: 263px;

+            border-bottom: 1px solid black;

+        }

+        .fail {

+            position: absolute;

+            height: 15px;

+            background-color: green;

+            z-index: -1;

+        }

+        #bar-1 {

+            top: 7px;

+            left: 2px;

+            width: 255px;

+        }

+        #bar-2 {

+            top: 37px;

+            left: 2px;

+            width: 255px;

+        }

+        #bar-3 {

+            top: 67px;

+            left: 22px;

+            width: 225px;

+        }

+        #bar-4 {

+            top: 97px;

+            left: 122px;

+            width: 135px;

+        }

+        #bar-5 {

+            top: 127px;

+            left: 152px;

+            width: 105px;

+        }

+       .triangle {

+            position: absolute;

+            width: 100px;

+            height: 100px;

+            background-color: lightblue;

+            clip-path: polygon(0% 50%, 50% 100%, 0 100%);;

+

+        }

+        #triangle-1 {

+            top: 90px;

+            margin-left: 2px;

+        }

+        #triangle-2 {

+            top: 120px;

+            margin-left: 102px;

+        }

+    &lt;/style&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if one green bar is inside the top rectangle, four green bars

+        are in the bottom rectangle, and none intersect the triangles. There should be no

+        red.

+    &lt;/p&gt;

+    &lt;div id=&quot;container&quot;&gt;

+        &lt;div id=&quot;bar-1&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-2&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-3&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-4&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;bar-5&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;margin-line&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;triangle-1&quot; class=&quot;triangle&quot;&gt;&lt;/div&gt;

+    &lt;div id=&quot;triangle-2&quot; class=&quot;triangle&quot;&gt;&lt;/div&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside008html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,120 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape smaller than float content area - 2 floats&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-008-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that inline content only wraps around the

+                                 shapes, and otherwise overlays the rest of the float margin

+                                 boxes when two floats are stacked next to each other.&quot;/&gt;

+     &lt;!--  This test is derived from Example 5 in this version of the spec:

+          http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/  --&gt;

+      &lt;style type=&quot;text/css&quot;&gt;

+          .container {

+            width: 260px;

+            font-family: Ahem;

+            font-size: 15px;

+            line-height: 2em;

+            border: 1px solid black;

+            padding-left: 2px;

+          }

+          #test {

+              color: green;

+          }

+          .test-float-left {

+              -webkit-shape-outside: polygon(0 70px, 50px 120px, 0 120px);

+              float: left;

+              width: 100px;

+              height: 100px;

+              margin-top: 20px;

+          }

+          #test, #failure-container {

+              position: absolute;

+              top: 70px;

+          }

+          #margin-line {

+              position: absolute;

+              top: 100px;

+              width: 263px;

+              border-bottom: 1px solid black;

+          }

+          .fail {

+              position: absolute;

+              height: 15px;

+              background-color: red;

+              z-index: -1;

+          }

+          #bar-1 {

+              top: 8px;

+              left: 3px;

+              width: 255px;

+          }

+          #bar-2 {

+              top: 38px;

+              left: 3px;

+              width: 255px;

+          }

+          #bar-3 {

+              top: 68px;

+              left: 23px;

+              width: 225px;

+          }

+          #bar-4 {

+              top: 98px;

+              left: 123px;

+              width: 135px;

+          }

+          #bar-5 {

+              top: 128px;

+              left: 153px;

+              width: 105px;

+          }

+         .triangle {

+              position: absolute;

+              width: 100px;

+              height: 100px;

+              background-color: lightblue;

+              clip-path: polygon(0% 50%, 50% 100%, 0 100%);;

+

+          }

+          #triangle-1 {

+              top: 90px;

+              margin-left: 2px;

+          }

+          #triangle-2 {

+              top: 120px;

+              margin-left: 102px;

+          }

+      &lt;/style&gt;

+  &lt;/head&gt;

+  &lt;body&gt;

+      &lt;p&gt;

+          The test passes if one green bar is inside the top rectangle, four green bars

+          are in the bottom rectangle, and none intersect the triangles. There should be no

+          red.

+      &lt;/p&gt;

+      &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+          &lt;div class=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+          XXXXXXXXXXXXXXXXX

+          &lt;div class=&quot;test-float-left&quot;&gt;&lt;/div&gt;

+          XXXXXXXXXXXXXXXXX

+          XXXXXXXXXXXXXXX

+          XXXXXXXXX

+          XXXXXXX

+      &lt;/div&gt;

+      &lt;div id=&quot;margin-line&quot;&gt;&lt;/div&gt;

+      &lt;div id=&quot;failure-container&quot;&gt;

+          &lt;div id=&quot;bar-1&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+          &lt;div id=&quot;bar-2&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+          &lt;div id=&quot;bar-3&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+          &lt;div id=&quot;bar-4&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+          &lt;div id=&quot;bar-5&quot; class=&quot;fail&quot;&gt;&lt;/div&gt;

+      &lt;/div&gt;

+      &lt;div id=&quot;triangle-1&quot; class=&quot;triangle&quot;&gt;&lt;/div&gt;

+      &lt;div id=&quot;triangle-2&quot; class=&quot;triangle&quot;&gt;&lt;/div&gt;

+  &lt;/body&gt;

+  &lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside010html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,54 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from image - url(), alpha channel, opacity 0&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the content flows around the

+                                 shape defined in the images alpha channel that is completely

+                                 transparent.&quot;/&gt;

+     &lt;!--  This test is derived from Example 7 in this version of the spec:

+          http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 2em;

+        }

+        #test {

+            width: 400px;

+            color: green;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/circle-no-shadow.png&quot;);

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the circle,

+        the long green bar is beneath the circle, and no bars intersect the circle. There

+        should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/circle-no-shadow.png&quot;/&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [182, 199, 201, 199, 182, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside011html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,53 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from image - url(), alpha channel, opacity &gt; 0&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the content flows around the

+                                 shape defined in the images alpha channel that has some

+                                 opacity.&quot;/&gt;

+    &lt;!--  This test is derived from Example 7 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 400px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 2em;

+        }

+        #test {

+            color: green;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/circle-shadow.png&quot;);

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the green horizontal bars are to the right of the circle,

+        and no bars intersect the circle's shadow. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/circle-shadow.png&quot;/&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [218, 236, 238, 236, 218, 160]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside012html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,57 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from image - shape-image-threshold - 0.9&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property&quot;/&gt;

+    &lt;link rel=&quot;match&quot; href=&quot;reference/shape-outside-012-ref.html&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies content flows around a shape that is

+                                 defined in the image's alpha channel and adjusted by the

+                                 image-threshold&quot; /&gt;

+    &lt;!--  This test is derived from Example 7 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        .container {

+          width: 400px;

+          font-family: Ahem;

+          font-size: 20px;

+          line-height: 2em;

+        }

+        #test {

+            color: green;

+        }

+        #test-image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/circle-shadow.png&quot;);

+            -webkit-shape-image-threshold: 0.9;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the circle, all

+        intersect the shadow, none intersect the circle and the long green bar is beneath the

+        circle. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;img id=&quot;test-image&quot; src=&quot;support/circle-shadow.png&quot;/&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [181, 199, 201, 199, 181, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside013html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,66 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from image - shape-margin&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the content flows around the

+                                 shape defined in the images alpha channel and adjusted by

+                                 the shape-margin.&quot;/&gt;

+    &lt;!--  This test is derived from Example 7 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            position: relative;

+            width: 400px;

+            color: green;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #test-image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/circle-no-shadow.png&quot;);

+            -webkit-shape-margin: 15px;

+        }

+        #margin-circle {

+            position: absolute;

+            top: -15px;

+            left: -15px;

+            width: 230px;

+            height: 230px;

+            background-color: blue;

+            border-radius: 150px;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the circle,

+        the long green bar is beneath the circle, and no bars intersect the circle. There

+        should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;img id=&quot;test-image&quot; src=&quot;support/circle-no-shadow.png&quot;/&gt;

+        &lt;div id=&quot;margin-circle&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-6&quot;&gt;XXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [200, 214, 216, 214, 200, 158, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside014html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,68 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from box value - margin-box&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around a shape

+                                 defined by its margin box.&quot;/&gt;

+    &lt;!--  This test is derived from Examples 8 and 9 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            color: green;

+            position: relative;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #box {

+            float: left;

+            width: 120px;

+            height: 120px;

+            background-color: lightblue;

+            margin: 40px;

+            border-radius: 90px;

+            -webkit-shape-outside: margin-box;

+        }

+        #border-shape {

+            position: absolute;

+            top: 0px;

+            left: 0px;

+            width: 160px;

+            height: 160px;

+            background-color: lightblue;

+            border: 20px solid lightblue;

+            border-radius: 90px;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the shape,

+        the long green bar is beneath it, and no bars intersect it. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot; class=&quot;container&quot;&gt;

+        &lt;div id=&quot;box&quot;&gt;&lt;/div&gt;

+        &lt;div id=&quot;border-shape&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 3, [182, 198, 200, 198, 182, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside015html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,55 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from box value - border-box&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around a shape

+                                 defined by its border box.&quot;/&gt;

+    &lt;!--  This test is derived from Examples 8 and 9 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            width: 400px;

+            color: green;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #box {

+            float: left;

+            width: 120px;

+            height: 120px;

+            background-color: lightblue;

+            border: 40px solid lightblue;

+            border-radius: 90px;

+            -webkit-shape-outside: border-box;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the shape,

+        the long green bar is beneath it, and no bars intersect it. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;box&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [185, 199, 200, 199, 185, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside016html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,55 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from box value - padding-box&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around a shape

+                                 defined by its padding box.&quot;/&gt;

+    &lt;!--  This test is derived from Examples 8 and 9 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            color: green;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #box {

+            float: left;

+            width: 120px;

+            height: 120px;

+            background-color: lightblue;

+            padding: 40px;

+            border-radius: 90px;

+            -webkit-shape-outside: padding-box;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the shape,

+        the long green bar is beneath it, and no bars intersect it. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;box&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [185, 199, 200, 199, 185, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside017html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,54 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from box value - content-box&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that content wraps around a shape

+                                 defined by its content box.&quot;/&gt;

+    &lt;!--  This test is derived from Examples 8 and 9 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            color: green;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #box {

+            float: left;

+            width: 200px;

+            height: 200px;

+            background-color: lightblue;

+            border-radius: 90px;

+            -webkit-shape-outside: content-box;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the shape,

+        the long green bar is beneath it, and no bars intersect it. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;box&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [185, 199, 200, 199, 185, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside018html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,61 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: shape-margin offset from a polygonal shape-outside&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that that content flows around the shape-margin

+                                 defined on a polygonal shape-outside.&quot;/&gt;

+    &lt;!--  This test is derived from Example 10 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            position: relative;

+            color: green;

+            width: 300px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #shape-box {

+            float: left;

+            width: 200px;

+            height: 200px;

+            -webkit-shape-outside: polygon(20px 40px, 160px 180px, 20px 180px);

+            -webkit-shape-margin: 20px;

+        }

+        img {

+            position: absolute;

+            top: 0px;

+            left: 0px;

+            z-index: -1;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the longest green horizontal bar is beneath the triangle and the

+        rest of them are to its right and none intersect it. There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;div id=&quot;shape-box&quot;&gt;&lt;/div&gt;

+        &lt;img src=&quot;support/rounded-triangle.svg&quot;&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [48, 88, 128, 168, 180, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesshapeoutside019html"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,65 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+&lt;head&gt;

+    &lt;title&gt;CSS Test: Shape from image - alpha channel, opacity &gt; 0 + shape-margin&lt;/title&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Rebecca Hauck&quot; href=&quot;mailto:rhauck@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;author&quot; title=&quot;Bem Jones-Bey&quot; href=&quot;mailto:bemjb@adobe.com&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shapes-from-image&quot;/&gt;

+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-shapes-1/#shape-outside-property&quot;/&gt;

+    &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;/&gt;

+    &lt;meta name=&quot;assert&quot; content=&quot;This test verifies that the content flows around the

+                                 shape defined in the images alpha channel and the shape-margin.&quot;/&gt;

+    &lt;!--  This test is derived from Example 11 in this version of the spec:

+         http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/  --&gt;

+    &lt;style type=&quot;text/css&quot;&gt;

+        #test {

+            position: relative;

+            color: green;

+            width: 400px;

+            font-family: Ahem;

+            font-size: 20px;

+            line-height: 2em;

+        }

+        #image {

+            float: left;

+            -webkit-shape-outside: url(&quot;support/circle-shadow.png&quot;);

+            -webkit-shape-margin: 20px;

+        }

+        #margin-circle {

+            position: absolute;

+            top: 0px;

+            left: 0px;

+            width: 300px;

+            height: 300px;

+            background-color: black;

+            clip-path: ellipse(141px 127px at 115px 100px);

+            z-index: -1;

+        }

+    &lt;/style&gt;

+    &lt;script src=&quot;../../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;

+    &lt;script src=&quot;support/spec-example-utils.js&quot;&gt;&lt;/script&gt;

+&lt;/head&gt;

+&lt;body&gt;

+    &lt;p&gt;

+        The test passes if the short green horizontal bars are the right of the black edge

+        of circle, the long green bar is beneath it, and no bars intersect the black.

+        There should be no red.

+    &lt;/p&gt;

+    &lt;div id=&quot;test&quot;&gt;

+        &lt;img id=&quot;image&quot; src=&quot;support/circle-shadow.png&quot;/&gt;

+        &lt;div id=&quot;margin-circle&quot;&gt;&lt;/div&gt;

+        &lt;span id=&quot;line-0&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-1&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-2&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-3&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-4&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-5&quot;&gt;XXXXXX&lt;/span&gt;

+        &lt;span id=&quot;line-6&quot;&gt;XXXXXXXXXXXXXXX&lt;/span&gt;

+    &lt;/div&gt;

+    &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;

+    &lt;script&gt;

+        approxShapeTest('test', 'line-', 2, [242, 256, 258, 256, 242, 204, 0]);

+    &lt;/script&gt;

+&lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportcirclenoshadowpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportcircleshadowpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportroundedtrianglesvg"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,6 @@

</span><ins>+&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; width=&quot;200px&quot; height=&quot;200px&quot;&gt;

+&lt;g&gt;

+        &lt;path fill=&quot;#AED8E6&quot; d=&quot;M167.405,164.386C186.707,183.974,180,200,152.5,200H50c-27.5,0-50-22.5-50-50V44.5

+                C0,17,15.792,10.526,35.094,30.114L167.405,164.386z&quot;/&gt;

+&lt;/g&gt;

+&lt;/svg&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/xml

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportspecexampleutilsjs"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,26 @@

</span><ins>+function approxShapeTest(testId, linePrefix, epsilon, lineOffsets) {

+    var isPositioned = { 'relative': true, 'fixed': true, 'absolute': true, 'sticky': true },

+        loops = 0,

+        testDiv = document.getElementById(testId),

+        testOffset = isPositioned[getComputedStyle(testDiv).position] ? 0 : testDiv.offsetLeft,

+        firstLine = document.getElementById(linePrefix + '0');

+

+    function runTest() {

+        if (firstLine.offsetLeft == testOffset) {

+            // wait for the shape image to load and layout to happen

+            if (loops &gt; 100)

+                assert_unreached(&quot;Giving up waiting for shape layout to happen!&quot;);

+            else

+                loops++;

+            window.setTimeout(runTest, 5);

+            return;

+        }

+

+        for (var i = 0; i &lt; lineOffsets.length; i++) {

+            var line = document.getElementById(linePrefix + i);

+            assert_approx_equals(line.offsetLeft, lineOffsets[i] + testOffset, epsilon, 'Line ' + i + ' is positioned properly');

+        }

+        done();

+    }

+    runTest();

+}

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/plain

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplessupportw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,21 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-no-shadow.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/circle-shadow.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/rounded-triangle.svg

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/support/spec-example-utils.js

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1specexamplesw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,45 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+shape-image-threshold

+shape-margin

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-007.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008-expected.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-008.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-012.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-013.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-014.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-015.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-016.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-017.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-018.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/spec-examples/shape-outside-019.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1greenpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1limepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1maroonpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1navypng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1redpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support1x1whitepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60ggrrpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60greenpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1support60x60redpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportREADME"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/README (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/README                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/README        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,28 @@

</span><ins>+CSS Global Support Directory

+============================

+

+This directory contains common support files (such as images and external

+style sheets). These are sync'ed into the support directories of all our

+test suites. If you have test-suite-specific support files, please add

+them to the appropriate test-suite-specific support/ directory.

+

+If you add to a support/ directory, please run the tools/supportprop.py

+script from the top of the repository to cascade support files into the

+lower-level support directories.

+

+Description of the Common Support File Collection

+-------------------------------------------------

+

+The 1x1-* images are all exactly one pixel.

+

+The swatch-* images all use 15x15 cells.

+

+The square-* images all use 15x15 cells with one pixel borders.

+

+The pattern-* images use cells of various sizes:

+

+   pattern-grg-rgr-grg.png   20x20

+   pattern-rgr-grg-rgr.png   20x20

+   pattern-tr.png            15x15

+   pattern-grg-rrg-rgg.png   15x15

+

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportagreencss"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1 @@

</span><ins>+.a { color: green; }

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/css

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportbgreencss"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1 @@

</span><ins>+.b { color: green; }

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/css

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportcredcss"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1 @@

</span><ins>+.c { color: red; }

</ins><span class="cx">\ No newline at end of file

</span><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/css

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportcatpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterngrgrgrgrgpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterngrgrrgrggpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatternrgrgrgrgrpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportpatterntrpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquarepurplepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquaretealpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportsquarewhitepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchbluepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchgreenpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchlimepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchorangepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchredpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchwhitepng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportswatchyellowpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestblpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestbrpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttestouterpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttesttlpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supporttesttrpng"></a>

<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png</h4>

<pre class="diff"><span>

<span class="cx">(Binary files differ)

</span></span></pre></div>

<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png

</span><span class="cx">===================================================================

</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png        2016-10-19 22:11:11 UTC (rev 207572)

</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png        2016-10-19 22:28:02 UTC (rev 207573)

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png

</span><span class="cx">___________________________________________________________________

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+image/png

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1supportw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,50 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-green.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-lime.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-maroon.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-navy.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-red.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/1x1-white.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-gg-rr.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-green.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/60x60-red.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/README

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/a-green.css

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/b-green.css

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/c-red.css

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/cat.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rgr-grg.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-grg-rrg-rgg.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-rgr-grg-rgr.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/pattern-tr.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-purple.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-teal.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/square-white.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-blue.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-green.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-lime.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-orange.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-red.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-white.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/swatch-yellow.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-bl.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-br.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-outer.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tl.png

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/support/test-tr.png

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1testplanindexhtml"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,446 @@

</span><ins>+&lt;!DOCTYPE html&gt;

+&lt;html&gt;

+  &lt;head&gt;

+    &lt;title&gt;CSS Shapes Level 1 Test Plan&lt;/title&gt;

+    &lt;meta http-equiv='Content-Type' content='text/html;charset=utf-8'/&gt;

+    &lt;!-- 

+      === NOTA BENE ===

+      For the three scripts below, if your spec resides on dev.w3 you can check them

+      out in the same tree and use relative links so that they'll work offline,

+      --&gt;

+    &lt;script src='http://www.w3.org/Tools/respec/respec-w3c-common' class='remove' async&gt;&lt;/script&gt;

+    &lt;script class='remove'&gt;

+      var respecConfig = {

+          specStatus: &quot;unofficial&quot;,

+          shortName: &quot;css-shapes-1-test-plan&quot;,

+          editors: [

+            {

+              name: &quot;Rebecca Hauck&quot;, mailto: &quot;rhauck@adobe.com&quot;,

+              company: &quot;Adobe Systems, Inc.&quot;, companyURL: &quot;http://www.adobe.com/&quot;

+            },

+          ],

+          testSuiteURI: &quot;http://test.csswg.org/suites/css3-shapes/nightly-unstable/&quot;,

+      };

+    &lt;/script&gt;

+    &lt;style&gt;

+    a.bibref,

+    #references dt {

+      text-transform: uppercase;

+    }

+    &lt;/style&gt;

+  &lt;/head&gt;

+  &lt;body&gt;

+    &lt;section id='abstract'&gt;

+      &lt;p&gt;

+        This document is intended to be used as a guideline for the testing

+        activities related to the CSS Shapes Level 1 spec [[!css-shapes-1]]. Its main

+        goal is to provide an overview of the general testing areas, possible

+        caveats and testing aspects not immediately apparent from the spec.

+        Also, it provides a means of tracking the progress of the CSS Shapes

+        spec testing.

+      &lt;/p&gt;

+      &lt;p&gt;

+        This document is not meant to replace the spec in determining the

+        normative and non-normative assertions to be tested, but rather

+        complement it.

+      &lt;/p&gt;

+    &lt;/section&gt;

+

+    &lt;section&gt;

+      &lt;h2&gt;Goals&lt;/h2&gt;

+      &lt;p&gt;

+        To ensure a comprehensive test suite with useful, high quality tests, a

+        number of goals are proposed. They range from process goals (how to

+        conduct testing) to implementation goals (how to write good tests).

+      &lt;/p&gt;

+      &lt;section&gt;

+        &lt;h3&gt;Enabling easy test contribution&lt;/h3&gt;

+        &lt;p&gt;

+          An important vector in successfully testing CSS Shapes is to

+          enable easy test contributions, both from W3C partners and from

+          non-W3C members that wish to contribute. This is achieved by clearly

+          marking and explaining the areas that need testing, linking to existing

+          tests, and general testing progress.

+        &lt;/p&gt;

+      &lt;/section&gt;

+      &lt;section&gt;

+        &lt;h3&gt;Providing guidance on testing&lt;/h3&gt;

+        &lt;p&gt;

+          In order to increase the quality of the test contributions, this

+          document offers a set of guidelines for conducting testing (see

+          &lt;a href=&quot;#approach&quot; class=&quot;sectionRef&quot;&gt;&lt;/a&gt;) and a testing progress

+          tracker to increase the surface coverage of tests (see

+          &lt;a href=&quot;#test-progress-tracking&quot; class=&quot;sectionRef&quot;&gt;&lt;/a&gt;).

+        &lt;/p&gt;

+      &lt;/section&gt;

+      &lt;section&gt;

+        &lt;h3&gt;Creating automation-friendly tests&lt;/h3&gt;

+        &lt;p&gt;

+          In terms of actual tests produced for the CSS Shapes specification, the main goal

+          is to ensure that most tests are automatable (i.e. they're either

+          reftests or use &lt;code&gt;testharness.js&lt;/code&gt;). Even where manual tests

+          are absolutely necessary they should be written so that they can be

+          easily automated &amp;ndash; as there are ongoing efforts to make

+          WebDriver [[webdriver]] automated tests a first class citizen in W3C

+          testing. This means that even if a manual test requires user

+          interaction, the validation or PASS/FAIL conditions should still be

+          clear enough as to allow automatic validation if said interaction is

+          later automated.

+        &lt;/p&gt;

+      &lt;/section&gt;

+    &lt;/section&gt;

+    &lt;section&gt;

+                &lt;h2&gt;Approach&lt;/h2&gt;

+                &lt;p&gt;

+                        Since the CSS Shapes Level 1 spec introduces only three new CSS properties,

+                        the approach is to deep dive into every aspect of the spec as much as possible.

+

+                        Tests will be created for the testing areas listed in &lt;a href=&quot;#testing-areas&quot; class=&quot;sectionRef&quot;&gt;&lt;/a&gt;.

+                &lt;/p&gt;

+        &lt;/section&gt;

+        &lt;section&gt;

+      &lt;h2&gt;Testing areas&lt;/h2&gt;

+      &lt;section&gt;

+        &lt;h3&gt;Explicit testing areas&lt;/h3&gt;

+        &lt;p&gt;

+          These are testing areas normatively defined by the spec. They cover

+          things explicitly or implicitly defined in the CSS Shapes spec.

+          Please note that while detailed, this list is not necessarily

+          exhaustive and normative behaviors may not be contained in it.

+          When in doubt, consult the CSS Shapes spec or ask a question on the

+          &lt;a href=&quot;http://lists.w3.org/Archives/Public/www-style/&quot;&gt;mailing

+          list&lt;/a&gt;.

+        &lt;/p&gt;

+        &lt;p&gt;

+        &lt;section&gt;

+        &lt;h4&gt;Proper parsing of the CSS properties and values according to the spec&lt;/h4&gt;

+            &lt;p class=note&gt;

+                Note: For all of the tests below, where length parameters are tested,

+                      the supported &lt;a class=&quot;production css-code&quot; data-link-type=type href=http://www.w3.org/TR/css3-values/#lengths title=&quot;&lt;length&gt;&quot;&gt;&amp;lt;length&amp;gt;&lt;/a&gt;

+                      units defined in the CSS Values &amp;amp; Units [[!CSS3VAL]] specification, but not all permutations will not be

+                      tested. Instead, a sampling of these units will be used across the parsing and layout tests.

+            &lt;/p&gt;

+            &lt;ul&gt;

+                &lt;li&gt;

+                    &lt;code&gt;shape-outside&lt;/code&gt;

+                    &lt;ul&gt;

+                        &lt;li&gt;none&lt;/li&gt;

+                        &lt;li&gt;

+                            &lt;code&gt;&amp;lt;basic-shape&amp;gt;&lt;/code&gt;

+                            &lt;ul&gt;

+                                &lt;li&gt;

+                                    &lt;code&gt;inset()&lt;/code&gt;

+                                    &lt;ul&gt;

+                                        &lt;li&gt;0-4 arguments&lt;/li&gt;

+                                        &lt;li&gt;length units&lt;/li&gt;

+                                        &lt;li&gt;percentages&lt;/li&gt;

+                                        &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                                        &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                                        &lt;li&gt;calc() lengths&lt;/li&gt;

+                                        &lt;li&gt;no unit or %&lt;/li&gt;

+                                        &lt;li&gt;commas / no commas&lt;/li&gt;

+                                        &lt;li&gt;invalid arg values&lt;/li&gt;

+                                        &lt;li&gt;&lt;code&gt;round&lt;/code&gt; keyword

+                                            &lt;ul&gt;

+                                                &lt;li&gt;&lt;code&gt;&amp;lt;border-radius&amp;gt;&lt;/code&gt;

+                                                    &lt;ul&gt;

+                                                        &lt;li&gt;0-8 arguments&lt;/li&gt;

+                                                        &lt;li&gt;position of '/'&lt;/li&gt;

+                                                        &lt;li&gt;length units&lt;/li&gt;

+                                                        &lt;li&gt;percentages&lt;/li&gt;

+                                                        &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                                                        &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                                                        &lt;li&gt;calc() lengths&lt;/li&gt;

+                                                        &lt;li&gt;no unit or %&lt;/li&gt;

+                                                        &lt;li&gt;commas / no commas&lt;/li&gt;

+                                                        &lt;li&gt;invalid values&lt;/li&gt;

+                                                    &lt;/ul&gt;

+                                                &lt;/li&gt;

+                                            &lt;/ul&gt;

+                                        &lt;/li&gt;

+                                    &lt;/ul&gt;

+                                &lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;circle()&lt;/code&gt;

+                                    &lt;ul&gt;

+                                    &lt;li&gt;&lt;code&gt;&amp;lt;shape-radius&amp;gt;&lt;/code&gt;

+                                        &lt;ul&gt;

+                                            &lt;li&gt;0-1 args (valid), 2 args (invalid)&lt;/li&gt;

+                                            &lt;li&gt;length units&lt;/li&gt;

+                                            &lt;li&gt;percentages&lt;/li&gt;

+                                            &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                                            &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                                            &lt;li&gt;calc() lengths&lt;/li&gt;

+                                            &lt;li&gt;no unit or %&lt;/li&gt;

+                                            &lt;li&gt;commas / no commas&lt;/li&gt;

+                                            &lt;li&gt;invalid arg values&lt;/li&gt;

+                                            &lt;li&gt;&lt;code&gt;closest-side, farthest-side&lt;/code&gt; keywords&lt;/li&gt;

+                                        &lt;/ul&gt;

+                                    &lt;/li&gt;

+                                    &lt;li&gt;&lt;code&gt;at&lt;/code&gt; keyword

+                                        &lt;ul&gt;

+                                            &lt;li&gt;&lt;code&gt;&amp;lt;position&amp;gt;&lt;/code&gt;

+                                                &lt;ul&gt;

+                                                    &lt;li&gt;0-4 arguments&lt;/li&gt;

+                                                    &lt;li&gt;length units&lt;/li&gt;

+                                                    &lt;li&gt;percentages&lt;/li&gt;

+                                                    &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                                                    &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                                                    &lt;li&gt;calc() lengths&lt;/li&gt;

+                                                    &lt;li&gt;no unit or %&lt;/li&gt;

+                                                    &lt;li&gt;commas / no commas&lt;/li&gt;

+                                                    &lt;li&gt;invalid values&lt;/li&gt;

+                                                    &lt;li&gt;&lt;code&gt;top, left, bottom, right&lt;/code&gt; keywords&lt;/li&gt;

+                                                &lt;/ul&gt;

+                                            &lt;/li&gt;

+                                        &lt;/ul&gt;

+                                    &lt;/li&gt;

+                                    &lt;/ul&gt;

+                                &lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;ellipse()&lt;/code&gt;

+                                    &lt;ul&gt;

+                                    &lt;li&gt;&lt;code&gt;&amp;lt;shape-radius&amp;gt;&lt;/code&gt;

+                                        &lt;ul&gt;

+                                            &lt;li&gt;0-2 args (valid), 3 args (invalid)&lt;/li&gt;

+                                            &lt;li&gt;&lt;i&gt;Plus all of the same shape-radius tests listed above for circle()&lt;/i&gt;&lt;/li&gt;

+                                        &lt;/ul&gt;

+                                    &lt;/li&gt;

+                                    &lt;li&gt;&lt;i&gt;Plus all of the &lt;code&gt;at &amp;lt;position&amp;gt;&lt;/code&gt; tests listed above for circle()&lt;/i&gt;&lt;/li&gt;

+                                    &lt;/ul&gt;

+                                &lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;polygon()&lt;/code&gt;

+                                    &lt;li&gt;&lt;code&gt;&amp;lt;shape-arg&amp;gt;&lt;/code&gt;'s

+                                    &lt;ul&gt;

+                                        &lt;li&gt;1-6 vertices (valid), 0 vertices (invalid)&lt;/li&gt;

+                                        &lt;li&gt;length units&lt;/li&gt;

+                                        &lt;li&gt;percentages&lt;/li&gt;

+                                        &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                                        &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                                        &lt;li&gt;calc() lengths&lt;/li&gt;

+                                        &lt;li&gt;no unit or %&lt;/li&gt;

+                                        &lt;li&gt;commas / no commas&lt;/li&gt;

+                                        &lt;li&gt;invalid arg values&lt;/li&gt;

+                                    &lt;/ul&gt;

+                                    &lt;li&gt;&lt;code&gt;&amp;lt;fill-rule&amp;gt;&lt;/code&gt;

+                                        &lt;ul&gt;

+                                            &lt;li&gt;&lt;code&gt;not specified (default: nonzero)&lt;/code&gt;&lt;/li&gt;

+                                            &lt;li&gt;&lt;code&gt;nonzero&lt;/code&gt;&lt;/li&gt;

+                                            &lt;li&gt;&lt;code&gt;evenodd&lt;/code&gt;&lt;/li&gt;

+                                            &lt;li&gt;invalid values&lt;/li&gt;

+                                        &lt;/ul&gt;

+                                    &lt;/li&gt;

+                                &lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;&lt;code&gt;&amp;lt;box&amp;gt;&lt;/code&gt;

+                            &lt;ul&gt;

+                                &lt;li&gt;&lt;code&gt;margin-box&lt;/code&gt;&lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;border-box&lt;/code&gt;&lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;padding-box&lt;/code&gt;&lt;/li&gt;

+                                &lt;li&gt;&lt;code&gt;content-box&lt;/code&gt;&lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;&lt;code&gt;&amp;lt;basic-shape&amp;gt; + &amp;lt;box&amp;gt;&lt;/code&gt;

+                           &lt;ul&gt;

+                               &lt;li&gt;A sampling of the tests above combined together to test basic-shape with shape-box&lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;&lt;code&gt;&amp;lt;image&amp;gt;&lt;/code&gt;&lt;/li&gt;

+                    &lt;/ul&gt;

+                &lt;/li&gt;

+                &lt;li&gt;&lt;code&gt;shape-margin&lt;/code&gt;

+                    &lt;ul&gt;

+                        &lt;li&gt;length units&lt;/li&gt;

+                        &lt;li&gt;percentages&lt;/li&gt;

+                        &lt;li&gt;positive/negative lengths&lt;/li&gt;

+                        &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                        &lt;li&gt;calc() lengths&lt;/li&gt;

+                        &lt;li&gt;no unit or %&lt;/li&gt;

+                        &lt;li&gt;invalid values&lt;/li&gt;

+                    &lt;/ul&gt;

+                &lt;/li&gt;

+                &lt;li&gt;&lt;code&gt;shape-image-threshold&lt;/code&gt;

+                    &lt;ul&gt;

+                        &lt;li&gt;decimal - 0-5 places&lt;/li&gt;

+                        &lt;li&gt;no decimal&lt;/li&gt;

+                        &lt;li&gt;percentage (invalid)&lt;/li&gt;

+                        &lt;li&gt;positive/negative values&lt;/li&gt;

+                        &lt;li&gt;decimal/non-decimal lengths&lt;/li&gt;

+                        &lt;li&gt;calc() lengths&lt;/li&gt;

+                        &lt;li&gt;+ / - signs&lt;/li&gt;

+                        &lt;li&gt;invalid values&lt;/li&gt;

+                    &lt;/ul&gt;

+                &lt;/li&gt;

+            &lt;/ul&gt;

+            &lt;/section&gt;

+            &lt;section&gt;

+            &lt;h4&gt;Proper serialization of the CSS properties and values according to the spec&lt;/h4&gt;

+            &lt;ul&gt;

+                &lt;li&gt;&lt;code&gt;&amp;lt;position&amp;gt;&lt;/code&gt; values in &lt;code&gt;circle&lt;/code&gt; and &lt;code&gt;ellipse&lt;/code&gt; serialize to 2- and 4-value forms

+                    &lt;ul&gt;

+                        &lt;li&gt;&lt;code&gt;top, left, bottom, right&lt;/code&gt; serialize to percentages&lt;/li&gt;

+                        &lt;li&gt;omitting radii omits radii from serialization&lt;/li&gt;

+                    &lt;/ul&gt;

+                &lt;/li&gt;

+                &lt;li&gt;&lt;code&gt;inset&lt;/code&gt; serialized shape-args omit args when possible&lt;/li&gt;

+                &lt;li&gt;&lt;code&gt;&amp;lt;round&amp;gt;&lt;/code&gt; values in &lt;code&gt;inset&lt;/code&gt; serialize to as few as possible&lt;/li&gt;

+                &lt;li&gt;unspecified &lt;code&gt;&amp;lt;fill-rule&amp;gt;&lt;/code&gt; serializes &lt;code&gt;nonzero&lt;/code&gt;&lt;/li&gt;

+                &lt;li&gt;0% is preferred over zero length&lt;/li&gt;

+                &lt;li&gt;calc() is avoided&lt;/li&gt;

+            &lt;/ul&gt;

+            &lt;/section&gt;

+            &lt;section&gt;

+            &lt;h4&gt;Proper computed values of the CSS properties and values according to the spec&lt;/h4&gt;

+            &lt;ul&gt;

+                &lt;li&gt;lengths compute to px&lt;/li&gt;

+                &lt;li&gt;percentages keep %&lt;/li&gt;

+                &lt;li&gt;calc() preserved&lt;/li&gt;

+            &lt;/ul&gt;

+            &lt;/section&gt;

+            &lt;section&gt;

+            &lt;h4&gt;Proper rendering &amp;amp; layout of text around shapes according to the spec&lt;/h4&gt;

+            &lt;ul&gt;

+                &lt;li&gt;Basic Shapes

+                    &lt;ul&gt;

+                        &lt;li&gt;inset

+                            &lt;ul&gt;

+                                &lt;li&gt;square corners&lt;/li&gt;

+                                &lt;li&gt;rounded corners&lt;/li&gt;

+                                &lt;li&gt;rounded corners to make circles &amp;amp; ellipses&lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;circle, ellipse

+                            &lt;ul&gt;

+                                &lt;li&gt;explicit/implicit radii&lt;/li&gt;

+                                &lt;li&gt;explicit/implicit position&lt;/li&gt;

+                                &lt;li&gt;closest-side / farthest-side&lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;polygon

+                            &lt;ul&gt;

+                                &lt;li&gt;relative/absolute units&lt;/li&gt;

+                                &lt;li&gt;fill-rule: evenodd/nonzero&lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                        &lt;li&gt;float left / right&lt;/li&gt;

+                        &lt;li&gt;shape-margin&lt;/li&gt;

+                        &lt;li&gt;shape-box&lt;/code&gt;

+                            &lt;ul&gt;

+                            &lt;li&gt;unspecified&lt;/li&gt;

+                            &lt;li&gt;specified:

+                                &lt;ul&gt;

+                                    &lt;li&gt;margin-box&lt;/li&gt;

+                                    &lt;li&gt;border-box&lt;/li&gt;

+                                    &lt;li&gt;padding-box&lt;/li&gt;

+                                    &lt;li&gt;content-box&lt;/li&gt;

+                                &lt;/ul&gt;

+                            &lt;/li&gt;

+                            &lt;/ul&gt;

+                        &lt;/li&gt;

+                    &lt;/ul&gt;

+                    &lt;/li&gt;

+                    &lt;li&gt;Shapes from Box Values

+                        &lt;ul&gt;

+                            &lt;li&gt;margin-box, border-box, padding-box, content-box&lt;/li&gt;

+                            &lt;li&gt;all, top, left, bottom, right, top-left, top-bottom, top-right, left-right, left-bottom, right-bottom&lt;/li&gt;

+                            &lt;li&gt;float left / right&lt;/li&gt;

+                            &lt;li&gt;border-radius&lt;/li&gt;

+                        &lt;/ul&gt;

+                    &lt;/li&gt;

+                    &lt;li&gt;Shapes from Images

+                        &lt;ul&gt;

+                            &lt;li&gt;url

+                                &lt;ul&gt;

+                                    &lt;li&gt;png, svg, gif, jpeg&lt;/li&gt;

+                                    &lt;li&gt;transparency/no transparency&lt;/li&gt;

+                                &lt;/ul&gt;

+                            &lt;/li&gt;

+                            &lt;li&gt;image-list

+                                &lt;ul&gt;

+                                    &lt;li&gt;png, svg, gif, jpeg&lt;/li&gt;

+                                    &lt;li&gt;transparency/no transparency&lt;/li&gt;

+                                &lt;/ul&gt;

+                            &lt;/li&gt;

+                            &lt;li&gt;gradient

+                                &lt;ul&gt;

+                                    &lt;li&gt;linear&lt;/li&gt;

+                                    &lt;li&gt;radial&lt;/li&gt;

+                                    &lt;li&gt;repeating&lt;/li&gt;

+                                &lt;/ul&gt;

+                            &lt;/li&gt;

+                            &lt;li&gt;float left / right&lt;/li&gt;

+                            &lt;li&gt;shape-margin&lt;/li&gt;

+                            &lt;li&gt;shape-image-threshold&lt;/li&gt;

+                        &lt;/ul&gt;

+                    &lt;/li&gt;

+                    &lt;li&gt;Float Tests

+                        &lt;ul&gt;

+                            &lt;li&gt;Float stacking&lt;/li&gt;

+                            &lt;li&gt;Line boxes affected by both float right and float left shapes at the same time&lt;/li&gt;

+                            &lt;li&gt;Empty float areas&lt;/li&gt;

+                            &lt;li&gt;Shapes that extend past the margin box edge&lt;/li&gt;

+                        &lt;/ul&gt;

+                    &lt;/li&gt;

+                &lt;/ul&gt;

+            &lt;/li&gt;

+            &lt;/section&gt;

+      &lt;/section&gt;

+      &lt;section&gt;

+        &lt;h3&gt;Implicit testing areas&lt;/h3&gt;

+        &lt;p&gt;

+          These are testing areas either normatively defined in other specs

+          that are explicitly referred to in the CSS Shapes spec. Additionally, the

+          CSS Shapes spec is explicitly referred to by other specs. Please note that

+          while detailed, this list is not necessarily exhaustive and normative behaviors

+          may not be contained in it. When in doubt, consult the CSS Regions spec or ask

+          a question on the &lt;a href=&quot;http://lists.w3.org/Archives/Public/www-style/&quot;&gt;mailing list&lt;/a&gt;.

+        &lt;/p&gt;

+        &lt;p&gt;

+          Below is the list of implicit testing areas:

+          &lt;ul&gt;

+            &lt;li&gt;CSS 2.1 [[!CSS21]]&lt;/li&gt;

+            &lt;li&gt;CSS Box Model [[!CSS3BOX]]&lt;/li&gt;

+            &lt;li&gt;CSS Values &amp;amp; Units [[!CSS3VAL]]&lt;/li&gt;

+            &lt;li&gt;CSS Backgrounds &amp;amp; Borders [[!CSS3BG]]&lt;/li&gt;

+            &lt;li&gt;HTML5 [[!HTML5]]&lt;/li&gt;

+            &lt;li&gt;CSS Masking [[CSS-MASKING]]&lt;/li&gt;

+            &lt;li&gt;CSS Exclusions [[CSS-EXCLUSIONS]]&lt;/li&gt;

+          &lt;/ul&gt;

+        &lt;/p&gt;

+      &lt;/section&gt;

+       &lt;section&gt;

+          &lt;h3&gt;Interactions with other CSS features &amp;amp; specifications&lt;/h3&gt;

+          &lt;p&gt;When the CSS Shapes spec has a full suite of tests covering the behaviors defined in the spec,

+             additional tests will be needed to assure that the implementation works properly with other

+             CSS features defined in other specifications.

+          &lt;/p&gt;

+          &lt;p&gt;Below is a list of features that should work properly with CSS Shapes:&lt;/p&gt;

+          &lt;ul&gt;

+              &lt;li&gt;CSS Transforms&lt;/li&gt;

+              &lt;li&gt;CSS Transitions&lt;/li&gt;

+              &lt;li&gt;CSS Animations&lt;/li&gt;

+              &lt;li&gt;CSS Exclusions&lt;/li&gt;

+              &lt;li&gt;CSS Writing Modes - when the float and container have different 'writing-mode' and 'direction' properties&lt;/li&gt;

+          &lt;/ul&gt;

+    &lt;/section&gt;

+    &lt;section&gt;

+      &lt;h2&gt;People and responsibilities&lt;/h2&gt;

+      &lt;p&gt;

+        Below is a list of people you should reach out to if you have any

+        questions related to this document or testing CSS Shapes in general:

+        &lt;ul&gt;

+          &lt;li&gt;Alan Stearns &amp;ndash; Editor for CSS Shapes spec&lt;/li&gt;

+          &lt;li&gt;Rebecca Hauck &amp;ndash; Test Coordinator for CSS Regions&lt;/li&gt;

+        &lt;/ul&gt;

+      &lt;/p&gt;

+    &lt;/section&gt;

+    &lt;section&gt;

+      &lt;h2&gt;Test progress tracking&lt;/h2&gt;

+      &lt;p&gt;

+        Currently test progress tracking is done via gitHub

+        &lt;a href=&quot;https://github.com/w3c/csswg-test/issues?labels=spec%3Ashapes&amp;amp;milestone=&amp;amp;page=1&amp;amp;state=open&quot;&gt;milestones

+        and issues&lt;/a&gt;.

+        &lt;!--  FIXME: Add more details once issues were created for all test areas.  --&gt;

+      &lt;/p&gt;

+    &lt;/section&gt;

+  &lt;/body&gt;

+&lt;/html&gt;

</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html

</span><span class="cx">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4>Added: svn:eol-style</h4></div>

<ins>+native

</ins><span class="cx">\ No newline at end of property

</span><a id="svnkeywords"></a>

<div class="addfile"><h4>Added: svn:keywords</h4></div>

<ins>+Date Revision

</ins><span class="cx">\ No newline at end of property

</span><a id="svnmimetype"></a>

<div class="addfile"><h4>Added: svn:mime-type</h4></div>

<ins>+text/html

</ins><span class="cx">\ No newline at end of property

</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1testplanw3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,18 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+None

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/test-plan/index.html

</ins></span></pre></div>

<a id="trunkLayoutTestsimportedw3ccsswgtestcssshapes1w3cimportlog"></a>

<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/w3c-import.log (0 => 207573)</h4>

<pre class="diff"><span>

<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/w3c-import.log                                (rev 0)

+++ trunk/LayoutTests/imported/w3c/csswg-test/css-shapes-1/w3c-import.log        2016-10-19 22:28:02 UTC (rev 207573)

</span><span class="lines">@@ -0,0 +1,32 @@

<ins>+The tests in this directory were imported from the W3C repository.

+Do NOT modify these tests directly in WebKit.

+Instead, create a pull request on the W3C CSS or WPT github:

+        https://github.com/w3c/csswg-test

+        https://github.com/w3c/web-platform-tests

+

+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

+

+Do NOT modify or remove this file.

+

+------------------------------------------------------------------------

+Properties requiring vendor prefixes:

+shape-outside

+Property values requiring vendor prefixes:

+None

+------------------------------------------------------------------------

+List of files:

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-000.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-004.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-005.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-ellipse-006.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-001.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-002.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-003.html

+/LayoutTests/imported/w3c/csswg-test/css-shapes-1/shape-outside-invalid-inset-004.html

</ins></span></pre>

</div>

</div>

</body>

</html>