<!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>[172733] 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/172733">172733</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-08-18 16:10:04 -0700 (Mon, 18 Aug 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>[CSS Shapes] Import the CSS Shapes W3C test suite
https://bugs.webkit.org/show_bug.cgi?id=135921
Patch by Rebecca Hauck <rhauck@adobe.com> on 2014-08-18
Reviewed by Bem Jones-Bey.
This patch contains the imported CSS Shapes W3C test suite
brought in and converted to WebKit style using
Tools/Scripts/impoart-w3c-tests.
* TestExpectations:
* css3/shapes/shape-outside-invalid-001-expected.txt: Added.
* css3/shapes/shape-outside-invalid-001.html: Added.
* css3/shapes/shape-outside-invalid-circle-000-expected.txt: Added.
* css3/shapes/shape-outside-invalid-circle-000.html: Added.
* css3/shapes/shape-outside-invalid-circle-001-expected.txt: Added.
* css3/shapes/shape-outside-invalid-circle-001.html: Added.
* css3/shapes/shape-outside-invalid-circle-002-expected.txt: Added.
* css3/shapes/shape-outside-invalid-circle-002.html: Added.
* css3/shapes/shape-outside-invalid-circle-003-expected.txt: Added.
* css3/shapes/shape-outside-invalid-circle-003.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-001-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-001.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-002-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-002.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-003-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-003.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-004-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-004.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-005-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-005.html: Added.
* css3/shapes/shape-outside-invalid-ellipse-006-expected.txt: Added.
* css3/shapes/shape-outside-invalid-ellipse-006.html: Added.
* css3/shapes/shape-outside-invalid-inset-001-expected.txt: Added.
* css3/shapes/shape-outside-invalid-inset-001.html: Added.
* css3/shapes/shape-outside-invalid-inset-002-expected.txt: Added.
* css3/shapes/shape-outside-invalid-inset-002.html: Added.
* css3/shapes/shape-outside-invalid-inset-003-expected.txt: Added.
* css3/shapes/shape-outside-invalid-inset-003.html: Added.
* css3/shapes/shape-outside-invalid-inset-004-expected.txt: Added.
* css3/shapes/shape-outside-invalid-inset-004.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-002.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-003.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-004.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-006.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-007.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html: Added.
* css3/shapes/shape-outside/shape-box/shape-outside-box-008.html: Added.
* css3/shapes/shape-outside/shape-box/w3c-import.log: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html: Added.
* css3/shapes/shape-outside/shape-image/gradients/w3c-import.log: Added.
* css3/shapes/shape-outside/shape-image/shape-image-000-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-000.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-001-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-001.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-002-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-002.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-003-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-003.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-004-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-004.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-005-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-005.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-012-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-012.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-013-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-013.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-014-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-014.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-015-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-015.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-016-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-016.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-017-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-017.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-018-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-018.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-019-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-019.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-020-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-020.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-021-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-021.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-022-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-022.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-023-expected.html: Added.
* css3/shapes/shape-outside/shape-image/shape-image-023.html: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.png: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.png: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle.png: Added.
* css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle-50.png: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.png: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle.png: Added.
* css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg: Added.
* css3/shapes/shape-outside/shape-image/support/w3c-import.log: Added.
* css3/shapes/shape-outside/shape-image/w3c-import.log: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html: Added.
* css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html: Added.
* css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html: Added.
* css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html: Added.
* css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log: Added.
* css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js: Added.
(ellipseXIntercept):
(scanConvertRoundedRectangleOutside):
(genLeftRoundedRectFloatShapeOutsideRefTest):
(getRoundedRectLeftEdge):
(genRightRoundedRectFloatShapeOutsideRefTest):
* css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js: Added.
(SubPixelLayout):
(SubPixelLayout.):
* css3/shapes/shape-outside/supported-shapes/support/test-utils.js: Added.
(verifyTextPoints):
* css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-000.html: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-001.html: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-002.html: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-image-threshold-003.html: Added.
* css3/shapes/shape-outside/values/shape-margin-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-000.html: Added.
* css3/shapes/shape-outside/values/shape-margin-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-001.html: Added.
* css3/shapes/shape-outside/values/shape-margin-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-002.html: Added.
* css3/shapes/shape-outside/values/shape-margin-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-003.html: Added.
* css3/shapes/shape-outside/values/shape-margin-004-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-004.html: Added.
* css3/shapes/shape-outside/values/shape-margin-005-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-margin-005.html: Added.
* css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-box-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-002.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-003.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-004.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-005.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-006.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-007.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-008.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-009.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-010.html: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-circle-011.html: Added.
* css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-002.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-003.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-004.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-005.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-006.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-007.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-008.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-009.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-010.html: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-ellipse-011.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-002.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-003.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-004.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-005.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-006.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-007.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-008.html: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-inset-009.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-002.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-003.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-004.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-005.html: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-polygon-006.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-none-000.html: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt: Added.
* css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html: Added.
* css3/shapes/shape-outside/values/support/parsing-utils.js: Added.
(ParsingUtils):
(ParsingUtils.):
* css3/shapes/shape-outside/values/support/w3c-import.log: Added.
* css3/shapes/shape-outside/values/w3c-import.log: Added.
* css3/shapes/spec-examples/shape-outside-001-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-001.html: Added.
* css3/shapes/spec-examples/shape-outside-002-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-002.html: Added.
* css3/shapes/spec-examples/shape-outside-003-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-003.html: Added.
* css3/shapes/spec-examples/shape-outside-004-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-004.html: Added.
* css3/shapes/spec-examples/shape-outside-005-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-005.html: Added.
* css3/shapes/spec-examples/shape-outside-006-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-006.html: Added.
* css3/shapes/spec-examples/shape-outside-007-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-007.html: Added.
* css3/shapes/spec-examples/shape-outside-008-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-008.html: Added.
* css3/shapes/spec-examples/shape-outside-010-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-010.html: Added.
* css3/shapes/spec-examples/shape-outside-011-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-011.html: Added.
* css3/shapes/spec-examples/shape-outside-012-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-012.html: Added.
* css3/shapes/spec-examples/shape-outside-013-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-013.html: Added.
* css3/shapes/spec-examples/shape-outside-014-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-014.html: Added.
* css3/shapes/spec-examples/shape-outside-015-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-015.html: Added.
* css3/shapes/spec-examples/shape-outside-016-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-016.html: Added.
* css3/shapes/spec-examples/shape-outside-017-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-017.html: Added.
* css3/shapes/spec-examples/shape-outside-018-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-018.html: Added.
* css3/shapes/spec-examples/shape-outside-019-expected.html: Added.
* css3/shapes/spec-examples/shape-outside-019.html: Added.
* css3/shapes/spec-examples/support/circle-no-shadow.png: Added.
* css3/shapes/spec-examples/support/circle-shadow.png: Added.
* css3/shapes/spec-examples/support/rounded-triangle.svg: Added.
* css3/shapes/spec-examples/support/w3c-import.log: Added.
* css3/shapes/spec-examples/w3c-import.log: Added.
* css3/shapes/w3c-import.log: Added.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/css3/shapes/</li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/</li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/shape-box/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox002expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox002html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox003expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox003html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox004expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox004html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox006expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox006html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox007expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox007html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox008expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox008html">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeboxw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/shape-image/</li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient001expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient001html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient002expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient002html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient003expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient003html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient004expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient004html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient001expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient001html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient002expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient002html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient003expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient003html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient004expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient004html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage012expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage012html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage018expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage018html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage019expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage019html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage020expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage020html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage021expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage021html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage022expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage022html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage023expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage023html">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20svg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle50png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle50svg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle70png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle70svg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglejpg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglepng">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglesvg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle20png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle50png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-50.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle70png">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle70svg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglegif">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglejpg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglepng">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglesvg">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideshapeimagew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/</li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle013html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle014html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle015html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle016expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle016html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle017expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle017html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle018expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle018html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle019expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle019html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle020expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle020html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle021expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle021html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle022expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle022html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle024expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle024html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle025expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle025html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle026expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle026html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle027expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle027html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle028expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle028html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle029expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle029html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle030expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle030html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle031expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle031html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapescirclew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse013html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse014html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse015html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse016expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse016html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse017expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse017html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse018expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse018html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse019expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse019html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse020expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse020html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse021expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse021html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse022expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse022html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse023expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse023html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse024expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse024html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse025expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse025html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse030expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse030html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse031expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse031html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipsew3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset010expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset010html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset011expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset011html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset012expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset012html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset013html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset014html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset015html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon007expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon007html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon008expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon008html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon009expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon009html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon010expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon010html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon011expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon011html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon013expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon013html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon014expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon014html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon015expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon015html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon016expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon016html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon017expectedhtml">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon017html">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportroundedrectanglejs">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportsubpixelutilsjs">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupporttestutilsjs">trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/test-utils.js</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/values/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin004html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin005html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidebox000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidebox000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle004html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle005html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle006expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle006html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle007expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle007html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle008expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle008html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle009expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle009html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle010expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle010html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle011expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle011html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse004html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse005html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse006expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse006html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse007expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse007html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse008expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse008html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse009expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse009html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse010expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse010html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse011expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse011html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset004html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset005html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset006expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset006html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset007expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset007html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset008expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset008html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset009expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset009html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon002html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon003html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon004html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon005html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon006expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon006html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments001html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeboxpair000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeboxpair000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinherit000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinherit000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinitial000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinitial000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenone000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenone000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenotation000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenotation000html">trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html</a></li>
<li>trunk/LayoutTests/css3/shapes/shape-outside/values/support/</li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluessupportparsingutilsjs">trunk/LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluessupportw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsidevaluesw3cimportlog">trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalid001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalid001html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle000expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle000html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle001html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle002html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidcircle003html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse001html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse002html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse003html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse004html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse005expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse005html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse006expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidellipse006html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset001expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset001html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset002expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset002html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset003expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset003html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset004expectedtxt">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3shapesshapeoutsideinvalidinset004html">trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004.html</a></li>
<li>trunk/LayoutTests/css3/shapes/spec-examples/</li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside001expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside001html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside002expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside002html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside003expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside003html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside004expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside004html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside005expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside005html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside006expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside006html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside007expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside007html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside008expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside008html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside010expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside010html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside011expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside011html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside012expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside012html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside013expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside013html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside014expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside014html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside015expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside015html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside016expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside016html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside017expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside017html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside018expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside018html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside019expectedhtml">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesshapeoutside019html">trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019.html</a></li>
<li>trunk/LayoutTests/css3/shapes/spec-examples/support/</li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplessupportcirclenoshadowpng">trunk/LayoutTests/css3/shapes/spec-examples/support/circle-no-shadow.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplessupportcircleshadowpng">trunk/LayoutTests/css3/shapes/spec-examples/support/circle-shadow.png</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplessupportroundedtrianglesvg">trunk/LayoutTests/css3/shapes/spec-examples/support/rounded-triangle.svg</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplessupportw3cimportlog">trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesspecexamplesw3cimportlog">trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestscss3shapesw3cimportlog">trunk/LayoutTests/css3/shapes/w3c-import.log</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (172732 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2014-08-18 22:42:24 UTC (rev 172732)
+++ trunk/LayoutTests/ChangeLog 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -1,3 +1,415 @@
</span><ins>+2014-08-18 Rebecca Hauck <rhauck@adobe.com>
+
+ [CSS Shapes] Import the CSS Shapes W3C test suite
+ https://bugs.webkit.org/show_bug.cgi?id=135921
+
+ Reviewed by Bem Jones-Bey.
+
+ This patch contains the imported CSS Shapes W3C test suite
+ brought in and converted to WebKit style using
+ Tools/Scripts/impoart-w3c-tests.
+
+ * TestExpectations:
+ * css3/shapes/shape-outside-invalid-001-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-001.html: Added.
+ * css3/shapes/shape-outside-invalid-circle-000-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-circle-000.html: Added.
+ * css3/shapes/shape-outside-invalid-circle-001-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-circle-001.html: Added.
+ * css3/shapes/shape-outside-invalid-circle-002-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-circle-002.html: Added.
+ * css3/shapes/shape-outside-invalid-circle-003-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-circle-003.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-001-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-001.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-002-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-002.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-003-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-003.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-004-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-004.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-005-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-005.html: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-006-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-ellipse-006.html: Added.
+ * css3/shapes/shape-outside-invalid-inset-001-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-inset-001.html: Added.
+ * css3/shapes/shape-outside-invalid-inset-002-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-inset-002.html: Added.
+ * css3/shapes/shape-outside-invalid-inset-003-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-inset-003.html: Added.
+ * css3/shapes/shape-outside-invalid-inset-004-expected.txt: Added.
+ * css3/shapes/shape-outside-invalid-inset-004.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-002.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-003.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-004.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-006.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-007.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html: Added.
+ * css3/shapes/shape-outside/shape-box/shape-outside-box-008.html: Added.
+ * css3/shapes/shape-outside/shape-box/w3c-import.log: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html: Added.
+ * css3/shapes/shape-outside/shape-image/gradients/w3c-import.log: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-000-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-000.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-001-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-001.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-002-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-002.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-003-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-003.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-004-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-004.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-005-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-005.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-012-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-012.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-013-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-013.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-014-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-014.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-015-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-015.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-016-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-016.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-017-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-017.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-018-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-018.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-019-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-019.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-020-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-020.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-021-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-021.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-022-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-022.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-023-expected.html: Added.
+ * css3/shapes/shape-outside/shape-image/shape-image-023.html: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle-50.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle.png: Added.
+ * css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg: Added.
+ * css3/shapes/shape-outside/shape-image/support/w3c-import.log: Added.
+ * css3/shapes/shape-outside/shape-image/w3c-import.log: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html: Added.
+ * css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log: Added.
+ * css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js: Added.
+ (ellipseXIntercept):
+ (scanConvertRoundedRectangleOutside):
+ (genLeftRoundedRectFloatShapeOutsideRefTest):
+ (getRoundedRectLeftEdge):
+ (genRightRoundedRectFloatShapeOutsideRefTest):
+ * css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js: Added.
+ (SubPixelLayout):
+ (SubPixelLayout.):
+ * css3/shapes/shape-outside/supported-shapes/support/test-utils.js: Added.
+ (verifyTextPoints):
+ * css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-image-threshold-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-004-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-004.html: Added.
+ * css3/shapes/shape-outside/values/shape-margin-005-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-margin-005.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-box-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-004.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-005.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-006.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-007.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-008.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-009.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-010.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-circle-011.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-004.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-005.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-006.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-007.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-008.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-009.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-010.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-ellipse-011.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-004.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-005.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-006.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-007.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-008.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-inset-009.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-002.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-003.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-004.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-005.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-polygon-006.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-none-000.html: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt: Added.
+ * css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html: Added.
+ * css3/shapes/shape-outside/values/support/parsing-utils.js: Added.
+ (ParsingUtils):
+ (ParsingUtils.):
+ * css3/shapes/shape-outside/values/support/w3c-import.log: Added.
+ * css3/shapes/shape-outside/values/w3c-import.log: Added.
+ * css3/shapes/spec-examples/shape-outside-001-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-001.html: Added.
+ * css3/shapes/spec-examples/shape-outside-002-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-002.html: Added.
+ * css3/shapes/spec-examples/shape-outside-003-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-003.html: Added.
+ * css3/shapes/spec-examples/shape-outside-004-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-004.html: Added.
+ * css3/shapes/spec-examples/shape-outside-005-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-005.html: Added.
+ * css3/shapes/spec-examples/shape-outside-006-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-006.html: Added.
+ * css3/shapes/spec-examples/shape-outside-007-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-007.html: Added.
+ * css3/shapes/spec-examples/shape-outside-008-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-008.html: Added.
+ * css3/shapes/spec-examples/shape-outside-010-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-010.html: Added.
+ * css3/shapes/spec-examples/shape-outside-011-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-011.html: Added.
+ * css3/shapes/spec-examples/shape-outside-012-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-012.html: Added.
+ * css3/shapes/spec-examples/shape-outside-013-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-013.html: Added.
+ * css3/shapes/spec-examples/shape-outside-014-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-014.html: Added.
+ * css3/shapes/spec-examples/shape-outside-015-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-015.html: Added.
+ * css3/shapes/spec-examples/shape-outside-016-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-016.html: Added.
+ * css3/shapes/spec-examples/shape-outside-017-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-017.html: Added.
+ * css3/shapes/spec-examples/shape-outside-018-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-018.html: Added.
+ * css3/shapes/spec-examples/shape-outside-019-expected.html: Added.
+ * css3/shapes/spec-examples/shape-outside-019.html: Added.
+ * css3/shapes/spec-examples/support/circle-no-shadow.png: Added.
+ * css3/shapes/spec-examples/support/circle-shadow.png: Added.
+ * css3/shapes/spec-examples/support/rounded-triangle.svg: Added.
+ * css3/shapes/spec-examples/support/w3c-import.log: Added.
+ * css3/shapes/spec-examples/w3c-import.log: Added.
+ * css3/shapes/w3c-import.log: Added.
+
</ins><span class="cx"> 2014-08-18 Andreas Kling <akling@apple.com>
</span><span class="cx">
</span><span class="cx"> REGRESSION(r168256): JSString can get 8-bit flag wrong when re-using AtomicStrings.
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (172732 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations 2014-08-18 22:42:24 UTC (rev 172732)
+++ trunk/LayoutTests/TestExpectations 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -142,3 +142,28 @@
</span><span class="cx"> webkit.org/b/135390 fast/css/fontloader-multiple-families.html [ Skip ]
</span><span class="cx"> webkit.org/b/135390 http/tests/webfont/fontloader-loading-attribute.html [ Skip ]
</span><span class="cx">
</span><ins>+# Various failures from the W3C CSS Shapes test suite import
+
+webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html [ ImageOnlyFailure ]
+webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html [ ImageOnlyFailure ]
+webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html [ ImageOnlyFailure ]
+webkit.org/b/135923 css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html [ ImageOnlyFailure ]
+
+webkit.org/b/135925 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html [ ImageOnlyFailure ]
+webkit.org/b/135925 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html [ ImageOnlyFailure ]
+webkit.org/b/135925 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html [ ImageOnlyFailure ]
+webkit.org/b/135925 css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html [ ImageOnlyFailure ]
+
+webkit.org/b/135926 css3/shapes/shape-outside/values/shape-image-threshold-001.html [ Failure ]
+
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-010.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-011.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-012.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-013.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-014.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-015.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-016.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-017.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-018.html [ ImageOnlyFailure ]
+webkit.org/b/135927 css3/shapes/spec-examples/shape-outside-019.html [ ImageOnlyFailure ]
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, shape-outside: content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-001-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ the content box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, shape-outside: border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-001-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ the border box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, shape-outside: padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-001-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ the padding box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 198px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 200px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox006expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, shape-outside: content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-005-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ right float with a shape-outside defined as
+ the content box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, shape-outside: border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-005-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ right float with a shape-outside defined as
+ the border box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox008expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxshapeoutsidebox008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, shape-outside: padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-box-005-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ right float with a shape-outside defined as
+ the padding box.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeboxw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-box/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-002.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-003.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-004.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-006.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-007.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-box/shape-outside-box-008.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left float with linear gradient</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple linear gradient."/>
+ <style type="text/css">
+ .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%);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Right float with linear gradient</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-linear-gradient-002-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple linear gradient on a right float."/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Right float with linear gradient</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="match" href="reference/shape-outside-linear-gradient-002-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple linear gradient on a right float with
+ shape-margin applied."/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <div id="gradient"></div>
+ xx xx xx xx
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com"/>
+ <style type="text/css">
+ .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 > .right {
+ margin-left: 100px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if there are four green squares alternating left and right. There
+ should be no red.
+ </p>
+ <div id="test">
+ <div class="square"></div><br>
+ <div class="square right"></div><br>
+ <div class="square"></div><br>
+ <div class="square right"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsidelineargradient004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape outside and repeating linear gradient</title>
+ <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-linear-gradient-004-ref.html"/>
+ <meta name="assert" content="This test verifies that content wraps correctly around a shape defined by a repeating linear gradient."/>
+ <style type="text/css">
+ .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 > .square {
+ background-color: red;
+ }
+ #failure > .right {
+ margin-left: 100px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if there are four green squares alternating left and right. There
+ should be no red.
+ </p>
+ <div id="test" class="container">
+ <div class="gradient"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div id="failure">
+ <div class="square"></div><br>
+ <div class="square right"></div><br>
+ <div class="square"></div><br>
+ <div class="square right"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ body { margin: 0; }
+ .container {
+ width: 200px;
+ height: 200px;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+ }
+ #test {
+ color: green;
+ }
+ .left-circle-float-line {
+ float: left;
+ clear: left;
+ height: 10px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="left-gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "gradient"
+ });
+ </script>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left float with radial gradient</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-radial-gradient-001-ref.html"/>
+ <meta name="flags" content="ahem dom"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple radial gradient."/>
+ <style type="text/css">
+ 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);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script src="../../supported-shapes/support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10
+ }, 10, 1.5);
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ body { margin: 0; }
+ .container {
+ width: 200px;
+ height: 200px;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+ }
+ #test {
+ color: green;
+ }
+ .left-circle-float-line {
+ float: left;
+ clear: left;
+ height: 10px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="left-gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "gradient"
+ });
+ </script>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left float with radial gradient and percentage shape margin</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="match" href="reference/shape-outside-radial-gradient-001-ref.html"/>
+ <meta name="flags" content="ahem dom"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple radial gradient when a percentage margin
+ is applied."/>
+ <style type="text/css">
+ 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%;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script src="../../supported-shapes/support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10
+ }, 10);
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ body { margin: 0; }
+ .container {
+ width: 200px;
+ height: 200px;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+ }
+ #test {
+ color: green;
+ }
+ .left-circle-float-line {
+ float: left;
+ clear: left;
+ height: 10px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="left-gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "gradient"
+ });
+ </script>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left float with radial gradient shape, shape margin, and shape-image-threshold</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-outside-radial-gradient-001-ref.html"/>
+ <meta name="flags" content="ahem dom"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple radial gradient when a shape margin
+ and shape-image threshold are applied."/>
+ <style type="text/css">
+ 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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script src="../../supported-shapes/support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10
+ }, 10, 1.5);
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <style type="text/css">
+ body { margin: 0; }
+ .container {
+ width: 200px;
+ height: 200px;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+ }
+ #test {
+ color: green;
+ }
+ .left-circle-float-line {
+ float: left;
+ clear: left;
+ height: 10px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="left-gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "gradient"
+ });
+ </script>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsshapeoutsideradialgradient004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left float with radial gradient shape, shape margin, and shape-image-threshold</title>
+ <link rel="author" title="Bear Travis" href="betravis@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-outside-radial-gradient-001-ref.html"/>
+ <meta name="flags" content="ahem dom"/>
+ <meta name="assert" content="This test verifies that shape-outside respects a
+ simple radial gradient on a right float when
+ shape-image-threshold is applied."/>
+ <style type="text/css">
+ 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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see green boxes following the contour of a circle. There should be no red.
+ </p>
+ <div id="test" class="container">
+ x</br>
+ <div id="gradient"></div>
+ <span id='test0'>x</span><br/>
+ <span id='test1'>x</span><br/>
+ <span id='test2'>x</span><br/>
+ <span id='test3'>x</span><br/>
+ <span id='test4'>x</span><br/>
+ <span id='test5'>x</span><br/>
+ <span id='test6'>x</span><br/>
+ <span id='test7'>x</span><br/>
+ <span id='test8'>x</span><br/>
+ <span id='test9'>x</span><br/>
+ x<br/>
+ </div>
+ <script src="../../supported-shapes/support/rounded-rectangle.js"></script>
+ <script src="../../supported-shapes/support/subpixel-utils.js"></script>
+ <script src="../../supported-shapes/support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 100, y: 10, width: 100, height: 100, rx: 50, ry: 50},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 10
+ }, 10, 1, "right");
+ </script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagegradientsw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+shape-image-threshold
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-002.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-003.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-001.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-002.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-003.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/gradients/shape-outside-radial-gradient-004.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a png image in a data: url is properly respected on a left float."/>
+ <style type="text/css">
+ .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("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/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+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+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/FRgAAAK9JREFUeNrs0QERADAMAjE6rXM1sZ0PLu8AMrnZFLRvp2HHiYAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAAcQEQAQEiIEAEBIiAABEQAQEiIEAEpLwPAAD//wMAnJIExROtr/4AAAAASUVORK5CYII=");
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="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/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+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+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/FRgAAAK9JREFUeNrs0QERADAMAjE6rXM1sZ0PLu8AMrnZFLRvp2HHiYAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAICBABASIgQAQEiIAAcQEQAQEiIEAEBIiAABEQAQEiIEAEpLwPAAD//wMAnJIExROtr/4AAAAASUVORK5CYII="/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 150px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ .black {
+ width: 50px;
+ height: 100px;
+ background-color: black;
+ position: relative;
+ top: 0px;
+ left: 50px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <div class="black"></div>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-001-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a png image with 70% alpha is treated as if the image had no alpha."/>
+ <style type="text/css">
+ .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("support/left-half-rectangle-70.png");
+ }
+ #failure {
+ width: 50px;
+ height: 100px;
+ background-color: red;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ z-index: -1;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="failure"></div>
+ <div id="image">
+ <img src="support/left-half-rectangle-70.png"/>
+ </div>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a svg image in a data uri is properly interpreted as a shape."/>
+ <style type="text/css">
+ .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,<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#006400" d=" 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" /></svg>');
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src='data:image/svg+xml;utf8,<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#006400" d=" 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" /></svg>'/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a svg image with 20% alpha and 0.3 shape-image-threshold creates a proper shape."/>
+ <style type="text/css">
+ .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("support/left-half-rectangle-20.svg");
+ -webkit-shape-image-threshold: 0.3;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/left-half-rectangle-20.svg"/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a png image with 50% alpha and 0.6 shape-image-threshold creates a proper shape."/>
+ <style type="text/css">
+ .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("support/left-half-rectangle-50.png");
+ -webkit-shape-image-threshold: 0.6;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/left-half-rectangle-50.png"/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a left float</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a svg image in a data uri with 70% alpha and 0.8 shape-image-threshold creates a proper shape."/>
+ <style type="text/css">
+ .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,<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.7)" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#006400" d=" 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" /></svg>');
+ -webkit-shape-image-threshold: 0.8;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src='data:image/svg+xml;utf8,<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.7)" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#006400" d=" 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" /></svg>'/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage012expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <style type="text/css">
+ .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; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <img id="image" src="support/right-half-rectangle.jpg"/>
+ XXXXX XXXXX XXXXX XXXXX XXXXX
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Wrapping content around right floating actual jpg image</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-012-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around all the image pixels when shape-outside is given a jpg."/>
+ <style type="text/css">
+ .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("support/right-half-rectangle.jpg");
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle.jpg"/>
+ XXXXX XXXXX XXXXX XXXXX XXXXX
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Wrapping content around shape given by a right floating png</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around the shape defined by the data uri png."/>
+ <style type="text/css">
+ .container {
+ position: relative;
+ font-family: Ahem;
+ font-size: 50px;
+ line-height: 50px;
+ color: rgb(0, 100, 1);
+ background-color: red;
+ }
+ #test {
+ width: 100px;
+ height: 100px;
+ text-align: right;
+ }
+ #image {
+ float: right;
+ margin-left: 10px;
+ -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/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+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+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/Uvgfno5R1A0nYulM2JIW8ERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAERECACAgQAQEiIEAEBIgLgAgIEAEBIiBABASIgAgIEAEBIiDH+wAAAP//AwD5cQUr8xYXFAAAAABJRU5ErkJggg==");
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle.png"/>
+ X X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Wrapping content around shape given by a right floating svg file</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around the shape defined by an svg file."/>
+ <style type="text/css">
+ .container {
+ position: relative;
+ font-family: Ahem;
+ font-size: 50px;
+ line-height: 50px;
+ color: rgb(0, 100, 1);
+ background-color: red;
+ }
+ #test {
+ width: 100px;
+ height: 100px;
+ text-align: right;
+ }
+ #image {
+ float: right;
+ margin-left: 10px;
+ -webkit-shape-outside: url("support/right-half-rectangle.svg");
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle.svg"/>
+ X
+ X
+ </div>
+ <div id="overlay"></div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a right float</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a png image with 20% alpha and 0.2 shape-image-threshold creates a proper shape."/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle-20.png"/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a right float</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a png image with 70% alpha and 0.71 shape-image-threshold creates a proper shape."/>
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle-70.png"/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
+ <style type="text/css">
+ .container {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 100, 0);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div class="container">
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Image shape on a right float</title>
+ <link rel="author" title="Zoltan Horvath" href="zoltan@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-000-ref.html"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="This test verifies that a shape specified as a data uri svg with 70% alpha creates a proper shape, shape-image-threshold is defined to 0.71."/>
+ <style type="text/css">
+ .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("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsMCwwLDAuNykiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGw9IiMwMDY0MDAiIGQ9Ik01MCwwaDUwYzAsMzMuMywwLDY2LjcsMCwxMDBINTBWMHoiLz4NCjwvc3ZnPg0K");
+ -webkit-shape-image-threshold: 0.71;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ The test passes if you see a solid green square. There should be no red.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/right-half-rectangle-70.svg"/>
+ X
+ X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage018expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #container {
+ position: relative;
+ width: 200px;
+ font-family: Ahem;
+ font-size: 40px;
+ text-align: right;
+ color: green;
+ }
+ #image {
+ float: right;
+ margin-left: 20px;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/left-half-rectangle.jpg"/>
+ X<br>X<br>X<br>X
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage018html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(jpg), real image + shape-margin (%)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-018-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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."/>
+ <style type="text/css">
+ #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("support/left-half-rectangle.jpg"); /* 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;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/left-half-rectangle.jpg"/>
+ X<br>X<br>X<br>X
+ <div id="failure">
+ X<br>X<br>X<br><span style="margin-left: 120px">X
+ </div>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage019expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg=="/>
+ X<br>X
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage019html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(png), data uri + shape-margin (px)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-019-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies the boundary of a shape-outside defined by a PNG data URI and a shape-margin."/>
+ <style type="text/css">
+ #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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==");
+ -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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg=="/>
+ X<br>X
+ <div id="failure">
+ X<br><span style="margin-left: 30px">X</span>
+ </div>
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage020expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue'/></svg>"/>
+ X<br>X
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage020html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(svg), data uri + shape-margin (%)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-020-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies the boundary of a shape-outside defined by an SVG URI and a shape-margin."/>
+ <style type="text/css">
+ #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("data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue'/></svg>");
+ -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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue'/></svg>"/>
+ X<br>X
+ <div id="failure">
+ X<br><span style="margin-left: 30px">X</span>
+ </div>
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage021expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/right-half-rectangle.png"/>
+ X<br>X<br>X<br><span style="padding-left: 70px">X</span>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage021html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(png), real image + shape-image-threshold + shape-margin (%)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-021-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the boundary of a shape-outside defined by a PNG image file and shape-margin is correct."/>
+ <style type="text/css">
+ #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("support/right-half-rectangle.png"); /* 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;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/right-half-rectangle.png"/>
+ X<br>X<br>X<br>X
+ <div id="failure">
+ X<br>X<br>X<br><span style="margin-left: 70px">X</span>
+ </div>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage022expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/right-half-rectangle.gif"/>
+ X<br>X<br>X<br><span style="padding-left: 70px">X</span>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage022html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(gif), real image + shape-image-threshold + shape-margin (px)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-022-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the boundary of a shape-outside defined by a GIF image file and shape-margin is correct."/>
+ <style type="text/css">
+ #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("support/right-half-rectangle.gif"); /* 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;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if no red is visible.</p>
+ <div id="container">
+ <img id="image" src="support/right-half-rectangle.gif"/>
+ X<br>X<br>X<br>X
+ <div id="failure">
+ X<br>X<br>X<br><span style="margin-left: 70px">X</span>
+ </div>
+ </div>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage023expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue'/></svg>"/>
+ X<br>X
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimageshapeimage023html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: right float, url(svg), data uri + shape-image-threshold + shape-margin (%)</title>
+ <link rel="author" title="Hans Muller" href="hmuller@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-image-023-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies the boundary of a shape-outside defined by an SVG URI, shape-image-threshold, and a shape-margin."/>
+ <style type="text/css">
+ #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("data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='rgba(0,0,255, 0.5)'/></svg>");
+ -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;
+ }
+ </style>
+</head>
+<body>
+ <p>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.</p>
+ <div id="container">
+ <img id="image" src="data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='rgb(0,0,255)'/></svg>"/>
+ X<br>X
+ <div id="failure">
+ X<br><span style="margin-left: 30px">X</span>
+ </div>
+ </div>
+</body>
+</html>
+
+
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle20svg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.2)" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#006400" d=" 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" />
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle50png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle50svg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.5)" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#006400" d=" 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" />
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle70png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectangle70svg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.7)" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#006400" d=" 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" />
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglejpg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+\xFF\xD8\xFF\xE1cExif MM * b j( 1 r2 \x92\x87i \xA8 \xD4
+\xFC\xDA '
+\xFC\xDA 'Adobe Photoshop CS6 (Macintosh) 2014:04:29 11:30:43 \xA0 \xA0 d\xA0 d " *( 2 ) H H \xFF\xD8\xFF\xED Adobe_CM \xFF\xEE Adobe d\x80 \xFF\xDB \x84
+
+
+
+ \xFF\xC0 d d" \xFF\xDD \xFF\xC4?
+
+ 3 !1AQa"q\x812\x91\xA1\xB1B#$R\xC1b34r\x82\xD1C%\x92S\xF0\xE1\xF1cs5\xA2\xB2\x83&D\x93TdE£t6\xD2U\xE2e\xF2\xB3\x84\xC3\xD3u\xE3\xF3F'\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF7 5 !1AQaq"2\x81\x91\xA1\xB1B#\xC1R\xD1\xF03$b\xE1r\x82\x92CScs4\xF1%\xA2\xB2\x83&5\xC2\xD2D\x93T\xA3dEU6te\xE2\xF2\xB3\x84\xC3\xD3u\xE3\xF3F\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6'7GWgw\x87\x97\xA7\xB7\xC7\xFF\xDA ? \xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD0\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD1\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD2\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD3\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD4\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD5\xE4R\\xC2K-\xC5zt\x970\x92Jzt\x970\x92J~\x89\xFA\x81\xFF \x89,\xFA\xF7\xFE~\xB9t+\xE5T\x96\x8E?\x92?\xDD\xBE/\xE6\xE1\xFD\xD8\xFEO\xD5I/\x95RO^\xFDT\x92\xF9U$\x94\xFDT\x92\xF9U$\x94\xFF \xFF\xD9\xFF\xED
+|Photoshop 3.0 8BIM% 8BIM: printOutput PstSbool Inteenum Inte Clrm printSixteenBitbool printerNameTEXT S e c u r e P r i n t e r printProofSetupObjc P r o o f S e t u p
+proofSetup Bltnenum builtinProof proofCMYK 8BIM; - printOutputOptions Cptnbool Clbrbool RgsMbool CrnCbool CntCbool Lblsbool Ngtvbool EmlDbool Intrbool BckgObjc RGBC Rd doub@o\xE0 Grn doub@o\xE0 Bl doub@o\xE0 BrdTUntF#Rlt Bld UntF#Rlt RsltUntF#Pxl@R \x93\x80
+vectorDatabool PgPsenum PgPs PgPC LeftUntF#Rlt Top UntF#Rlt Scl UntF#Prc@Y cropWhenPrintingbool cropRectBottomlong cropRectLeftlong
+cropRectRightlong cropRectToplong 8BIM\xED HN HN 8BIM& ?\x80 8BIM
+ 8BIM 8BIM\xF3 8BIM'
+ 8BIM\xF5 H /ff lff /ff \xA1\x99\x9A 2 Z 5 - 8BIM\xF8 p \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 8BIM 8BIM 8BIM0 8BIM- 8BIM @ @ 8BIM 8BIM Q d d h a l f - r e c t a n g l e d d null boundsObjc Rct1 Top long Leftlong Btomlong d Rghtlong d slicesVlLs Objc slice sliceIDlong groupIDlong originenum ESliceOrigin
+autoGenerated Typeenum
+ESliceType Img boundsObjc Rct1 Top long Leftlong Btomlong d Rghtlong d urlTEXT nullTEXT MsgeTEXT altTagTEXT cellTextIsHTMLbool cellTextTEXT horzAlignenum ESliceHorzAlign default vertAlignenum ESliceVertAlign default bgColorTypeenum ESliceBGColorType None topOutsetlong
+leftOutsetlong bottomOutsetlong rightOutsetlong 8BIM( ?\xF0 8BIM 8BIM E d d , u0 ) \xFF\xD8\xFF\xED Adobe_CM \xFF\xEE Adobe d\x80 \xFF\xDB \x84
+
+
+
+ \xFF\xC0 d d" \xFF\xDD \xFF\xC4?
+
+ 3 !1AQa"q\x812\x91\xA1\xB1B#$R\xC1b34r\x82\xD1C%\x92S\xF0\xE1\xF1cs5\xA2\xB2\x83&D\x93TdE£t6\xD2U\xE2e\xF2\xB3\x84\xC3\xD3u\xE3\xF3F'\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF7 5 !1AQaq"2\x81\x91\xA1\xB1B#\xC1R\xD1\xF03$b\xE1r\x82\x92CScs4\xF1%\xA2\xB2\x83&5\xC2\xD2D\x93T\xA3dEU6te\xE2\xF2\xB3\x84\xC3\xD3u\xE3\xF3F\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6'7GWgw\x87\x97\xA7\xB7\xC7\xFF\xDA ? \xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD0\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD1\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD2\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD3\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD4\xE4RI%\x96\xE2\xA9$\x92IJI$\x92S\xEC_P?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85s\xDFP?\xF1%\x81\xFF ^\xFF \xCF\xD7.\x85h\xE3\xF9#\xFD\xD0\xEB\xE2\xFEn ݏ䤒I=z\x92I$\x94\xA4\x92I%?\xFF\xD5\xE4R\\xC2K-\xC5zt\x970\x92Jzt\x970\x92J~\x89\xFA\x81\xFF \x89,\xFA\xF7\xFE~\xB9t+\xE5T\x96\x8E?\x92?\xDD\xBE/\xE6\xE1\xFD\xD8\xFEO\xD5I/\x95RO^\xFDT\x92\xF9U$\x94\xFDT\x92\xF9U$\x94\xFF \xFF\xD9 8BIM! U A d o b e P h o t o s h o p A d o b e P h o t o s h o p C S 6 8BIM \xFF\xE1/http://ns.adobe.com/xap/1.0/ <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)" xmp:CreateDate="2014-04-29T11:25:20-07:00" xmp:ModifyDate="2014-04-29T11:30:43-07:00" xmp:MetadataDate="2014-04-29T11:30:43-07:00" dc:format="image/jpeg" photoshop:ColorMode="3" photoshop:ICCProfile="sRGB IEC61966-2.1" xmpMM:InstanceID="xmp.iid:00801174072068118A6D814BA929BF21" xmpMM:DocumentID="xmp.did:FF7F1174072068118A6D814BA929BF21" xmpMM:OriginalDocumentID="xmp.did:FF7F1174072068118A6D814BA929BF21"> <xmpMM:History> <rdf:Seq> <rdf:li stEvt:action="created" stEvt:instanceID="xmp.iid:FF7F1174072068118A6D814BA929BF21" stEvt:when="2014-04-29T11:25:20-07:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Macintosh)"/> <rdf:li stEvt:action="converted" stEvt:parameters="from image/png to image/jpeg"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:00801174072068118A6D814BA929BF21" stEvt:when="2014-04-29T11:30:43-07:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Macintosh)" stEvt:changed="/"/> </rdf:Seq> </xmpMM:History> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?>\xFF\xE2 XICC_PROFILE HLino mntrRGB XYZ \xCE 1 acspMSFT IEC sRGB \xF6\xD6 \xD3-HP cprt P 3desc \x84 lwtpt \xF0 bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd \xC4 \x88vued L \x86view \xD4 $lumi \xF8 meas $tech 0 rTRC < gTRC < bTRC < text Copyright (c) 1998 Hewlett-Packard Company desc sRGB IEC61966-2.1 sRGB IEC61966-2.1 XYZ \xF3Q \xCCXYZ XYZ o\xA2 8\xF5 \x90XYZ b\x99 \xB7\x85 \xDAXYZ $\xA0 \x84 \xB6\xCFdesc IEC http://www.iec.ch IEC http://www.iec.ch desc .IEC 61966-2.1 Default RGB colour space - sRGB .IEC 61966-2.1 Default RGB colour space - sRGB desc ,Reference Viewing Condition in IEC61966-2.1 ,Reference Viewing Condition in IEC61966-2.1 view \xA4\xFE _. \xCF \xED\xCC \\x9E XYZ L V P W \xE7meas \x8F sig CRT curv
+ # ( - 2 7 ; @ E J O T Y ^ c h m r w | \x81 \x86 \x8B \x90 \x95 \x9A \x9F \xA4 \xA9 \xAE \xB2 \xB7 \xBC \xC1 \xC6 \xCB \xD0 \xD5 \xDB \xE0 \xE5 \xEB \xF0 \xF6 \xFB
+ %+28>ELRY`gnu|\x83\x8B\x92\x9A\xA1\xA9\xB1\xB9\xC1\xC9\xD1\xD9\xE1\xE9\xF2\xFA &/8AKT]gqz\x84\x8E\x98\xA2\xAC\xB6\xC1\xCB\xD5\xE0\xEB\xF5 !-8COZfr~\x8A\x96\xA2\xAE\xBA\xC7\xD3\xE0\xEC\xF9 -;HUcq~\x8C\x9A\xA8\xB6\xC4\xD3\xE1\xF0\xFE
+ +:IXgw\x86\x96\xA6\xB5\xC5\xD5\xE5\xF6'7HYj{\x8C\x9D\xAF\xC0\xD1\xE3\xF5+=Oat\x86\x99\xAC\xBF\xD2\xE5\xF8 2FZn\x82\x96\xAA\xBE\xD2\xE7\xFB % : O d y \x8F \xA4 \xBA \xCF \xE5 \xFB
+
+'
+=
+T
+j
+\x81
+\x98
+\xAE
+\xC5
+\xDC
+\xF3 " 9 Q i \x80 \x98 \xB0 \xC8 \xE1 \xF9 * C \ u \x8E \xA7 \xC0 \xD9 \xF3
+
+
+&
+@
+Z
+t
+\x8E
+\xA9
+\xC3
+\xDE
+\xF8.Id\x9B\xB6\xD2\xEE %A^z\x96\xB3\xCF\xEC &Ca~\x9B\xB9\xD7\xF51Om\x8C\xAA\xC9\xE8&Ed\x84\xA3\xC3\xE3#Cc\x83\xA4\xC5\xE5'Ij\x8B\xAD\xCE\xF04Vx\x9B\xBD\xE0&Il\x8F\xB2\xD6\xFA Ae\x89\xAE\xD2\xF7@e\x8A\xAF\xD5\xFA Ek\x91\xB7\xDD*Qw\x9E\xC5\xEC;c\x8A\xB2\xDA * R { \xA3 \xCC \xF5 G p \x99 \xC3 \xEC @ j \x94 \xBE \xE9 > i \x94 \xBF \xEA A l \x98 \xC4 \xF0! !H!u!\xA1!\xCE!\xFB"'"U"\x82"\xAF"\xDD#
+#8#f#\x94#\xC2#\xF0$ $M$|$\xAB$\xDA% %8%h%\x97%\xC7%\xF7&'&W&\x87&\xB7&\xE8''I'z'\xAB'\xDC(
+(?(q(\xA2(\xD4))8)k)\x9D)\xD0**5*h*\x9B*\xCF++6+i+\x9D+\xD1,,9,n,\xA2,\xD7- -A-v-\xAB-\xE1..L.\x82.\xB7.\xEE/$/Z/\x91/\xC7/\xFE050l0\xA40\xDB11J1\x821\xBA1\xF22*2c2\x9B2\xD43
+3F33\xB83\xF14+4e4\x9E4\xD855M5\x875\xC25\xFD676r6\xAE6\xE97$7`7\x9C7\xD788P8\x8C8\xC899B99\xBC9\xF9:6:t:\xB2:\xEF;-;k;\xAA;\xE8<'<e<\xA4<\xE3="=a=\xA1=\xE0> >`>\xA0>\xE0?!?a?\xA2?\xE2@#@d@\xA6@\xE7A)AjA\xACA\xEEB0BrB\xB5B\xF7C:C}C\xC0DDGD\x8AD\xCEEEUE\x9AE\xDEF"FgF\xABF\xF0G5G{G\xC0HHKH\x91H\xD7I IcI\xA9I\xF0J7J}J\xC4K KSK\x9AK\xE2L*LrL\xBAMMJM\x93M\xDCN%NnN\xB7O OIO\x93O\xDDP'PqP\xBBQQPQ\x9BQ\xE6R1R|R\xC7SS_S\xAAS\xF6TBT\x8FT\xDBU(UuU\xC2VV\V\xA9V\xF7WDW\x92W\xE0X/X}X\xCBYYiY\xB8ZZVZ\xA6Z\xF5[E[\x95[\xE5\5\\x86\\xD6]']x]\xC9^^l^\xBD__a_\xB3``W`\xAA`\xFCaOa\xA2a\xF5bIb\x9Cb\xF0cCc\x97c\xEBd@d\x94d\xE9e=e\x92e\xE7f=f\x92f\xE8g=g\x93g\xE9h?h\x96h\xECiCi\x9Ai\xF1jHj\x9Fj\xF7kOk\xA7k\xFFlWl\xAFmm`m\xB9nnkn\xC4o oxo\xD1p+p\x86p\xE0q:q\x95q\xF0rKr\xA6ss]s\xB8ttpt\xCCu(u\x85u\xE1v>v\x9Bv\xF8wVw\xB3xxnx\xCCy*y\x89y\xE7zFz\xA5{{c{\xC2|!|\x81|\xE1}A}\xA1~~b~\xC2#\x84\xE5\x80G\x80\xA8\x81
+\x81k\x81͂0\x82\x92\x82\xF4\x83W\x83\xBA\x84 \x84\x80\x84\xE3\x85G\x85\xAB\x86\x86r\x86ׇ;\x87\x9F\x88\x88i\x88Ή3\x89\x99\x89\xFE\x8Ad\x8Aʋ0\x8B\x96\x8B\xFC\x8Cc\x8Cʍ1\x8D\x98\x8D\xFF\x8Ef\x8EΏ6\x8F\x9E\x90\x90n\x90֑?\x91\xA8\x92\x92z\x92\xE3\x93M\x93\xB6\x94 \x94\x8A\x94\xF4\x95_\x95ɖ4\x96\x9F\x97
+\x97u\x97\xE0\x98L\x98\xB8\x99$\x99\x90\x99\xFC\x9Ah\x9A՛B\x9B\xAF\x9C \x9C\x89\x9C\xF7\x9Dd\x9DҞ@\x9E\xAE\x9F \x9F\x8B\x9F\xFA\xA0i\xA0ءG\xA1\xB6\xA2&\xA2\x96\xA3\xA3v\xA3\xE6\xA4V\xA4ǥ8\xA5\xA9\xA6\xA6\x8B\xA6\xFD\xA7n\xA7\xE0\xA8R\xA8ĩ7\xA9\xA9\xAA \xAA\x8F\xAB\xABu\xAB\xE9\xAC\\xACЭD\xAD\xB8\xAE-\xAE\xA1\xAF\xAF\x8B\xB0 \xB0u\xB0\xEA\xB1`\xB1ֲK\xB2³8\xB3\xAE\xB4%\xB4\x9C\xB5\xB5\x8A\xB6\xB6y\xB6\xF0\xB7h\xB7\xE0\xB8Y\xB8ѹJ\xB9º;\xBA\xB5\xBB.\xBB\xA7\xBC!\xBC\x9B\xBD\xBD\x8F\xBE
+\xBE\x84\xBE\xFF\xBFz\xBF\xF5\xC0p\xC0\xEC\xC1g\xC1\xE3\xC2_\xC2\xDB\xC3X\xC3\xD4\xC4Q\xC4\xCE\xC5K\xC5\xC8\xC6F\xC6\xC3\xC7Aǿ\xC8=ȼ\xC9:ɹ\xCA8ʷ\xCB6˶\xCC5̵\xCD5͵\xCE6ζ\xCF7ϸ\xD09к\xD1<Ѿ\xD2?\xD2\xC1\xD3D\xD3\xC6\xD4I\xD4\xCB\xD5N\xD5\xD1\xD6U\xD6\xD8\xD7\\xD7\xE0\xD8d\xD8\xE8\xD9l\xD9\xF1\xDAv\xDA\xFBۀ\xDC܊\xDDݖ\xDE ޢ\xDF)߯\xE06\xE0\xBD\xE1D\xE1\xCC\xE2S\xE2\xDB\xE3c\xE3\xEB\xE4s\xE4\xFC\xE5\x84\xE6
+\xE6\x96\xE7 \xE7\xA9\xE82\xE8\xBC\xE9F\xE9\xD0\xEA[\xEA\xE5\xEBp\xEB\xFB\xEC\x86\xED\xED\x9C\xEE(\xEE\xB4\xEF@\xEF\xCC\xF0X\xF0\xE5\xF1r\xF1\xFF\xF2\x8C\xF3\xF3\xA7\xF44\xF4\xC2\xF5P\xF5\xDE\xF6m\xF6\xFB\xF7\x8A\xF8\xF8\xA8\xF98\xF9\xC7\xFAW\xFA\xE7\xFBw\xFC\xFC\x98\xFD)\xFD\xBA\xFEK\xFE\xDC\xFFm\xFF\xFF\xFF\xEE Adobe d@ \xFF\xDB \x84
+
+
+
+
+ \xFF\xC0 d d \xFF\xDD
+\xFF\xC4\xA2
+
+ s !1AQa"q\x812\x91\xA1\xB1B#\xC1R\xD1\xE13b\xF0$r\x82\xF1%C4S\x92\xA2\xB2cs\xC25D'\x93\xA3\xB36Tdt\xC3\xD2\xE2&\x83
+\x84\x94EF\xA4\xB4V\xD3U(\xF2\xE3\xF3\xC4\xD4\xE4\xF4eu\x85\x95\xA5\xB5\xC5\xD5\xE5\xF5fv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF78HXhx\x88\x98\xA8\xB8\xC8\xD8\xE8\xF8)9IYiy\x89\x99\xA9\xB9\xC9\xD9\xE9\xF9*:JZjz\x8A\x9A\xAA\xBA\xCA\xDA\xEA\xFA m !1AQa"q\x81\x912\xA1\xB1\xF0\xC1\xD1\xE1#BRbr\xF13$4C\x82\x92S%\xA2c\xB2\xC2s\xD25\xE2D\x83T\x93
+&6E'dtU7\xF2\xA3\xB3\xC3()\xD3\xE3\xB4\xC4\xD4\xE4\xF4eu\x85\x95\xA5\xB5\xC5\xD5\xE5\xF5FVfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF78HXhx\x88\x98\xA8\xB8\xC8\xD8\xE8\xF89IYiy\x89\x99\xA9\xB9\xC9\xD9\xE9\xF9*:JZjz\x8A\x9A\xAA\xBA\xCA\xDA\xEA\xFA\xFF\xDA ? \xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD0\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD1\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD2\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD3\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD4\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD5\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD6\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD7\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD0\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD1\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD2\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD3\xF9՞N\xF8{\xB1Wb\xAE\xC5]\x8A\xBBI\xBF\xF3\x80\xFA\xC9_\x94\xFF \xF6\xFE\xFF \xBA\x{1A3785}\xD8\xE2p\xF8\xFF \xBA/\xAA{7\xFE!\x8F\xFC\xEF\xF7E\xF6&m\x9D\xE3\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD9
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglepng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportlefthalfrectanglesvg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#006400" d=" 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" />
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle20png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle50png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle70png"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectangle70svg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" style="background-color: rgba(0,0,0,0.7)" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#006400" d="M50,0h50c0,33.3,0,66.7,0,100H50V0z"/>
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglegif"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+GIF89ad d \xF0 d !\xF9 , d d \xFE\x8C\x8F\xA9˝ \xA3\x9C\xB4\xDA;\x9D\xDE \xE1\x86RG\x96\x8F\x88\xA6\xA3\xC9vꋶ\xB2\xD7ߌ/\xF6^\xE5\xFE\xC1 F~?\xA1\x90\xE83\x919%\x8F\x89s\xEE\xA03\xA9\x8D*\xB3ְ--\x8C\xCB\xF2\xBE\xC0&\xB1\x8A\2\xA7\xD0$u\x8C\xCDq\x8B\xE0q9\x88\xBE\xB1\xDF\xF1\xFD\x8D\xDF\xE0\x87(hA\xC8`x\x88\xA8\xA0\xD8\xC3x\xE2\xB8 $9I`yI\xA99\x84i\xD0 \xF1 :\x9AY:
+`\xAAʊ\xFAٚ\xFA\x8A ;\xCBy YK\x9B˸\x8B\xDB\xE9,;l[\xCC{ \xAC)\xBCL\xDCl\xFC\x8C \xADl\xC9\\xED|
+\x9D-\xBDM-i\xFD\x8D \xAE=\xCE]\xEE\xED\x9E.\xBEN\xDEn\xFE\x8E\xAE\xA8>\xCF^\xEF~\x9F/oH\xDFo\xFF_@}\xF9 \xF2w`B\x81 64\xE8aD\x85Vtx\xA2 \x89)v\xB4\xF8cH\x8Dv8\x96\xF4xdJ\x91+I\xCA) ;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglejpg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,130 @@
</span><ins>+\xFF\xD8\xFF\xE1 Exif MM * d d \x9E \xA4 \xAC( 1 \xB42 ԇi \xE8
+\xFC\xDA '
+\xFC\xDA 'Adobe Photoshop CS6 (Macintosh) 2014:04:29 12:00:10 \x90 0221\xA0 \xA0 d\xA0 d n v( ~ \x86 H H \xFF\xD8\xFF\xE2 XICC_PROFILE HLino mntrRGB XYZ \xCE 1 acspMSFT IEC sRGB \xF6\xD6 \xD3-HP cprt P 3desc \x84 lwtpt \xF0 bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd \xC4 \x88vued L \x86view \xD4 $lumi \xF8 meas $tech 0 rTRC < gTRC < bTRC < text Copyright (c) 1998 Hewlett-Packard Company desc sRGB IEC61966-2.1 sRGB IEC61966-2.1 XYZ \xF3Q \xCCXYZ XYZ o\xA2 8\xF5 \x90XYZ b\x99 \xB7\x85 \xDAXYZ $\xA0 \x84 \xB6\xCFdesc IEC http://www.iec.ch IEC http://www.iec.ch desc .IEC 61966-2.1 Default RGB colour space - sRGB .IEC 61966-2.1 Default RGB colour space - sRGB desc ,Reference Viewing Condition in IEC61966-2.1 ,Reference Viewing Condition in IEC61966-2.1 view \xA4\xFE _. \xCF \xED\xCC \\x9E XYZ L V P W \xE7meas \x8F sig CRT curv
+ # ( - 2 7 ; @ E J O T Y ^ c h m r w | \x81 \x86 \x8B \x90 \x95 \x9A \x9F \xA4 \xA9 \xAE \xB2 \xB7 \xBC \xC1 \xC6 \xCB \xD0 \xD5 \xDB \xE0 \xE5 \xEB \xF0 \xF6 \xFB
+ %+28>ELRY`gnu|\x83\x8B\x92\x9A\xA1\xA9\xB1\xB9\xC1\xC9\xD1\xD9\xE1\xE9\xF2\xFA &/8AKT]gqz\x84\x8E\x98\xA2\xAC\xB6\xC1\xCB\xD5\xE0\xEB\xF5 !-8COZfr~\x8A\x96\xA2\xAE\xBA\xC7\xD3\xE0\xEC\xF9 -;HUcq~\x8C\x9A\xA8\xB6\xC4\xD3\xE1\xF0\xFE
+ +:IXgw\x86\x96\xA6\xB5\xC5\xD5\xE5\xF6'7HYj{\x8C\x9D\xAF\xC0\xD1\xE3\xF5+=Oat\x86\x99\xAC\xBF\xD2\xE5\xF8 2FZn\x82\x96\xAA\xBE\xD2\xE7\xFB % : O d y \x8F \xA4 \xBA \xCF \xE5 \xFB
+
+'
+=
+T
+j
+\x81
+\x98
+\xAE
+\xC5
+\xDC
+\xF3 " 9 Q i \x80 \x98 \xB0 \xC8 \xE1 \xF9 * C \ u \x8E \xA7 \xC0 \xD9 \xF3
+
+
+&
+@
+Z
+t
+\x8E
+\xA9
+\xC3
+\xDE
+\xF8.Id\x9B\xB6\xD2\xEE %A^z\x96\xB3\xCF\xEC &Ca~\x9B\xB9\xD7\xF51Om\x8C\xAA\xC9\xE8&Ed\x84\xA3\xC3\xE3#Cc\x83\xA4\xC5\xE5'Ij\x8B\xAD\xCE\xF04Vx\x9B\xBD\xE0&Il\x8F\xB2\xD6\xFA Ae\x89\xAE\xD2\xF7@e\x8A\xAF\xD5\xFA Ek\x91\xB7\xDD*Qw\x9E\xC5\xEC;c\x8A\xB2\xDA * R { \xA3 \xCC \xF5 G p \x99 \xC3 \xEC @ j \x94 \xBE \xE9 > i \x94 \xBF \xEA A l \x98 \xC4 \xF0! !H!u!\xA1!\xCE!\xFB"'"U"\x82"\xAF"\xDD#
+#8#f#\x94#\xC2#\xF0$ $M$|$\xAB$\xDA% %8%h%\x97%\xC7%\xF7&'&W&\x87&\xB7&\xE8''I'z'\xAB'\xDC(
+(?(q(\xA2(\xD4))8)k)\x9D)\xD0**5*h*\x9B*\xCF++6+i+\x9D+\xD1,,9,n,\xA2,\xD7- -A-v-\xAB-\xE1..L.\x82.\xB7.\xEE/$/Z/\x91/\xC7/\xFE050l0\xA40\xDB11J1\x821\xBA1\xF22*2c2\x9B2\xD43
+3F33\xB83\xF14+4e4\x9E4\xD855M5\x875\xC25\xFD676r6\xAE6\xE97$7`7\x9C7\xD788P8\x8C8\xC899B99\xBC9\xF9:6:t:\xB2:\xEF;-;k;\xAA;\xE8<'<e<\xA4<\xE3="=a=\xA1=\xE0> >`>\xA0>\xE0?!?a?\xA2?\xE2@#@d@\xA6@\xE7A)AjA\xACA\xEEB0BrB\xB5B\xF7C:C}C\xC0DDGD\x8AD\xCEEEUE\x9AE\xDEF"FgF\xABF\xF0G5G{G\xC0HHKH\x91H\xD7I IcI\xA9I\xF0J7J}J\xC4K KSK\x9AK\xE2L*LrL\xBAMMJM\x93M\xDCN%NnN\xB7O OIO\x93O\xDDP'PqP\xBBQQPQ\x9BQ\xE6R1R|R\xC7SS_S\xAAS\xF6TBT\x8FT\xDBU(UuU\xC2VV\V\xA9V\xF7WDW\x92W\xE0X/X}X\xCBYYiY\xB8ZZVZ\xA6Z\xF5[E[\x95[\xE5\5\\x86\\xD6]']x]\xC9^^l^\xBD__a_\xB3``W`\xAA`\xFCaOa\xA2a\xF5bIb\x9Cb\xF0cCc\x97c\xEBd@d\x94d\xE9e=e\x92e\xE7f=f\x92f\xE8g=g\x93g\xE9h?h\x96h\xECiCi\x9Ai\xF1jHj\x9Fj\xF7kOk\xA7k\xFFlWl\xAFmm`m\xB9nnkn\xC4o oxo\xD1p+p\x86p\xE0q:q\x95q\xF0rKr\xA6ss]s\xB8ttpt\xCCu(u\x85u\xE1v>v\x9Bv\xF8wVw\xB3xxnx\xCCy*y\x89y\xE7zFz\xA5{{c{\xC2|!|\x81|\xE1}A}\xA1~~b~\xC2#\x84\xE5\x80G\x80\xA8\x81
+\x81k\x81͂0\x82\x92\x82\xF4\x83W\x83\xBA\x84 \x84\x80\x84\xE3\x85G\x85\xAB\x86\x86r\x86ׇ;\x87\x9F\x88\x88i\x88Ή3\x89\x99\x89\xFE\x8Ad\x8Aʋ0\x8B\x96\x8B\xFC\x8Cc\x8Cʍ1\x8D\x98\x8D\xFF\x8Ef\x8EΏ6\x8F\x9E\x90\x90n\x90֑?\x91\xA8\x92\x92z\x92\xE3\x93M\x93\xB6\x94 \x94\x8A\x94\xF4\x95_\x95ɖ4\x96\x9F\x97
+\x97u\x97\xE0\x98L\x98\xB8\x99$\x99\x90\x99\xFC\x9Ah\x9A՛B\x9B\xAF\x9C \x9C\x89\x9C\xF7\x9Dd\x9DҞ@\x9E\xAE\x9F \x9F\x8B\x9F\xFA\xA0i\xA0ءG\xA1\xB6\xA2&\xA2\x96\xA3\xA3v\xA3\xE6\xA4V\xA4ǥ8\xA5\xA9\xA6\xA6\x8B\xA6\xFD\xA7n\xA7\xE0\xA8R\xA8ĩ7\xA9\xA9\xAA \xAA\x8F\xAB\xABu\xAB\xE9\xAC\\xACЭD\xAD\xB8\xAE-\xAE\xA1\xAF\xAF\x8B\xB0 \xB0u\xB0\xEA\xB1`\xB1ֲK\xB2³8\xB3\xAE\xB4%\xB4\x9C\xB5\xB5\x8A\xB6\xB6y\xB6\xF0\xB7h\xB7\xE0\xB8Y\xB8ѹJ\xB9º;\xBA\xB5\xBB.\xBB\xA7\xBC!\xBC\x9B\xBD\xBD\x8F\xBE
+\xBE\x84\xBE\xFF\xBFz\xBF\xF5\xC0p\xC0\xEC\xC1g\xC1\xE3\xC2_\xC2\xDB\xC3X\xC3\xD4\xC4Q\xC4\xCE\xC5K\xC5\xC8\xC6F\xC6\xC3\xC7Aǿ\xC8=ȼ\xC9:ɹ\xCA8ʷ\xCB6˶\xCC5̵\xCD5͵\xCE6ζ\xCF7ϸ\xD09к\xD1<Ѿ\xD2?\xD2\xC1\xD3D\xD3\xC6\xD4I\xD4\xCB\xD5N\xD5\xD1\xD6U\xD6\xD8\xD7\\xD7\xE0\xD8d\xD8\xE8\xD9l\xD9\xF1\xDAv\xDA\xFBۀ\xDC܊\xDDݖ\xDE ޢ\xDF)߯\xE06\xE0\xBD\xE1D\xE1\xCC\xE2S\xE2\xDB\xE3c\xE3\xEB\xE4s\xE4\xFC\xE5\x84\xE6
+\xE6\x96\xE7 \xE7\xA9\xE82\xE8\xBC\xE9F\xE9\xD0\xEA[\xEA\xE5\xEBp\xEB\xFB\xEC\x86\xED\xED\x9C\xEE(\xEE\xB4\xEF@\xEF\xCC\xF0X\xF0\xE5\xF1r\xF1\xFF\xF2\x8C\xF3\xF3\xA7\xF44\xF4\xC2\xF5P\xF5\xDE\xF6m\xF6\xFB\xF7\x8A\xF8\xF8\xA8\xF98\xF9\xC7\xFAW\xFA\xE7\xFBw\xFC\xFC\x98\xFD)\xFD\xBA\xFEK\xFE\xDC\xFFm\xFF\xFF\xFF\xED Adobe_CM \xFF\xEE Adobe d\x80 \xFF\xDB \x84
+
+
+
+ \xFF\xC0 d d" \xFF\xDD \xFF\xC4?
+
+ 3 !1AQa"q\x812\x91\xA1\xB1B#$R\xC1b34r\x82\xD1C%\x92S\xF0\xE1\xF1cs5\xA2\xB2\x83&D\x93TdE£t6\xD2U\xE2e\xF2\xB3\x84\xC3\xD3u\xE3\xF3F'\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF7 5 !1AQaq"2\x81\x91\xA1\xB1B#\xC1R\xD1\xF03$b\xE1r\x82\x92CScs4\xF1%\xA2\xB2\x83&5\xC2\xD2D\x93T\xA3dEU6te\xE2\xF2\xB3\x84\xC3\xD3u\xE3\xF3F\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6'7GWgw\x87\x97\xA7\xB7\xC7\xFF\xDA ? \xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD0\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD1\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD2\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD3\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD4\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD5\xF5T\x97ʩ$\xA7ꤗʩ$\xA7ꤗʩ$\xA7\xD1\xFE\xBF\xFF \xE2\xB7?\xFE\xB3\xFF \x9Ei\\xFA\xE6Y\xB9>yx\xB9\x9C\x9F\xF7\xA5\xF9\xBD:K\x98I5cӤ\xB9\x84\x92SӤ\xB9\x84\x92S\xFF\xD9\xFF\xED\xD8Photoshop 3.0 8BIM Z %G 8BIM% \xCD\xCF\xFA}\xA8Ǿ pv\xAE\xAF\xC3N8BIM: printOutput PstSbool Inteenum Inte Clrm printSixteenBitbool printerNameTEXT S e c u r e P r i n t e r printProofSetupObjc P r o o f S e t u p
+proofSetup Bltnenum builtinProof proofCMYK 8BIM; - printOutputOptions Cptnbool Clbrbool RgsMbool CrnCbool CntCbool Lblsbool Ngtvbool EmlDbool Intrbool BckgObjc RGBC Rd doub@o\xE0 Grn doub@o\xE0 Bl doub@o\xE0 BrdTUntF#Rlt Bld UntF#Rlt RsltUntF#Pxl@R \x93\x80
+vectorDatabool PgPsenum PgPs PgPC LeftUntF#Rlt Top UntF#Rlt Scl UntF#Prc@Y cropWhenPrintingbool cropRectBottomlong cropRectLeftlong
+cropRectRightlong cropRectToplong 8BIM\xED HN HN 8BIM& ?\x80 8BIM\xF2
+ \xFF\xFF\xFF\xFF\xFF\xFF 8BIM
+ \xFF\xFF\xFFj8BIM 8BIM\xF3 8BIM'
+ 8BIM\xF5 H /ff lff /ff \xA1\x99\x9A 2 Z 5 - 8BIM\xF8 p \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 \xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xFF\xE8 8BIM @ @ 8BIM 8BIM [ d d l e f t - h a l f - r e c t a n g l e d d null boundsObjc Rct1 Top long Leftlong Btomlong d Rghtlong d slicesVlLs Objc slice sliceIDlong groupIDlong originenum ESliceOrigin
+autoGenerated Typeenum
+ESliceType Img boundsObjc Rct1 Top long Leftlong Btomlong d Rghtlong d urlTEXT nullTEXT MsgeTEXT altTagTEXT cellTextIsHTMLbool cellTextTEXT horzAlignenum ESliceHorzAlign default vertAlignenum ESliceVertAlign default bgColorTypeenum ESliceBGColorType None topOutsetlong
+leftOutsetlong bottomOutsetlong rightOutsetlong 8BIM( ?\xF0 8BIM 8BIM \xA2 d d , u0 \x86 \xFF\xD8\xFF\xE2 XICC_PROFILE HLino mntrRGB XYZ \xCE 1 acspMSFT IEC sRGB \xF6\xD6 \xD3-HP cprt P 3desc \x84 lwtpt \xF0 bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd \xC4 \x88vued L \x86view \xD4 $lumi \xF8 meas $tech 0 rTRC < gTRC < bTRC < text Copyright (c) 1998 Hewlett-Packard Company desc sRGB IEC61966-2.1 sRGB IEC61966-2.1 XYZ \xF3Q \xCCXYZ XYZ o\xA2 8\xF5 \x90XYZ b\x99 \xB7\x85 \xDAXYZ $\xA0 \x84 \xB6\xCFdesc IEC http://www.iec.ch IEC http://www.iec.ch desc .IEC 61966-2.1 Default RGB colour space - sRGB .IEC 61966-2.1 Default RGB colour space - sRGB desc ,Reference Viewing Condition in IEC61966-2.1 ,Reference Viewing Condition in IEC61966-2.1 view \xA4\xFE _. \xCF \xED\xCC \\x9E XYZ L V P W \xE7meas \x8F sig CRT curv
+ # ( - 2 7 ; @ E J O T Y ^ c h m r w | \x81 \x86 \x8B \x90 \x95 \x9A \x9F \xA4 \xA9 \xAE \xB2 \xB7 \xBC \xC1 \xC6 \xCB \xD0 \xD5 \xDB \xE0 \xE5 \xEB \xF0 \xF6 \xFB
+ %+28>ELRY`gnu|\x83\x8B\x92\x9A\xA1\xA9\xB1\xB9\xC1\xC9\xD1\xD9\xE1\xE9\xF2\xFA &/8AKT]gqz\x84\x8E\x98\xA2\xAC\xB6\xC1\xCB\xD5\xE0\xEB\xF5 !-8COZfr~\x8A\x96\xA2\xAE\xBA\xC7\xD3\xE0\xEC\xF9 -;HUcq~\x8C\x9A\xA8\xB6\xC4\xD3\xE1\xF0\xFE
+ +:IXgw\x86\x96\xA6\xB5\xC5\xD5\xE5\xF6'7HYj{\x8C\x9D\xAF\xC0\xD1\xE3\xF5+=Oat\x86\x99\xAC\xBF\xD2\xE5\xF8 2FZn\x82\x96\xAA\xBE\xD2\xE7\xFB % : O d y \x8F \xA4 \xBA \xCF \xE5 \xFB
+
+'
+=
+T
+j
+\x81
+\x98
+\xAE
+\xC5
+\xDC
+\xF3 " 9 Q i \x80 \x98 \xB0 \xC8 \xE1 \xF9 * C \ u \x8E \xA7 \xC0 \xD9 \xF3
+
+
+&
+@
+Z
+t
+\x8E
+\xA9
+\xC3
+\xDE
+\xF8.Id\x9B\xB6\xD2\xEE %A^z\x96\xB3\xCF\xEC &Ca~\x9B\xB9\xD7\xF51Om\x8C\xAA\xC9\xE8&Ed\x84\xA3\xC3\xE3#Cc\x83\xA4\xC5\xE5'Ij\x8B\xAD\xCE\xF04Vx\x9B\xBD\xE0&Il\x8F\xB2\xD6\xFA Ae\x89\xAE\xD2\xF7@e\x8A\xAF\xD5\xFA Ek\x91\xB7\xDD*Qw\x9E\xC5\xEC;c\x8A\xB2\xDA * R { \xA3 \xCC \xF5 G p \x99 \xC3 \xEC @ j \x94 \xBE \xE9 > i \x94 \xBF \xEA A l \x98 \xC4 \xF0! !H!u!\xA1!\xCE!\xFB"'"U"\x82"\xAF"\xDD#
+#8#f#\x94#\xC2#\xF0$ $M$|$\xAB$\xDA% %8%h%\x97%\xC7%\xF7&'&W&\x87&\xB7&\xE8''I'z'\xAB'\xDC(
+(?(q(\xA2(\xD4))8)k)\x9D)\xD0**5*h*\x9B*\xCF++6+i+\x9D+\xD1,,9,n,\xA2,\xD7- -A-v-\xAB-\xE1..L.\x82.\xB7.\xEE/$/Z/\x91/\xC7/\xFE050l0\xA40\xDB11J1\x821\xBA1\xF22*2c2\x9B2\xD43
+3F33\xB83\xF14+4e4\x9E4\xD855M5\x875\xC25\xFD676r6\xAE6\xE97$7`7\x9C7\xD788P8\x8C8\xC899B99\xBC9\xF9:6:t:\xB2:\xEF;-;k;\xAA;\xE8<'<e<\xA4<\xE3="=a=\xA1=\xE0> >`>\xA0>\xE0?!?a?\xA2?\xE2@#@d@\xA6@\xE7A)AjA\xACA\xEEB0BrB\xB5B\xF7C:C}C\xC0DDGD\x8AD\xCEEEUE\x9AE\xDEF"FgF\xABF\xF0G5G{G\xC0HHKH\x91H\xD7I IcI\xA9I\xF0J7J}J\xC4K KSK\x9AK\xE2L*LrL\xBAMMJM\x93M\xDCN%NnN\xB7O OIO\x93O\xDDP'PqP\xBBQQPQ\x9BQ\xE6R1R|R\xC7SS_S\xAAS\xF6TBT\x8FT\xDBU(UuU\xC2VV\V\xA9V\xF7WDW\x92W\xE0X/X}X\xCBYYiY\xB8ZZVZ\xA6Z\xF5[E[\x95[\xE5\5\\x86\\xD6]']x]\xC9^^l^\xBD__a_\xB3``W`\xAA`\xFCaOa\xA2a\xF5bIb\x9Cb\xF0cCc\x97c\xEBd@d\x94d\xE9e=e\x92e\xE7f=f\x92f\xE8g=g\x93g\xE9h?h\x96h\xECiCi\x9Ai\xF1jHj\x9Fj\xF7kOk\xA7k\xFFlWl\xAFmm`m\xB9nnkn\xC4o oxo\xD1p+p\x86p\xE0q:q\x95q\xF0rKr\xA6ss]s\xB8ttpt\xCCu(u\x85u\xE1v>v\x9Bv\xF8wVw\xB3xxnx\xCCy*y\x89y\xE7zFz\xA5{{c{\xC2|!|\x81|\xE1}A}\xA1~~b~\xC2#\x84\xE5\x80G\x80\xA8\x81
+\x81k\x81͂0\x82\x92\x82\xF4\x83W\x83\xBA\x84 \x84\x80\x84\xE3\x85G\x85\xAB\x86\x86r\x86ׇ;\x87\x9F\x88\x88i\x88Ή3\x89\x99\x89\xFE\x8Ad\x8Aʋ0\x8B\x96\x8B\xFC\x8Cc\x8Cʍ1\x8D\x98\x8D\xFF\x8Ef\x8EΏ6\x8F\x9E\x90\x90n\x90֑?\x91\xA8\x92\x92z\x92\xE3\x93M\x93\xB6\x94 \x94\x8A\x94\xF4\x95_\x95ɖ4\x96\x9F\x97
+\x97u\x97\xE0\x98L\x98\xB8\x99$\x99\x90\x99\xFC\x9Ah\x9A՛B\x9B\xAF\x9C \x9C\x89\x9C\xF7\x9Dd\x9DҞ@\x9E\xAE\x9F \x9F\x8B\x9F\xFA\xA0i\xA0ءG\xA1\xB6\xA2&\xA2\x96\xA3\xA3v\xA3\xE6\xA4V\xA4ǥ8\xA5\xA9\xA6\xA6\x8B\xA6\xFD\xA7n\xA7\xE0\xA8R\xA8ĩ7\xA9\xA9\xAA \xAA\x8F\xAB\xABu\xAB\xE9\xAC\\xACЭD\xAD\xB8\xAE-\xAE\xA1\xAF\xAF\x8B\xB0 \xB0u\xB0\xEA\xB1`\xB1ֲK\xB2³8\xB3\xAE\xB4%\xB4\x9C\xB5\xB5\x8A\xB6\xB6y\xB6\xF0\xB7h\xB7\xE0\xB8Y\xB8ѹJ\xB9º;\xBA\xB5\xBB.\xBB\xA7\xBC!\xBC\x9B\xBD\xBD\x8F\xBE
+\xBE\x84\xBE\xFF\xBFz\xBF\xF5\xC0p\xC0\xEC\xC1g\xC1\xE3\xC2_\xC2\xDB\xC3X\xC3\xD4\xC4Q\xC4\xCE\xC5K\xC5\xC8\xC6F\xC6\xC3\xC7Aǿ\xC8=ȼ\xC9:ɹ\xCA8ʷ\xCB6˶\xCC5̵\xCD5͵\xCE6ζ\xCF7ϸ\xD09к\xD1<Ѿ\xD2?\xD2\xC1\xD3D\xD3\xC6\xD4I\xD4\xCB\xD5N\xD5\xD1\xD6U\xD6\xD8\xD7\\xD7\xE0\xD8d\xD8\xE8\xD9l\xD9\xF1\xDAv\xDA\xFBۀ\xDC܊\xDDݖ\xDE ޢ\xDF)߯\xE06\xE0\xBD\xE1D\xE1\xCC\xE2S\xE2\xDB\xE3c\xE3\xEB\xE4s\xE4\xFC\xE5\x84\xE6
+\xE6\x96\xE7 \xE7\xA9\xE82\xE8\xBC\xE9F\xE9\xD0\xEA[\xEA\xE5\xEBp\xEB\xFB\xEC\x86\xED\xED\x9C\xEE(\xEE\xB4\xEF@\xEF\xCC\xF0X\xF0\xE5\xF1r\xF1\xFF\xF2\x8C\xF3\xF3\xA7\xF44\xF4\xC2\xF5P\xF5\xDE\xF6m\xF6\xFB\xF7\x8A\xF8\xF8\xA8\xF98\xF9\xC7\xFAW\xFA\xE7\xFBw\xFC\xFC\x98\xFD)\xFD\xBA\xFEK\xFE\xDC\xFFm\xFF\xFF\xFF\xED Adobe_CM \xFF\xEE Adobe d\x80 \xFF\xDB \x84
+
+
+
+ \xFF\xC0 d d" \xFF\xDD \xFF\xC4?
+
+ 3 !1AQa"q\x812\x91\xA1\xB1B#$R\xC1b34r\x82\xD1C%\x92S\xF0\xE1\xF1cs5\xA2\xB2\x83&D\x93TdE£t6\xD2U\xE2e\xF2\xB3\x84\xC3\xD3u\xE3\xF3F'\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF7 5 !1AQaq"2\x81\x91\xA1\xB1B#\xC1R\xD1\xF03$b\xE1r\x82\x92CScs4\xF1%\xA2\xB2\x83&5\xC2\xD2D\x93T\xA3dEU6te\xE2\xF2\xB3\x84\xC3\xD3u\xE3\xF3F\x94\xA4\x85\xB4\x95\xC4\xD4\xE4\xF4\xA5\xB5\xC5\xD5\xE5\xF5Vfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6'7GWgw\x87\x97\xA7\xB7\xC7\xFF\xDA ? \xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD0\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD1\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD2\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD3\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD4\xF5T\x92I%)$\x92IJI$\x92S\xE3\x9F_\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}t _\xFF \xF1[\x9F\xFF Y\xFF \xCF4\xAE}f\xE4\xF9\xE5\xFD\xE2\xE4e\xFErޗ椒I5b\x92I$\x94\xA4\x92I%?\xFF\xD5\xF5T\x97ʩ$\xA7ꤗʩ$\xA7ꤗʩ$\xA7\xD1\xFE\xBF\xFF \xE2\xB7?\xFE\xB3\xFF \x9Ei\\xFA\xE6Y\xB9>yx\xB9\x9C\x9F\xF7\xA5\xF9\xBD:K\x98I5cӤ\xB9\x84\x92SӤ\xB9\x84\x92S\xFF\xD98BIM! U A d o b e P h o t o s h o p A d o b e P h o t o s h o p C S 6 8BIM \xFF\xE17http://ns.adobe.com/xap/1.0/ <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" xmp:CreatorTool="Adobe Photoshop CS6 (Macintosh)" xmp:CreateDate="2014-04-29T11:25:20-07:00" xmp:ModifyDate="2014-04-29T12:00:10-07:00" xmp:MetadataDate="2014-04-29T12:00:10-07:00" dc:format="image/jpeg" photoshop:LegacyIPTCDigest="00000000000000000000000000000001" photoshop:ColorMode="3" photoshop:ICCProfile="sRGB IEC61966-2.1" xmpMM:InstanceID="xmp.iid:08801174072068118083E6B64B95D428" xmpMM:DocumentID="xmp.did:FF7F1174072068118A6D814BA929BF21" xmpMM:OriginalDocumentID="xmp.did:FF7F1174072068118A6D814BA929BF21"> <xmpMM:History> <rdf:Seq> <rdf:li stEvt:action="created" stEvt:instanceID="xmp.iid:FF7F1174072068118A6D814BA929BF21" stEvt:when="2014-04-29T11:25:20-07:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Macintosh)"/> <rdf:li stEvt:action="converted" stEvt:parameters="from image/png to image/jpeg"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:00801174072068118A6D814BA929BF21" stEvt:when="2014-04-29T11:30:43-07:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Macintosh)" stEvt:changed="/"/> <rdf:li stEvt:action="saved" stEvt:instanceID="xmp.iid:08801174072068118083E6B64B95D428" stEvt:when="2014-04-29T12:00:10-07:00" stEvt:softwareAgent="Adobe Photoshop CS6 (Macintosh)" stEvt:changed="/"/> </rdf:Seq> </xmpMM:History> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?>\xFF\xE2 XICC_PROFILE HLino mntrRGB XYZ \xCE 1 acspMSFT IEC sRGB \xF6\xD6 \xD3-HP cprt P 3desc \x84 lwtpt \xF0 bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd \xC4 \x88vued L \x86view \xD4 $lumi \xF8 meas $tech 0 rTRC < gTRC < bTRC < text Copyright (c) 1998 Hewlett-Packard Company desc sRGB IEC61966-2.1 sRGB IEC61966-2.1 XYZ \xF3Q \xCCXYZ XYZ o\xA2 8\xF5 \x90XYZ b\x99 \xB7\x85 \xDAXYZ $\xA0 \x84 \xB6\xCFdesc IEC http://www.iec.ch IEC http://www.iec.ch desc .IEC 61966-2.1 Default RGB colour space - sRGB .IEC 61966-2.1 Default RGB colour space - sRGB desc ,Reference Viewing Condition in IEC61966-2.1 ,Reference Viewing Condition in IEC61966-2.1 view \xA4\xFE _. \xCF \xED\xCC \\x9E XYZ L V P W \xE7meas \x8F sig CRT curv
+ # ( - 2 7 ; @ E J O T Y ^ c h m r w | \x81 \x86 \x8B \x90 \x95 \x9A \x9F \xA4 \xA9 \xAE \xB2 \xB7 \xBC \xC1 \xC6 \xCB \xD0 \xD5 \xDB \xE0 \xE5 \xEB \xF0 \xF6 \xFB
+ %+28>ELRY`gnu|\x83\x8B\x92\x9A\xA1\xA9\xB1\xB9\xC1\xC9\xD1\xD9\xE1\xE9\xF2\xFA &/8AKT]gqz\x84\x8E\x98\xA2\xAC\xB6\xC1\xCB\xD5\xE0\xEB\xF5 !-8COZfr~\x8A\x96\xA2\xAE\xBA\xC7\xD3\xE0\xEC\xF9 -;HUcq~\x8C\x9A\xA8\xB6\xC4\xD3\xE1\xF0\xFE
+ +:IXgw\x86\x96\xA6\xB5\xC5\xD5\xE5\xF6'7HYj{\x8C\x9D\xAF\xC0\xD1\xE3\xF5+=Oat\x86\x99\xAC\xBF\xD2\xE5\xF8 2FZn\x82\x96\xAA\xBE\xD2\xE7\xFB % : O d y \x8F \xA4 \xBA \xCF \xE5 \xFB
+
+'
+=
+T
+j
+\x81
+\x98
+\xAE
+\xC5
+\xDC
+\xF3 " 9 Q i \x80 \x98 \xB0 \xC8 \xE1 \xF9 * C \ u \x8E \xA7 \xC0 \xD9 \xF3
+
+
+&
+@
+Z
+t
+\x8E
+\xA9
+\xC3
+\xDE
+\xF8.Id\x9B\xB6\xD2\xEE %A^z\x96\xB3\xCF\xEC &Ca~\x9B\xB9\xD7\xF51Om\x8C\xAA\xC9\xE8&Ed\x84\xA3\xC3\xE3#Cc\x83\xA4\xC5\xE5'Ij\x8B\xAD\xCE\xF04Vx\x9B\xBD\xE0&Il\x8F\xB2\xD6\xFA Ae\x89\xAE\xD2\xF7@e\x8A\xAF\xD5\xFA Ek\x91\xB7\xDD*Qw\x9E\xC5\xEC;c\x8A\xB2\xDA * R { \xA3 \xCC \xF5 G p \x99 \xC3 \xEC @ j \x94 \xBE \xE9 > i \x94 \xBF \xEA A l \x98 \xC4 \xF0! !H!u!\xA1!\xCE!\xFB"'"U"\x82"\xAF"\xDD#
+#8#f#\x94#\xC2#\xF0$ $M$|$\xAB$\xDA% %8%h%\x97%\xC7%\xF7&'&W&\x87&\xB7&\xE8''I'z'\xAB'\xDC(
+(?(q(\xA2(\xD4))8)k)\x9D)\xD0**5*h*\x9B*\xCF++6+i+\x9D+\xD1,,9,n,\xA2,\xD7- -A-v-\xAB-\xE1..L.\x82.\xB7.\xEE/$/Z/\x91/\xC7/\xFE050l0\xA40\xDB11J1\x821\xBA1\xF22*2c2\x9B2\xD43
+3F33\xB83\xF14+4e4\x9E4\xD855M5\x875\xC25\xFD676r6\xAE6\xE97$7`7\x9C7\xD788P8\x8C8\xC899B99\xBC9\xF9:6:t:\xB2:\xEF;-;k;\xAA;\xE8<'<e<\xA4<\xE3="=a=\xA1=\xE0> >`>\xA0>\xE0?!?a?\xA2?\xE2@#@d@\xA6@\xE7A)AjA\xACA\xEEB0BrB\xB5B\xF7C:C}C\xC0DDGD\x8AD\xCEEEUE\x9AE\xDEF"FgF\xABF\xF0G5G{G\xC0HHKH\x91H\xD7I IcI\xA9I\xF0J7J}J\xC4K KSK\x9AK\xE2L*LrL\xBAMMJM\x93M\xDCN%NnN\xB7O OIO\x93O\xDDP'PqP\xBBQQPQ\x9BQ\xE6R1R|R\xC7SS_S\xAAS\xF6TBT\x8FT\xDBU(UuU\xC2VV\V\xA9V\xF7WDW\x92W\xE0X/X}X\xCBYYiY\xB8ZZVZ\xA6Z\xF5[E[\x95[\xE5\5\\x86\\xD6]']x]\xC9^^l^\xBD__a_\xB3``W`\xAA`\xFCaOa\xA2a\xF5bIb\x9Cb\xF0cCc\x97c\xEBd@d\x94d\xE9e=e\x92e\xE7f=f\x92f\xE8g=g\x93g\xE9h?h\x96h\xECiCi\x9Ai\xF1jHj\x9Fj\xF7kOk\xA7k\xFFlWl\xAFmm`m\xB9nnkn\xC4o oxo\xD1p+p\x86p\xE0q:q\x95q\xF0rKr\xA6ss]s\xB8ttpt\xCCu(u\x85u\xE1v>v\x9Bv\xF8wVw\xB3xxnx\xCCy*y\x89y\xE7zFz\xA5{{c{\xC2|!|\x81|\xE1}A}\xA1~~b~\xC2#\x84\xE5\x80G\x80\xA8\x81
+\x81k\x81͂0\x82\x92\x82\xF4\x83W\x83\xBA\x84 \x84\x80\x84\xE3\x85G\x85\xAB\x86\x86r\x86ׇ;\x87\x9F\x88\x88i\x88Ή3\x89\x99\x89\xFE\x8Ad\x8Aʋ0\x8B\x96\x8B\xFC\x8Cc\x8Cʍ1\x8D\x98\x8D\xFF\x8Ef\x8EΏ6\x8F\x9E\x90\x90n\x90֑?\x91\xA8\x92\x92z\x92\xE3\x93M\x93\xB6\x94 \x94\x8A\x94\xF4\x95_\x95ɖ4\x96\x9F\x97
+\x97u\x97\xE0\x98L\x98\xB8\x99$\x99\x90\x99\xFC\x9Ah\x9A՛B\x9B\xAF\x9C \x9C\x89\x9C\xF7\x9Dd\x9DҞ@\x9E\xAE\x9F \x9F\x8B\x9F\xFA\xA0i\xA0ءG\xA1\xB6\xA2&\xA2\x96\xA3\xA3v\xA3\xE6\xA4V\xA4ǥ8\xA5\xA9\xA6\xA6\x8B\xA6\xFD\xA7n\xA7\xE0\xA8R\xA8ĩ7\xA9\xA9\xAA \xAA\x8F\xAB\xABu\xAB\xE9\xAC\\xACЭD\xAD\xB8\xAE-\xAE\xA1\xAF\xAF\x8B\xB0 \xB0u\xB0\xEA\xB1`\xB1ֲK\xB2³8\xB3\xAE\xB4%\xB4\x9C\xB5\xB5\x8A\xB6\xB6y\xB6\xF0\xB7h\xB7\xE0\xB8Y\xB8ѹJ\xB9º;\xBA\xB5\xBB.\xBB\xA7\xBC!\xBC\x9B\xBD\xBD\x8F\xBE
+\xBE\x84\xBE\xFF\xBFz\xBF\xF5\xC0p\xC0\xEC\xC1g\xC1\xE3\xC2_\xC2\xDB\xC3X\xC3\xD4\xC4Q\xC4\xCE\xC5K\xC5\xC8\xC6F\xC6\xC3\xC7Aǿ\xC8=ȼ\xC9:ɹ\xCA8ʷ\xCB6˶\xCC5̵\xCD5͵\xCE6ζ\xCF7ϸ\xD09к\xD1<Ѿ\xD2?\xD2\xC1\xD3D\xD3\xC6\xD4I\xD4\xCB\xD5N\xD5\xD1\xD6U\xD6\xD8\xD7\\xD7\xE0\xD8d\xD8\xE8\xD9l\xD9\xF1\xDAv\xDA\xFBۀ\xDC܊\xDDݖ\xDE ޢ\xDF)߯\xE06\xE0\xBD\xE1D\xE1\xCC\xE2S\xE2\xDB\xE3c\xE3\xEB\xE4s\xE4\xFC\xE5\x84\xE6
+\xE6\x96\xE7 \xE7\xA9\xE82\xE8\xBC\xE9F\xE9\xD0\xEA[\xEA\xE5\xEBp\xEB\xFB\xEC\x86\xED\xED\x9C\xEE(\xEE\xB4\xEF@\xEF\xCC\xF0X\xF0\xE5\xF1r\xF1\xFF\xF2\x8C\xF3\xF3\xA7\xF44\xF4\xC2\xF5P\xF5\xDE\xF6m\xF6\xFB\xF7\x8A\xF8\xF8\xA8\xF98\xF9\xC7\xFAW\xFA\xE7\xFBw\xFC\xFC\x98\xFD)\xFD\xBA\xFEK\xFE\xDC\xFFm\xFF\xFF\xFF\xEE Adobe d@ \xFF\xDB \x84
+
+
+
+
+ \xFF\xC0 d d \xFF\xDD
+\xFF\xC4\xA2
+
+ s !1AQa"q\x812\x91\xA1\xB1B#\xC1R\xD1\xE13b\xF0$r\x82\xF1%C4S\x92\xA2\xB2cs\xC25D'\x93\xA3\xB36Tdt\xC3\xD2\xE2&\x83
+\x84\x94EF\xA4\xB4V\xD3U(\xF2\xE3\xF3\xC4\xD4\xE4\xF4eu\x85\x95\xA5\xB5\xC5\xD5\xE5\xF5fv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF67GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF78HXhx\x88\x98\xA8\xB8\xC8\xD8\xE8\xF8)9IYiy\x89\x99\xA9\xB9\xC9\xD9\xE9\xF9*:JZjz\x8A\x9A\xAA\xBA\xCA\xDA\xEA\xFA m !1AQa"q\x81\x912\xA1\xB1\xF0\xC1\xD1\xE1#BRbr\xF13$4C\x82\x92S%\xA2c\xB2\xC2s\xD25\xE2D\x83T\x93
+&6E'dtU7\xF2\xA3\xB3\xC3()\xD3\xE3\xB4\xC4\xD4\xE4\xF4eu\x85\x95\xA5\xB5\xC5\xD5\xE5\xF5FVfv\x86\x96\xA6\xB6\xC6\xD6\xE6\xF6GWgw\x87\x97\xA7\xB7\xC7\xD7\xE7\xF78HXhx\x88\x98\xA8\xB8\xC8\xD8\xE8\xF89IYiy\x89\x99\xA9\xB9\xC9\xD9\xE9\xF9*:JZjz\x8A\x9A\xAA\xBA\xCA\xDA\xEA\xFA\xFF\xDA ? \xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD0\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD1\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD2\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD3\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD4\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD5\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD6\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD7\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD0\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD1\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD2\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD3\xFB\xF9\x8A\xBBv*\xECUثG\xA6*\xFEl\xFF \xE7>\xFF \xF5\xAD6~z\xFD\xD0t\xEC\xF3\xDE\xDC\xFF \x9F\xC3\xFD\xC8|\xAF\xDAO\xF1\xFC\x9F\xF7!\xF1\xDEj\x9D\xB1Wb\xAE\xC5]\x8A\xBB\xFF\xD9
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglepng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportrighthalfrectanglesvg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px">
+<path fill="#006400" d="M50,0h50c0,33.3,0,66.7,0,100H50V0z"/>
+</svg>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagesupportw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/support/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-20.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-50.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle-70.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.jpg
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/left-half-rectangle.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-20.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-50.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle-70.png
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.gif
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.jpg
+/LayoutTests/css3/shapes/shape-outside/shape-image/support/right-half-rectangle.png
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideshapeimagew3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/shape-image/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+shape-image-threshold
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-000.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-001.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-002.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-003.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-004.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-005.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-012.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-013.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-014.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-015.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-016.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-017.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-018.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-019.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-020.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-021.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-022.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023-expected.html
+/LayoutTests/css3/shapes/shape-outside/shape-image/shape-image-023.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + margin-box + position (px)</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#margin-box">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + content-box + radius and position in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + closest-side + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#closest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle016expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + farthest-side + border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#farthest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle017expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + shape-margin in px</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle018expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle018html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + shape-margin in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle019expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle019html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle at top left + margin-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#margin-box">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle020expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle020html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle at % + border-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle021expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle021html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle + farthest-side + padding-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#farthest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle022expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle022html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle at bottom right + content-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-circle-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle024expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle024html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle radius in % units + shape-margin + border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle025expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle025html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle + shape-margin + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle026expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle026html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle + shape-margin + content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle027expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle027html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle with radius in % units + shape-margin + margin-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle028expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle028html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,72 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle(closest-side) at position % + shape-margin + border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#closest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle029expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle029html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, circle at center right + shape-margin + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-circle-023-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle030expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div id="left-circle-outline"></div>
+ <!-- generated left-rounded-rect-float-line divs will be inserted here -->
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X
+ </div>
+
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "circle-outline"
+ });
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle030html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle radius in px units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-circle-030-ref.html">
+ <meta name="flags" content="ahem dom" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an circle with the radius in px units.">
+ </head>
+ <style>
+ 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);
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div style="float: left" class="circle"></div>
+ <span id="test0">X</span><br/>
+ <span id="test1">X</span><br/>
+ <span id="test2">X</span><br/>
+ <span id="test3">X</span><br/>
+ <span id="test4">X</span><br/>
+ <span id="test5">X</span><br/>
+ <span id="test6">X</span><br/>
+ <span id="test7">X</span><br/>
+ <span id="test8">X
+ </div>
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script src="../support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20
+ }, 9);
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle031expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div id="left-circle-outline"></div>
+ <!-- generated left-rounded-rect-float-line divs will be inserted here -->
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X
+ </div>
+
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20,
+ floatElementClassSuffix: "circle-float-line",
+ insertElementIdSuffix: "circle-outline"
+ });
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescircleshapeoutsidecircle031html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, circle radius in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-circle-030-ref.html">
+ <meta name="flags" content="ahem dom" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an circle with the radius in percentage units.">
+ </head>
+ <style>
+ 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%);
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div style="float: left" class="circle"></div>
+ <span id="test0">X</span><br/>
+ <span id="test1">X</span><br/>
+ <span id="test2">X</span><br/>
+ <span id="test3">X</span><br/>
+ <span id="test4">X</span><br/>
+ <span id="test5">X</span><br/>
+ <span id="test6">X</span><br/>
+ <span id="test7">X</span><br/>
+ <span id="test8">X
+ </div>
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script src="../support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20
+ }, 9);
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapescirclew3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-013.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-014.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-015.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-016.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-017.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-018.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-019.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-020.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-021.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-022.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-024.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-025.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-026.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-027.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-028.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-029.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-030.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/circle/shape-outside-circle-031.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii and position in px</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii and position in % units + content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse + closest-side + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#closest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse016expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii in % units + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse017expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse(farthest-side) + shape-margin + content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#farthest-side">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse018expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse018html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse + shape-margin in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse019expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse019html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii in % units + padding-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse020expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse020html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii in % units + margin-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#margin-box">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-ellipse-013-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: absolute;
+ top: 50px;
+ 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;
+ height
+ top: 50px;
+ left: 168px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 170px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the right of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse021expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse021html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,72 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, ellipse (closest-side px) + shape-margin + padding box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-ellipse-021-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse022expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse022html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, ellipse(closest-side px) + shape-margin + content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-ellipse-021-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse023expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse023html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, ellipse + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="match" href="reference/shape-outside-ellipse-021-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 100px;
+ height: 100px;
+ margin: 20px;
+ padding: 10px;
+ border: 10px solid transparent;
+ -webkit-shape-margin: 20px;
+ -webkit-shape-outside: ellipse(at 110px);
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse024expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse024html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, ellipse at position (%) + shape-margin (%) + border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-ellipse-021-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse025expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #line {
+ position: absolute;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #square {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="line"></div>
+ <div id="square"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse025html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,72 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, ellipse radii in % at center right + shape-margin + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-ellipse-021-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 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;
+ height
+ top: 50px;
+ left: 140px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 130px;
+ left: 100px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square to the left of the blue line. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse030expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div id="left-ellipse-outline"></div>
+ <!-- generated left-rounded-rect-float-line divs will be inserted here -->
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X
+ </div>
+
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20,
+ floatElementClassSuffix: "ellipse-float-line",
+ insertElementIdSuffix: "ellipse-outline"
+ });
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse030html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii in px</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-ellipse-030-ref.html">
+ <meta name="flags" content="ahem dom" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an ellipse with radii in px units.">
+ </head>
+ <style>
+ 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);
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div style="float: left" class="ellipse"></div>
+ <span id="test0">X</span><br/>
+ <span id="test1">X</span><br/>
+ <span id="test2">X</span><br/>
+ <span id="test3">X</span><br/>
+ <span id="test4">X
+ </div>
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script src="../support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20
+ }, 9);
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse031expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div id="left-ellipse-outline"></div>
+ <!-- generated left-rounded-rect-float-line divs will be inserted here -->
+ X<br/>
+ X<br/>
+ X<br/>
+ X<br/>
+ X
+ </div>
+
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script>
+ genLeftRoundedRectFloatShapeOutsideRefTest({
+ roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20,
+ floatElementClassSuffix: "ellipse-float-line",
+ insertElementIdSuffix: "ellipse-outline"
+ });
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipseshapeoutsideellipse031html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, ellipse radii in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-ellipse-030-ref.html">
+ <meta name="flags" content="ahem dom" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an ellipse with radii in % units.">
+ </head>
+ <style>
+ 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%);
+ }
+ </style>
+ <body>
+ <p>The test passes if all of the squares are green. There should be no red.</p>
+ <div class="container">
+ X<br/>
+ <div style="float: left" class="ellipse"></div>
+ <span id="test0">X</span><br/>
+ <span id="test1">X</span><br/>
+ <span id="test2">X</span><br/>
+ <span id="test3">X</span><br/>
+ <span id="test4">X
+ </div>
+ <script src="../support/rounded-rectangle.js"></script>
+ <script src="../support/subpixel-utils.js"></script>
+ <script src="../support/test-utils.js"></script>
+ <script>
+ verifyTextPoints({
+ roundedRect: {x: 0, y: 20, width: 160, height: 80, rx: 80, ry: 40},
+ containerWidth: 200,
+ containerHeight: 200,
+ lineHeight: 20
+ }, 9);
+ </script>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesellipsew3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-013.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-014.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-015.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-016.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-017.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-018.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-019.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-020.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-021.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-022.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-023.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-024.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-025.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-030.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/ellipse/shape-outside-ellipse-031.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset010expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset, px units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle in px units.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 25px;
+ width: 100px;
+ height: 100px;
+ top: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset011expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset, % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle in percentage units.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 25px;
+ width: 100px;
+ height: 100px;
+ top: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset012expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset + margin-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle + margin-box.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 100px;
+ left: 25px;
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset + border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle + border-box.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 100px;
+ left: 25px;
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset + content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle + content-box.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 100px;
+ left: 25px;
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ #shape {
+ position: absolute;
+ left: 25px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetshapeoutsideinset015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, inset + padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values">
+ <link rel="match" href="reference/shape-outside-inset-010-ref.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verfies that text flows around a
+ left float with a shape-outside defined as
+ an inset rectangle + padding-box.">
+ </head>
+ <style>
+ #container {
+ position: absolute;
+ left: 25px;
+ 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: 100px;
+ left: 25px;
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXX XXXXXXXX XXXX XXXX XXXX XXXX XXXXXXXX XXXXXXXX
+ </div>
+ <div id="static-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapesinsetw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-010.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-011.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-012.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-013.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-014.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/inset/shape-outside-inset-015.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, polygon, args in px units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-polygon-007-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an polygon with the args in px units.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXX XXXXXXXXXX XXXX XXXX XXXXXX XXXXXX XX XX XXXXXXXXXX XXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon008expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, polygon, args in % units</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-polygon-007-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an polygon with the args in px units.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXX XXXXXXXXXX XXXX XXXX XXXXXX XXXXXX XX XX XXXXXXXXXX XXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon009expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 200px;
+ height: 200px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon009html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,69 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, polygon + border box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-polygon-007-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an polygon from the border box.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXX XXXXXXXXX XXX XXX XXXXX XXXXX X X XXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon010expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, polygon + padding box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#padding-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an polygon from the padding box.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX XXXXX XXXXXXX XXXXXXX XXX XXX
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon011expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: left float, polygon + content box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that text wraps around a
+ left float with a shape-outside defined as
+ an polygon from the content box.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX XXXXX XXXXXXX XXXXXXX XXX XXX
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, polygon + margin-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#margin-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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: 170px;
+ width: 80px;
+ height: 20px;
+ }
+ #ref-3 {
+ top: 170px;
+ left: 130px;
+ width: 120px;
+ height: 60px;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXX XXX XXX XXX XXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, polygon + border-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XXX XXX XXX XXXXXXXX XXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, polygon + padding-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#border-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XX XX XX XX XXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,74 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, polygon + content-box + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#content-box">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XXX XXX XXX XXX XXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ <div id="ref-3" class="ref-shape"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon016expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #green-square {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ width: 240px;
+ height: 240px;
+ background-color: green;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="green-square"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: polygon, evenodd</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="match" href="reference/shape-outside-polygon-010-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="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.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there is green square and no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ XXXXXXX XXXXXXX XX XX XX XX XX XX XX XX XXXXXXXXXXXX XXXXXXXXXXXX
+ </div>
+ <div id="ref-1" class="ref-shape"></div>
+ <div id="ref-2" class="ref-shape"></div>
+ </div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon017expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there there are two green squares between the blue lines. There should be no red.</p>
+ <div class="bottom square"></div>
+ <div class="top square"></div>
+ <div class="left line"></div>
+ <div class="right line"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonshapeoutsidepolygon017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: right float, polygon + shape-margin beyond margin box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior">
+ <link rel="match" href="reference/shape-outside-polygon-017-ref.html">
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The test verifies that when a shape-margin is defined that
+ extends beyond the margin box, the shape is clipped to the
+ box.">
+ </head>
+ <style>
+ 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;
+ }
+ </style>
+ <body>
+ <p>The test passes if there there are two green squares between the blue lines. There should be no red.</p>
+ <div id="container">
+ <div id="test-shape"></div>
+ <br/>
+ X
+ <br/>
+ <br/>
+ X
+ </div>
+ <div class="left line"></div>
+ <div class="right line"></div>
+ <div class="failure square-1"></div>
+ <div class="failure square-2"></div>
+ </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapespolygonw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-007.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-008.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-009.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-010.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-011.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-012.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-013.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-014.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-015.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-016.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017-expected.html
+/LayoutTests/css3/shapes/shape-outside/supported-shapes/polygon/shape-outside-polygon-017.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportroundedrectanglejs"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/rounded-rectangle.js 2014-08-18 23:10:04 UTC (rev 172733)
</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 == "upper")
+ lowerCorner = false;
+ else if (corner == "lower")
+ upperCorner = false;
+
+ for (var y = 0; y < height; y += lineHeight) {
+ if (y + lineHeight <= r.y || y >= r.y + r.height)
+ continue;
+
+ if (upperCorner && (y + lineHeight < 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 && (y > 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 = "left-" + args.floatElementClassSuffix;
+ return '<div class="' + cls + '" style="width:' + width + 'px"></div>';
+ });
+ document.getElementById("left-" + args.insertElementIdSuffix).insertAdjacentHTML('afterend', leftFloatDivs.join("\n"));
+ 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 = "right-" + args.floatElementClassSuffix;
+ return '<div class="' + cls + '" style="width:' + width + 'px"></div>';
+ });
+ document.getElementById("right-" + args.insertElementIdSuffix).insertAdjacentHTML('afterend', rightFloatDivs.join("\n"));
+}
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupportsubpixelutilsjs"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/subpixel-utils.js 2014-08-18 23:10:04 UTC (rev 172733)
</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></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidesupportedshapessupporttestutilsjs"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/test-utils.js (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/test-utils.js (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/supported-shapes/support/test-utils.js 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+function verifyTextPoints(shape, numLines, tolerance, side) {
+ if (tolerance === undefined)
+ tolerance = 0.5;
+ if (side === undefined)
+ side = "left";
+
+ if (side === "right")
+ shape.roundedRect.x = shape.containerWidth - (shape.roundedRect.x + shape.roundedRect.width);
+
+ var expected = getRoundedRectLeftEdge(shape);
+
+ for(var i = 0; i < numLines; i++) {
+ var line = document.getElementById('test'+i);
+ var actual = line.getBoundingClientRect().left;
+ if (side === "right")
+ actual = shape.containerWidth - (actual + line.getBoundingClientRect().width);
+
+ if( Math.abs( (actual - expected[i])) > tolerance ){
+ line.style.setProperty('color', 'red');
+ console.log('diff: ' + Math.abs(actual - expected[i]));
+ }
+ }
+}
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+
+PASS 0.0 - inline
+PASS .2 - inline
+PASS 0.333 - inline
+PASS 1.0 - inline
+PASS 1.5 - inline
+PASS 0.0 - computed
+PASS .2 - computed
+PASS 0.333 - computed
+PASS 1.0 - computed
+PASS 1.5 - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Image Threshold - Valid values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property">
+ <meta name="assert" content="shape-image-threshold is any valid number and computed the
+ clipped value between 0 and 1.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_image_threshold_valid_tests = [
+ {
+ "actual": "0.0",
+ "expected_inline": "0",
+ "expected_computed": "0"
+ },
+ {
+ "actual": ".2",
+ "expected_inline": "0.2",
+ "expected_computed": "0.2"
+ },
+ {
+ "actual": "0.333",
+ "expected_inline": "0.333",
+ "expected_computed": "0.333"
+ },
+ {
+ "actual": "1.0",
+ "expected_inline": "1",
+ "expected_computed": "1"
+ },
+ {
+ "actual": "1.5",
+ "expected_inline": "1.5",
+ "expected_computed": "1"
+ }
+ ];
+ generate_tests( ParsingUtils.testShapeThresholdInlineStyle,
+ ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'inline') );
+ generate_tests( ParsingUtils.testShapeThresholdComputedStyle,
+ ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1 @@
</span><ins>+PASS
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Image Threshold - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property">
+ <meta name="assert" content="shape-image-threshold may take calc values and computed the
+ clipped value between 0 and 1.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_image_threshold_valid_tests = [
+ {
+ "actual": "calc(10/100)",
+ "expected_inline": "calc(0.1)",
+ "expected_computed": "0.1"
+ },
+ {
+ "actual": "calc(10/100) + calc(30/100)",
+ "expected_inline": "calc(0.1) + calc(0.3)",
+ "expected_computed": "0.4"
+ },
+ {
+ "actual": "calc(150/100)",
+ "expected_inline": "calc(1.5)",
+ "expected_computed": "1"
+ },
+ {
+ "actual": "calc(150/100 - 2)",
+ "expected_inline": "calc(-0.5)",
+ "expected_computed": "0"
+ }
+ ];
+ generate_tests( ParsingUtils.testShapeThresholdInlineStyle,
+ ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'inline') );
+ generate_tests( ParsingUtils.testShapeThresholdComputedStyle,
+ ParsingUtils.buildTestCases(shape_image_threshold_valid_tests, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+
+PASS -0.5 - inline - invalid
+PASS -100 - inline - invalid
+PASS nonNumber - inline - invalid
+PASS 3/4 - inline - invalid
+PASS 20% - inline - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Image Threshold - Invalid values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property">
+ <meta name="assert" content="shape-image-threshold is set to 0 when an invalid value is specified.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ // TODO
+ var shape_image_threshold_invalid_tests = [
+ {"name": "-0.5" },
+ {"name": "-100" },
+ {"name": "nonNumber" },
+ {"name": "3/4" },
+ {"name": "20%" }
+ ];
+ generate_tests( ParsingUtils.testShapeThresholdInlineStyle,
+ ParsingUtils.buildTestCases(shape_image_threshold_invalid_tests, 'inline - invalid') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+
+PASS shape-image-threshold can be assigned 'inherit' value
+PASS shape-image-threshold is not inherited and defaults to 0
+PASS shape-margin is not inherited
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeimagethreshold003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Image Threshold Inherit</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property">
+ <meta name="assert" content="shape-outside can be assigned the 'inherit' value and does not inherit by default.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ function setUpTest(parentValue, childValue) {
+ var outer = document.createElement("div");
+ var inner = document.createElement("div");
+ outer.appendChild(inner);
+
+ outer.style.setProperty("-webkit-shape-outside", "content-box");
+ outer.style.setProperty("-webkit-shape-image-threshold", parentValue);
+ inner.style.setProperty("-webkit-shape-outside", "circle()");
+ inner.style.setProperty("-webkit-shape-image-threshold", childValue);
+
+ document.body.appendChild(outer);
+
+ var inline = inner.style.getPropertyValue("-webkit-shape-image-threshold");
+ var style = getComputedStyle(inner);
+ var computed = style.getPropertyValue("-webkit-shape-image-threshold");
+ document.body.removeChild(outer);
+
+ return [inline, computed];
+ }
+
+ test(function() {
+ var results = setUpTest("0.5", "inherit");
+ assert_equals(results[0], "inherit");
+ assert_equals(results[1], "0.5");
+ }, "shape-image-threshold can be assigned 'inherit' value");
+
+ test(function() {
+ var results = setUpTest("0.3", null);
+ assert_equals(results[0], null);
+ assert_equals(results[1], "0");
+ }, "shape-image-threshold is not inherited and defaults to 0");
+
+ test(function() {
+ var results = setUpTest("0.2", "0.5");
+ assert_equals(results[0], "0.5");
+ assert_equals(results[1], "0.5");
+ }, "shape-margin is not inherited");
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS 10px - inline
+PASS 10% - inline
+PASS 10px - computed
+PASS 10% - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin Valid Values - Length or Percentage</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="shape-margin values may be either a length or percentage">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_margin_valid_tests = [
+ {
+ "actual": "10px",
+ "expected_inline": "10px",
+ "expected_computed": "10px"
+ },
+ {
+ "actual": "10%",
+ "expected_inline": "10%",
+ "expected_computed": "10%"
+ }
+ ];
+ generate_tests( ParsingUtils.testShapeMarginInlineStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_tests, "inline"), false);
+ generate_tests( ParsingUtils.testShapeMarginComputedStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_tests, "computed"), false);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+
+PASS 10cm - inline
+PASS 10mm - inline
+PASS 10in - inline
+PASS 10pt - inline
+PASS 10pc - inline
+PASS 10em - inline
+PASS 10ex - inline
+PASS 10ch - inline
+PASS 10rem - inline
+PASS 10vw - inline
+PASS 10vh - inline
+PASS 10vmin - inline
+PASS 10vmax - inline
+PASS 10cm - computed
+PASS 10mm - computed
+PASS 10in - computed
+PASS 10pt - computed
+PASS 10pc - computed
+PASS 10em - computed
+PASS 10ex - computed
+PASS 10ch - computed
+PASS 10rem - computed
+PASS 10vw - computed
+PASS 10vh - computed
+PASS 10vmin - computed
+PASS 10vmax - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin Valid Values - Length Units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="shape-margin values may be in any length unit">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_margin_valid_unit_tests = [];
+ ParsingUtils.validUnits.forEach(function(unit) {
+ test = "10"+unit;
+ testCase = new Object();
+ // actual & expected_inline should be the same
+ // expected_computed will get converted to the px value in the test framework
+ testCase["actual"] = test;
+ testCase["expected_inline"] = test;
+ testCase["expected_computed"] = test;
+ shape_margin_valid_unit_tests.push(testCase);
+ });
+ generate_tests( ParsingUtils.testShapeMarginInlineStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_unit_tests, "inline"), true);
+ generate_tests( ParsingUtils.testShapeMarginComputedStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_unit_tests, "computed"), true);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS 10.12345px - inline
+PASS .5px - inline
+PASS +15px - inline
+PASS +10.678px - inline
+PASS 10.12345px - computed
+PASS .5px - computed
+PASS +15px - computed
+PASS +10.678px - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin Valid Values - Decimal, Positive/Negative lengths</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="shape-margin values may be either a length or percentage">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_margin_valid_tests = [
+ {
+ "actual": "10.12345px",
+ "expected_inline": "10.12345px",
+ "expected_computed": "10.12345px"
+ },
+ {
+ "actual": ".5px",
+ "expected_inline": "0.5px",
+ "expected_computed": "0.5px"
+ },
+ {
+ "actual": "+15px",
+ "expected_inline": "15px",
+ "expected_computed": "15px"
+ },
+ {
+ "actual": "+10.678px",
+ "expected_inline": "10.678px",
+ "expected_computed": "10.678px"
+ },
+ ];
+ generate_tests( ParsingUtils.testShapeMarginInlineStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_tests, "inline"), true);
+ generate_tests( ParsingUtils.testShapeMarginComputedStyle,
+ ParsingUtils.buildTestCases(shape_margin_valid_tests, "computed"), true);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+
+PASS calc(10in) - inline style
+PASS calc(10in + 20px) - inline style
+PASS calc(30%) - inline style
+PASS calc(100%/4) - inline style
+PASS calc(25%*3) - inline style
+PASS calc(25%*3 - 10in) - inline style
+PASS calc((12.5%*6 + 10in) / 4) - inline style
+PASS calc(10in) - computed style
+PASS calc(10in + 20px) - computed style
+PASS calc(30%) - computed style
+PASS calc(100%/4) - computed style
+PASS calc(25%*3) - computed style
+PASS calc(25%*3 - 10in) - computed style
+PASS calc((12.5%*6 + 10in) / 4) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin Valid Values - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="shape-margin values may be calc() values">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_margin_calc_tests = [];
+ ParsingUtils.calcTestValues.forEach(function(value) {
+ testCase = [ value[0], value[1] ];
+ if(Object.prototype.toString.call( value[2] ) === '[object Array]' && 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, "inline"));
+ generate_tests( ParsingUtils.testShapeMarginComputedStyle,
+ ParsingUtils.buildCalcTests(shape_margin_calc_tests, "computed"));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS -20px - inline - invalid
+PASS -.4567px - inline - invalid
+PASS nonLength - inline - invalid
+PASS 10 - inline - invalid
+PASS -20px - computed - invalid
+PASS -.4567px - computed - invalid
+PASS nonLength - computed - invalid
+PASS 10 - computed - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin Invalid Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="shape-margin values may only be positive length units.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_margin_invalid_tests = [
+ {"name": "-20px"},
+ {"name": "-.4567px"},
+ {"name": "nonLength"},
+ {"name": "10"}
+ ];
+ generate_tests( ParsingUtils.testShapeMarginInlineStyle,
+ ParsingUtils.buildTestCases(shape_margin_invalid_tests, "inline - invalid"));
+ generate_tests( ParsingUtils.testShapeMarginComputedStyle,
+ ParsingUtils.buildTestCases(shape_margin_invalid_tests, "computed - invalid"));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+
+PASS shape-margin can be assigned 'inherit' value
+PASS shape-margin is not inherited and defaults to 0px
+PASS shape-margin is not inherited
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapemargin005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Margin - inherit</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property">
+ <meta name="assert" content="The shape-margin value is not inherited and can be assigned the 'inherit' value.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+
+ function setUpTest(parentValue, childValue) {
+ var outer = document.createElement("div");
+ var inner = document.createElement("div");
+ outer.appendChild(inner);
+
+ outer.style.setProperty("-webkit-shape-outside", "content-box");
+ outer.style.setProperty("-webkit-shape-margin", parentValue);
+ inner.style.setProperty("-webkit-shape-outside", "circle()");
+ inner.style.setProperty("-webkit-shape-margin", childValue);
+
+ document.body.appendChild(outer);
+
+ var inline = inner.style.getPropertyValue("-webkit-shape-margin");
+ var style = getComputedStyle(inner);
+ var computed = style.getPropertyValue("-webkit-shape-margin");
+ document.body.removeChild(outer);
+
+ return [inline, computed];
+ }
+
+ test(function() {
+ var results = setUpTest("10px", "inherit");
+ assert_equals(results[0], "inherit");
+ assert_equals(results[1], "10px");
+ }, "shape-margin can be assigned 'inherit' value");
+
+ test(function() {
+ var results = setUpTest("5px", null);
+ assert_equals(results[0], null);
+ assert_equals(results[1], "0px");
+ }, "shape-margin is not inherited and defaults to 0px");
+
+ test(function() {
+ var results = setUpTest("15px", "10px");
+ assert_equals(results[0], "10px");
+ assert_equals(results[1], "10px");
+ }, "shape-margin is not inherited");
+
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidebox000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS content-box - inline
+PASS padding-box - inline
+PASS border-box - inline
+PASS margin-box - inline
+PASS content-box - computed
+PASS padding-box - computed
+PASS border-box - computed
+PASS margin-box - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidebox000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Box Valid Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#typedef-shape-box">
+ <meta name="assert" content="Shape-outside may be one of the box model box values">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_shape_boxes = [
+ {
+ "actual": "content-box",
+ "expected_inline": "content-box",
+ "expected_computed": "content-box"
+ },
+ {
+ "actual": "padding-box",
+ "expected_inline": "padding-box",
+ "expected_computed": "padding-box"
+ },
+ {
+ "actual": "border-box",
+ "expected_inline": "border-box",
+ "expected_computed": "border-box"
+ },
+ {
+ "actual": "margin-box",
+ "expected_inline": "margin-box",
+ "expected_computed": "margin-box"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_shape_boxes, 'inline') );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_shape_boxes, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS No arguments - inline
+PASS Radial argument only - inline
+PASS Position argument only - inline
+PASS Radial and position argument - inline
+PASS No arguments - computed
+PASS Radial argument only - computed
+PASS Position argument only - computed
+PASS Radial and position argument - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Valid Formats</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A circular basic shape has an optional radius and position component">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_circle_tests = [
+ {
+ "name": "No arguments",
+ "actual": "circle()",
+ "expected_inline": "circle(at 50% 50%)",
+ "expected_computed": "circle(at 50% 50%)"
+ },
+ {
+ "name": "Radial argument only",
+ "actual": "circle(50px)",
+ "expected_inline": "circle(50px at 50% 50%)",
+ "expected_computed": "circle(50px at 50% 50%)"
+ },
+ {
+ "name": "Position argument only",
+ "actual": "circle(at 50px 50px)",
+ "expected_inline": "circle(at 50px 50px)",
+ "expected_computed": "circle(at 50px 50px)"
+ },
+ {
+ "name": "Radial and position argument",
+ "actual": "circle(50px at 50px 50px)",
+ "expected_inline": "circle(50px at 50px 50px)",
+ "expected_computed": "circle(50px at 50px 50px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_circle_tests, 'inline')
+ );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_circle_tests, 'computed')
+ );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+
+PASS circle() - inline
+PASS circle(50px) - inline
+PASS circle(50%) - inline
+PASS circle(closest-side) - inline
+PASS circle(farthest-side) - inline
+PASS circle() - computed
+PASS circle(50px) - computed
+PASS circle(50%) - computed
+PASS circle(closest-side) - computed
+PASS circle(farthest-side) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Valid Radii</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A circle's radius may be a length, percentage, or keyword.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('circle', 'inline'));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('circle', 'computed'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,242 @@
</span><ins>+
+PASS circle(at 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at 50px) serializes as circle(at 50px 50%) - inline
+PASS circle(at 50% 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at 50% 50px) serializes as circle(at 50% 50px) - inline
+PASS circle(at 50px 50%) serializes as circle(at 50px 50%) - inline
+PASS circle(at 50px 50px) serializes as circle(at 50px 50px) - inline
+PASS circle(at left) serializes as circle(at 0% 50%) - inline
+PASS circle(at top) serializes as circle(at 50% 0%) - inline
+PASS circle(at right) serializes as circle(at 100% 50%) - inline
+PASS circle(at bottom) serializes as circle(at 50% 100%) - inline
+PASS circle(at center) serializes as circle(at 50% 50%) - inline
+PASS circle(at left top) serializes as circle(at 0% 0%) - inline
+PASS circle(at left bottom) serializes as circle(at 0% 100%) - inline
+PASS circle(at left center) serializes as circle(at 0% 50%) - inline
+PASS circle(at top left) serializes as circle(at 0% 0%) - inline
+PASS circle(at top right) serializes as circle(at 100% 0%) - inline
+PASS circle(at top center) serializes as circle(at 50% 0%) - inline
+PASS circle(at right top) serializes as circle(at 100% 0%) - inline
+PASS circle(at right bottom) serializes as circle(at 100% 100%) - inline
+PASS circle(at right center) serializes as circle(at 100% 50%) - inline
+PASS circle(at bottom left) serializes as circle(at 0% 100%) - inline
+PASS circle(at bottom right) serializes as circle(at 100% 100%) - inline
+PASS circle(at bottom center) serializes as circle(at 50% 100%) - inline
+PASS circle(at center top) serializes as circle(at 50% 0%) - inline
+PASS circle(at center left) serializes as circle(at 0% 50%) - inline
+PASS circle(at center right) serializes as circle(at 100% 50%) - inline
+PASS circle(at center bottom) serializes as circle(at 50% 100%) - inline
+PASS circle(at center center) serializes as circle(at 50% 50%) - inline
+PASS circle(at left 50%) serializes as circle(at 0% 50%) - inline
+PASS circle(at left 50px) serializes as circle(at 0% 50px) - inline
+PASS circle(at 50% top) serializes as circle(at 50% 0%) - inline
+PASS circle(at 50px top) serializes as circle(at 50px 0%) - inline
+PASS circle(at right 80%) serializes as circle(at 100% 80%) - inline
+PASS circle(at right 80px) serializes as circle(at 100% 80px) - inline
+PASS circle(at 70% bottom) serializes as circle(at 70% 100%) - inline
+PASS circle(at 70px bottom) serializes as circle(at 70px 100%) - inline
+PASS circle(at center 60%) serializes as circle(at 50% 60%) - inline
+PASS circle(at center 60px) serializes as circle(at 50% 60px) - inline
+PASS circle(at 60% center) serializes as circle(at 60% 50%) - inline
+PASS circle(at 60px center) serializes as circle(at 60px 50%) - inline
+PASS circle(at center top 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at center top 50px) serializes as circle(at 50% 50px) - inline
+PASS circle(at center left 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at center left 50px) serializes as circle(at 50px 50%) - inline
+PASS circle(at center right 70%) serializes as circle(at 30% 50%) - inline
+PASS circle(at center right 70px) serializes as circle(at right 70px top 50%) - inline
+PASS circle(at center bottom 70%) serializes as circle(at 50% 30%) - inline
+PASS circle(at center bottom 70px) serializes as circle(at left 50% bottom 70px) - inline
+PASS circle(at left top 50%) serializes as circle(at 0% 50%) - inline
+PASS circle(at left top 50px) serializes as circle(at 0% 50px) - inline
+PASS circle(at left bottom 70%) serializes as circle(at 0% 30%) - inline
+PASS circle(at left bottom 70px) serializes as circle(at left 0% bottom 70px) - inline
+PASS circle(at top left 50%) serializes as circle(at 50% 0%) - inline
+PASS circle(at top left 50px) serializes as circle(at 50px 0%) - inline
+PASS circle(at top right 70%) serializes as circle(at 30% 0%) - inline
+PASS circle(at top right 70px) serializes as circle(at right 70px top 0%) - inline
+PASS circle(at bottom left 50%) serializes as circle(at 50% 100%) - inline
+PASS circle(at bottom left 50px) serializes as circle(at 50px 100%) - inline
+PASS circle(at bottom right 70%) serializes as circle(at 30% 100%) - inline
+PASS circle(at bottom right 70px) serializes as circle(at right 70px top 100%) - inline
+PASS circle(at right bottom 70%) serializes as circle(at 100% 30%) - inline
+PASS circle(at right bottom 70px) serializes as circle(at left 100% bottom 70px) - inline
+PASS circle(at right top 50%) serializes as circle(at 100% 50%) - inline
+PASS circle(at right top 50px) serializes as circle(at 100% 50px) - inline
+PASS circle(at left 50% center) serializes as circle(at 50% 50%) - inline
+PASS circle(at left 50px center) serializes as circle(at 50px 50%) - inline
+PASS circle(at left 50% top) serializes as circle(at 50% 0%) - inline
+PASS circle(at left 50px top) serializes as circle(at 50px 0%) - inline
+PASS circle(at left 50% bottom) serializes as circle(at 50% 100%) - inline
+PASS circle(at left 50px bottom) serializes as circle(at 50px 100%) - inline
+PASS circle(at top 50% center) serializes as circle(at 50% 50%) - inline
+PASS circle(at top 50px center) serializes as circle(at 50% 50px) - inline
+PASS circle(at top 50% left) serializes as circle(at 0% 50%) - inline
+PASS circle(at top 50px left) serializes as circle(at 0% 50px) - inline
+PASS circle(at top 50% right) serializes as circle(at 100% 50%) - inline
+PASS circle(at top 50px right) serializes as circle(at 100% 50px) - inline
+PASS circle(at bottom 70% center) serializes as circle(at 50% 30%) - inline
+PASS circle(at bottom 70px center) serializes as circle(at left 50% bottom 70px) - inline
+PASS circle(at bottom 70% left) serializes as circle(at 0% 30%) - inline
+PASS circle(at bottom 70px left) serializes as circle(at left 0% bottom 70px) - inline
+PASS circle(at bottom 70% right) serializes as circle(at 100% 30%) - inline
+PASS circle(at bottom 70px right) serializes as circle(at left 100% bottom 70px) - inline
+PASS circle(at right 80% center) serializes as circle(at 20% 50%) - inline
+PASS circle(at right 80px center) serializes as circle(at right 80px top 50%) - inline
+PASS circle(at right 80% bottom) serializes as circle(at 20% 100%) - inline
+PASS circle(at right 80px bottom) serializes as circle(at right 80px top 100%) - inline
+PASS circle(at right 80% top) serializes as circle(at 20% 0%) - inline
+PASS circle(at right 80px top) serializes as circle(at right 80px top 0%) - inline
+PASS circle(at left 50% top 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at left 50% top 50px) serializes as circle(at 50% 50px) - inline
+PASS circle(at left 50% bottom 70%) serializes as circle(at 50% 30%) - inline
+PASS circle(at left 50% bottom 70px) serializes as circle(at left 50% bottom 70px) - inline
+PASS circle(at left 50px top 50%) serializes as circle(at 50px 50%) - inline
+PASS circle(at left 50px top 50px) serializes as circle(at 50px 50px) - inline
+PASS circle(at left 50px bottom 70%) serializes as circle(at 50px 30%) - inline
+PASS circle(at left 50px bottom 70px) serializes as circle(at left 50px bottom 70px) - inline
+PASS circle(at top 50% left 50%) serializes as circle(at 50% 50%) - inline
+PASS circle(at top 50% left 50px) serializes as circle(at 50px 50%) - inline
+PASS circle(at top 50% right 80%) serializes as circle(at 20% 50%) - inline
+PASS circle(at top 50% right 80px) serializes as circle(at right 80px top 50%) - inline
+PASS circle(at top 50px left 50%) serializes as circle(at 50% 50px) - inline
+PASS circle(at top 50px left 50px) serializes as circle(at 50px 50px) - inline
+PASS circle(at top 50px right 80%) serializes as circle(at 20% 50px) - inline
+PASS circle(at top 50px right 80px) serializes as circle(at right 80px top 50px) - inline
+PASS circle(at bottom 70% left 50%) serializes as circle(at 50% 30%) - inline
+PASS circle(at bottom 70% left 50px) serializes as circle(at 50px 30%) - inline
+PASS circle(at bottom 70% right 80%) serializes as circle(at 20% 30%) - inline
+PASS circle(at bottom 70% right 80px) serializes as circle(at right 80px top 30%) - inline
+PASS circle(at bottom 70px left 50%) serializes as circle(at left 50% bottom 70px) - inline
+PASS circle(at bottom 70px left 50px) serializes as circle(at left 50px bottom 70px) - inline
+PASS circle(at bottom 70px right 80%) serializes as circle(at left 20% bottom 70px) - inline
+PASS circle(at bottom 70px right 80px) serializes as circle(at right 80px bottom 70px) - inline
+PASS circle(at right 80% top 50%) serializes as circle(at 20% 50%) - inline
+PASS circle(at right 80% top 50px) serializes as circle(at 20% 50px) - inline
+PASS circle(at right 80% bottom 70%) serializes as circle(at 20% 30%) - inline
+PASS circle(at right 80% bottom 70px) serializes as circle(at left 20% bottom 70px) - inline
+PASS circle(at right 80px top 50%) serializes as circle(at right 80px top 50%) - inline
+PASS circle(at right 80px top 50px) serializes as circle(at right 80px top 50px) - inline
+PASS circle(at right 80px bottom 70%) serializes as circle(at right 80px top 30%) - inline
+PASS circle(at right 80px bottom 70px) serializes as circle(at right 80px bottom 70px) - inline
+PASS circle(at 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at 50px) serializes as circle(at 50px 50%) - computed
+PASS circle(at 50% 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at 50% 50px) serializes as circle(at 50% 50px) - computed
+PASS circle(at 50px 50%) serializes as circle(at 50px 50%) - computed
+PASS circle(at 50px 50px) serializes as circle(at 50px 50px) - computed
+PASS circle(at left) serializes as circle(at 0% 50%) - computed
+PASS circle(at top) serializes as circle(at 50% 0%) - computed
+PASS circle(at right) serializes as circle(at 100% 50%) - computed
+PASS circle(at bottom) serializes as circle(at 50% 100%) - computed
+PASS circle(at center) serializes as circle(at 50% 50%) - computed
+PASS circle(at left top) serializes as circle(at 0% 0%) - computed
+PASS circle(at left bottom) serializes as circle(at 0% 100%) - computed
+PASS circle(at left center) serializes as circle(at 0% 50%) - computed
+PASS circle(at top left) serializes as circle(at 0% 0%) - computed
+PASS circle(at top right) serializes as circle(at 100% 0%) - computed
+PASS circle(at top center) serializes as circle(at 50% 0%) - computed
+PASS circle(at right top) serializes as circle(at 100% 0%) - computed
+PASS circle(at right bottom) serializes as circle(at 100% 100%) - computed
+PASS circle(at right center) serializes as circle(at 100% 50%) - computed
+PASS circle(at bottom left) serializes as circle(at 0% 100%) - computed
+PASS circle(at bottom right) serializes as circle(at 100% 100%) - computed
+PASS circle(at bottom center) serializes as circle(at 50% 100%) - computed
+PASS circle(at center top) serializes as circle(at 50% 0%) - computed
+PASS circle(at center left) serializes as circle(at 0% 50%) - computed
+PASS circle(at center right) serializes as circle(at 100% 50%) - computed
+PASS circle(at center bottom) serializes as circle(at 50% 100%) - computed
+PASS circle(at center center) serializes as circle(at 50% 50%) - computed
+PASS circle(at left 50%) serializes as circle(at 0% 50%) - computed
+PASS circle(at left 50px) serializes as circle(at 0% 50px) - computed
+PASS circle(at 50% top) serializes as circle(at 50% 0%) - computed
+PASS circle(at 50px top) serializes as circle(at 50px 0%) - computed
+PASS circle(at right 80%) serializes as circle(at 100% 80%) - computed
+PASS circle(at right 80px) serializes as circle(at 100% 80px) - computed
+PASS circle(at 70% bottom) serializes as circle(at 70% 100%) - computed
+PASS circle(at 70px bottom) serializes as circle(at 70px 100%) - computed
+PASS circle(at center 60%) serializes as circle(at 50% 60%) - computed
+PASS circle(at center 60px) serializes as circle(at 50% 60px) - computed
+PASS circle(at 60% center) serializes as circle(at 60% 50%) - computed
+PASS circle(at 60px center) serializes as circle(at 60px 50%) - computed
+PASS circle(at center top 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at center top 50px) serializes as circle(at 50% 50px) - computed
+PASS circle(at center left 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at center left 50px) serializes as circle(at 50px 50%) - computed
+PASS circle(at center right 70%) serializes as circle(at 30% 50%) - computed
+PASS circle(at center right 70px) serializes as circle(at right 70px top 50%) - computed
+PASS circle(at center bottom 70%) serializes as circle(at 50% 30%) - computed
+PASS circle(at center bottom 70px) serializes as circle(at left 50% bottom 70px) - computed
+PASS circle(at left top 50%) serializes as circle(at 0% 50%) - computed
+PASS circle(at left top 50px) serializes as circle(at 0% 50px) - computed
+PASS circle(at left bottom 70%) serializes as circle(at 0% 30%) - computed
+PASS circle(at left bottom 70px) serializes as circle(at left 0% bottom 70px) - computed
+PASS circle(at top left 50%) serializes as circle(at 50% 0%) - computed
+PASS circle(at top left 50px) serializes as circle(at 50px 0%) - computed
+PASS circle(at top right 70%) serializes as circle(at 30% 0%) - computed
+PASS circle(at top right 70px) serializes as circle(at right 70px top 0%) - computed
+PASS circle(at bottom left 50%) serializes as circle(at 50% 100%) - computed
+PASS circle(at bottom left 50px) serializes as circle(at 50px 100%) - computed
+PASS circle(at bottom right 70%) serializes as circle(at 30% 100%) - computed
+PASS circle(at bottom right 70px) serializes as circle(at right 70px top 100%) - computed
+PASS circle(at right bottom 70%) serializes as circle(at 100% 30%) - computed
+PASS circle(at right bottom 70px) serializes as circle(at left 100% bottom 70px) - computed
+PASS circle(at right top 50%) serializes as circle(at 100% 50%) - computed
+PASS circle(at right top 50px) serializes as circle(at 100% 50px) - computed
+PASS circle(at left 50% center) serializes as circle(at 50% 50%) - computed
+PASS circle(at left 50px center) serializes as circle(at 50px 50%) - computed
+PASS circle(at left 50% top) serializes as circle(at 50% 0%) - computed
+PASS circle(at left 50px top) serializes as circle(at 50px 0%) - computed
+PASS circle(at left 50% bottom) serializes as circle(at 50% 100%) - computed
+PASS circle(at left 50px bottom) serializes as circle(at 50px 100%) - computed
+PASS circle(at top 50% center) serializes as circle(at 50% 50%) - computed
+PASS circle(at top 50px center) serializes as circle(at 50% 50px) - computed
+PASS circle(at top 50% left) serializes as circle(at 0% 50%) - computed
+PASS circle(at top 50px left) serializes as circle(at 0% 50px) - computed
+PASS circle(at top 50% right) serializes as circle(at 100% 50%) - computed
+PASS circle(at top 50px right) serializes as circle(at 100% 50px) - computed
+PASS circle(at bottom 70% center) serializes as circle(at 50% 30%) - computed
+PASS circle(at bottom 70px center) serializes as circle(at left 50% bottom 70px) - computed
+PASS circle(at bottom 70% left) serializes as circle(at 0% 30%) - computed
+PASS circle(at bottom 70px left) serializes as circle(at left 0% bottom 70px) - computed
+PASS circle(at bottom 70% right) serializes as circle(at 100% 30%) - computed
+PASS circle(at bottom 70px right) serializes as circle(at left 100% bottom 70px) - computed
+PASS circle(at right 80% center) serializes as circle(at 20% 50%) - computed
+PASS circle(at right 80px center) serializes as circle(at right 80px top 50%) - computed
+PASS circle(at right 80% bottom) serializes as circle(at 20% 100%) - computed
+PASS circle(at right 80px bottom) serializes as circle(at right 80px top 100%) - computed
+PASS circle(at right 80% top) serializes as circle(at 20% 0%) - computed
+PASS circle(at right 80px top) serializes as circle(at right 80px top 0%) - computed
+PASS circle(at left 50% top 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at left 50% top 50px) serializes as circle(at 50% 50px) - computed
+PASS circle(at left 50% bottom 70%) serializes as circle(at 50% 30%) - computed
+PASS circle(at left 50% bottom 70px) serializes as circle(at left 50% bottom 70px) - computed
+PASS circle(at left 50px top 50%) serializes as circle(at 50px 50%) - computed
+PASS circle(at left 50px top 50px) serializes as circle(at 50px 50px) - computed
+PASS circle(at left 50px bottom 70%) serializes as circle(at 50px 30%) - computed
+PASS circle(at left 50px bottom 70px) serializes as circle(at left 50px bottom 70px) - computed
+PASS circle(at top 50% left 50%) serializes as circle(at 50% 50%) - computed
+PASS circle(at top 50% left 50px) serializes as circle(at 50px 50%) - computed
+PASS circle(at top 50% right 80%) serializes as circle(at 20% 50%) - computed
+PASS circle(at top 50% right 80px) serializes as circle(at right 80px top 50%) - computed
+PASS circle(at top 50px left 50%) serializes as circle(at 50% 50px) - computed
+PASS circle(at top 50px left 50px) serializes as circle(at 50px 50px) - computed
+PASS circle(at top 50px right 80%) serializes as circle(at 20% 50px) - computed
+PASS circle(at top 50px right 80px) serializes as circle(at right 80px top 50px) - computed
+PASS circle(at bottom 70% left 50%) serializes as circle(at 50% 30%) - computed
+PASS circle(at bottom 70% left 50px) serializes as circle(at 50px 30%) - computed
+PASS circle(at bottom 70% right 80%) serializes as circle(at 20% 30%) - computed
+PASS circle(at bottom 70% right 80px) serializes as circle(at right 80px top 30%) - computed
+PASS circle(at bottom 70px left 50%) serializes as circle(at left 50% bottom 70px) - computed
+PASS circle(at bottom 70px left 50px) serializes as circle(at left 50px bottom 70px) - computed
+PASS circle(at bottom 70px right 80%) serializes as circle(at left 20% bottom 70px) - computed
+PASS circle(at bottom 70px right 80px) serializes as circle(at right 80px bottom 70px) - computed
+PASS circle(at right 80% top 50%) serializes as circle(at 20% 50%) - computed
+PASS circle(at right 80% top 50px) serializes as circle(at 20% 50px) - computed
+PASS circle(at right 80% bottom 70%) serializes as circle(at 20% 30%) - computed
+PASS circle(at right 80% bottom 70px) serializes as circle(at left 20% bottom 70px) - computed
+PASS circle(at right 80px top 50%) serializes as circle(at right 80px top 50%) - computed
+PASS circle(at right 80px top 50px) serializes as circle(at right 80px top 50px) - computed
+PASS circle(at right 80px bottom 70%) serializes as circle(at right 80px top 30%) - computed
+PASS circle(at right 80px bottom 70px) serializes as circle(at right 80px bottom 70px) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Valid Positions</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="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 ]. ">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests('circle', true, 'inline', 'px'));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildPositionTests('circle', true, 'computed', 'px'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,127 @@
</span><ins>+
+PASS circle(at 50% left) is invalid
+PASS circle(at 50px left) is invalid
+PASS circle(at top 50%) is invalid
+PASS circle(at 80% right) is invalid
+PASS circle(at 80px right) is invalid
+PASS circle(at bottom 70%) is invalid
+PASS circle(at bottom 70px) is invalid
+PASS circle(at center center 60%) is invalid
+PASS circle(at center center 60px) is invalid
+PASS circle(at left center 60%) is invalid
+PASS circle(at left center 60px) is invalid
+PASS circle(at left right 80%) is invalid
+PASS circle(at left right 80px) is invalid
+PASS circle(at left left 50%) is invalid
+PASS circle(at left left 50px) is invalid
+PASS circle(at top center 60%) is invalid
+PASS circle(at top center 60px) is invalid
+PASS circle(at top bottom 80%) is invalid
+PASS circle(at top bottom 80px) is invalid
+PASS circle(at top top 50%) is invalid
+PASS circle(at top top 50px) is invalid
+PASS circle(at bottom center 60%) is invalid
+PASS circle(at bottom center 60px) is invalid
+PASS circle(at bottom top 50%) is invalid
+PASS circle(at bottom top 50px) is invalid
+PASS circle(at bottom bottom 50%) is invalid
+PASS circle(at bottom bottom 50px) is invalid
+PASS circle(at right center 60%) is invalid
+PASS circle(at right center 60px) is invalid
+PASS circle(at right left 50%) is invalid
+PASS circle(at right left 50px) is invalid
+PASS circle(at right right 70%) is invalid
+PASS circle(at right right 70px) is invalid
+PASS circle(at center 60% top) is invalid
+PASS circle(at center 60px top) is invalid
+PASS circle(at center 60% bottom) is invalid
+PASS circle(at center 60px bottom) is invalid
+PASS circle(at center 60% left) is invalid
+PASS circle(at center 60px left) is invalid
+PASS circle(at center 60% right) is invalid
+PASS circle(at center 60px right) is invalid
+PASS circle(at center 60% center) is invalid
+PASS circle(at center 60px center) is invalid
+PASS circle(at left 50% right) is invalid
+PASS circle(at left 50px right) is invalid
+PASS circle(at left 50% left) is invalid
+PASS circle(at left 50px left) is invalid
+PASS circle(at top 50% bottom) is invalid
+PASS circle(at top 50px bottom) is invalid
+PASS circle(at top 50% top) is invalid
+PASS circle(at top 50px top) is invalid
+PASS circle(at bottom 70% top) is invalid
+PASS circle(at bottom 70px top) is invalid
+PASS circle(at bottom 70% bottom) is invalid
+PASS circle(at bottom 70px bottom) is invalid
+PASS circle(at right 80% left) is invalid
+PASS circle(at right 80px left) is invalid
+PASS circle(at center 60% top 50%) is invalid
+PASS circle(at center 60% top 50px) is invalid
+PASS circle(at center 60% bottom 70%) is invalid
+PASS circle(at center 60% bottom 70px) is invalid
+PASS circle(at center 60% left 50%) is invalid
+PASS circle(at center 60% left 50px) is invalid
+PASS circle(at center 60% right 70%) is invalid
+PASS circle(at center 60% right 70px) is invalid
+PASS circle(at center 60% center 65%) is invalid
+PASS circle(at center 60% center 65px) is invalid
+PASS circle(at center 60px top 50%) is invalid
+PASS circle(at center 60px top 50px) is invalid
+PASS circle(at center 60px bottom 70%) is invalid
+PASS circle(at center 60px bottom 70px) is invalid
+PASS circle(at center 60px left 50%) is invalid
+PASS circle(at center 60px left 50px) is invalid
+PASS circle(at center 60px right 70%) is invalid
+PASS circle(at center 60px right 70px) is invalid
+PASS circle(at center 60px center 65%) is invalid
+PASS circle(at center 60px center 65px) is invalid
+PASS circle(at left 50% center 60%) is invalid
+PASS circle(at left 50% center 60px) is invalid
+PASS circle(at left 50% right 80%) is invalid
+PASS circle(at left 50% right 80px) is invalid
+PASS circle(at left 50% left 50%) is invalid
+PASS circle(at left 50% left 50px) is invalid
+PASS circle(at left 50px center 60%) is invalid
+PASS circle(at left 50px center 60px) is invalid
+PASS circle(at left 50px right 80%) is invalid
+PASS circle(at left 50px right 80px) is invalid
+PASS circle(at left 50px left 50%) is invalid
+PASS circle(at left 50px left 50px) is invalid
+PASS circle(at top 50% center 60%) is invalid
+PASS circle(at top 50% center 60px) is invalid
+PASS circle(at top 50% bottom 50%) is invalid
+PASS circle(at top 50% bottom 50px) is invalid
+PASS circle(at top 50% top 50%) is invalid
+PASS circle(at top 50% top 50px) is invalid
+PASS circle(at top 50px center 60%) is invalid
+PASS circle(at top 50px center 60px) is invalid
+PASS circle(at top 50px bottom 70%) is invalid
+PASS circle(at top 50px bottom 70px) is invalid
+PASS circle(at top 50px top 50%) is invalid
+PASS circle(at top 50px top 50px) is invalid
+PASS circle(at bottom 70% center 60%) is invalid
+PASS circle(at bottom 70% center 60px) is invalid
+PASS circle(at bottom 70% top 50%) is invalid
+PASS circle(at bottom 70% top 50px) is invalid
+PASS circle(at bottom 70% bottom 50%) is invalid
+PASS circle(at bottom 70% bottom 50px) is invalid
+PASS circle(at bottom 70px center 60%) is invalid
+PASS circle(at bottom 70px center 60px) is invalid
+PASS circle(at bottom 70px top 50%) is invalid
+PASS circle(at bottom 70px top 50px) is invalid
+PASS circle(at bottom 70px bottom 50%) is invalid
+PASS circle(at bottom 70px bottom 50px) is invalid
+PASS circle(at right 80% center 60%) is invalid
+PASS circle(at right 80% center 60px) is invalid
+PASS circle(at right 80% left 50%) is invalid
+PASS circle(at right 80% left 50px) is invalid
+PASS circle(at right 80% right 85%) is invalid
+PASS circle(at right 80% right 85px) is invalid
+PASS circle(at right 80px center 60%) is invalid
+PASS circle(at right 80px center 60px) is invalid
+PASS circle(at right 80px left 50%) is invalid
+PASS circle(at right 80px left 50px) is invalid
+PASS circle(at right 80px right 85%) is invalid
+PASS circle(at right 80px right 85px) is invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Invalid Position Argument Lists</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="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.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests("circle", false, "px"));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,1510 @@
</span><ins>+
+PASS test unit (inline): cm - circle(at 50cm)
+PASS test unit (inline): cm - circle(at 50% 50cm)
+PASS test unit (inline): cm - circle(at 50cm 50%)
+PASS test unit (inline): cm - circle(at 50cm 50cm)
+PASS test unit (inline): cm - circle(at left 50cm)
+PASS test unit (inline): cm - circle(at 50cm top)
+PASS test unit (inline): cm - circle(at right 80cm)
+PASS test unit (inline): cm - circle(at 70cm bottom)
+PASS test unit (inline): cm - circle(at center 60cm)
+PASS test unit (inline): cm - circle(at 60cm center)
+PASS test unit (inline): cm - circle(at center top 50cm)
+PASS test unit (inline): cm - circle(at center left 50cm)
+PASS test unit (inline): cm - circle(at center right 70cm)
+PASS test unit (inline): cm - circle(at center bottom 70cm)
+PASS test unit (inline): cm - circle(at left top 50cm)
+PASS test unit (inline): cm - circle(at left bottom 70cm)
+PASS test unit (inline): cm - circle(at top left 50cm)
+PASS test unit (inline): cm - circle(at top right 70cm)
+PASS test unit (inline): cm - circle(at bottom left 50cm)
+PASS test unit (inline): cm - circle(at bottom right 70cm)
+PASS test unit (inline): cm - circle(at right bottom 70cm)
+PASS test unit (inline): cm - circle(at right top 50cm)
+PASS test unit (inline): cm - circle(at left 50cm center)
+PASS test unit (inline): cm - circle(at left 50cm top)
+PASS test unit (inline): cm - circle(at left 50cm bottom)
+PASS test unit (inline): cm - circle(at top 50cm center)
+PASS test unit (inline): cm - circle(at top 50cm left)
+PASS test unit (inline): cm - circle(at top 50cm right)
+PASS test unit (inline): cm - circle(at bottom 70cm center)
+PASS test unit (inline): cm - circle(at bottom 70cm left)
+PASS test unit (inline): cm - circle(at bottom 70cm right)
+PASS test unit (inline): cm - circle(at right 80cm center)
+PASS test unit (inline): cm - circle(at right 80cm bottom)
+PASS test unit (inline): cm - circle(at right 80cm top)
+PASS test unit (inline): cm - circle(at left 50% top 50cm)
+PASS test unit (inline): cm - circle(at left 50% bottom 70cm)
+PASS test unit (inline): cm - circle(at left 50cm top 50%)
+PASS test unit (inline): cm - circle(at left 50cm top 50cm)
+PASS test unit (inline): cm - circle(at left 50cm bottom 70%)
+PASS test unit (inline): cm - circle(at left 50cm bottom 70cm)
+PASS test unit (inline): cm - circle(at top 50% left 50cm)
+PASS test unit (inline): cm - circle(at top 50% right 80cm)
+PASS test unit (inline): cm - circle(at top 50cm left 50%)
+PASS test unit (inline): cm - circle(at top 50cm left 50cm)
+PASS test unit (inline): cm - circle(at top 50cm right 80%)
+PASS test unit (inline): cm - circle(at top 50cm right 80cm)
+PASS test unit (inline): cm - circle(at bottom 70% left 50cm)
+PASS test unit (inline): cm - circle(at bottom 70% right 80cm)
+PASS test unit (inline): cm - circle(at bottom 70cm left 50%)
+PASS test unit (inline): cm - circle(at bottom 70cm left 50cm)
+PASS test unit (inline): cm - circle(at bottom 70cm right 80%)
+PASS test unit (inline): cm - circle(at bottom 70cm right 80cm)
+PASS test unit (inline): cm - circle(at right 80% top 50cm)
+PASS test unit (inline): cm - circle(at right 80% bottom 70cm)
+PASS test unit (inline): cm - circle(at right 80cm top 50%)
+PASS test unit (inline): cm - circle(at right 80cm top 50cm)
+PASS test unit (inline): cm - circle(at right 80cm bottom 70%)
+PASS test unit (inline): cm - circle(at right 80cm bottom 70cm)
+PASS test unit (inline): mm - circle(at 50mm)
+PASS test unit (inline): mm - circle(at 50% 50mm)
+PASS test unit (inline): mm - circle(at 50mm 50%)
+PASS test unit (inline): mm - circle(at 50mm 50mm)
+PASS test unit (inline): mm - circle(at left 50mm)
+PASS test unit (inline): mm - circle(at 50mm top)
+PASS test unit (inline): mm - circle(at right 80mm)
+PASS test unit (inline): mm - circle(at 70mm bottom)
+PASS test unit (inline): mm - circle(at center 60mm)
+PASS test unit (inline): mm - circle(at 60mm center)
+PASS test unit (inline): mm - circle(at center top 50mm)
+PASS test unit (inline): mm - circle(at center left 50mm)
+PASS test unit (inline): mm - circle(at center right 70mm)
+PASS test unit (inline): mm - circle(at center bottom 70mm)
+PASS test unit (inline): mm - circle(at left top 50mm)
+PASS test unit (inline): mm - circle(at left bottom 70mm)
+PASS test unit (inline): mm - circle(at top left 50mm)
+PASS test unit (inline): mm - circle(at top right 70mm)
+PASS test unit (inline): mm - circle(at bottom left 50mm)
+PASS test unit (inline): mm - circle(at bottom right 70mm)
+PASS test unit (inline): mm - circle(at right bottom 70mm)
+PASS test unit (inline): mm - circle(at right top 50mm)
+PASS test unit (inline): mm - circle(at left 50mm center)
+PASS test unit (inline): mm - circle(at left 50mm top)
+PASS test unit (inline): mm - circle(at left 50mm bottom)
+PASS test unit (inline): mm - circle(at top 50mm center)
+PASS test unit (inline): mm - circle(at top 50mm left)
+PASS test unit (inline): mm - circle(at top 50mm right)
+PASS test unit (inline): mm - circle(at bottom 70mm center)
+PASS test unit (inline): mm - circle(at bottom 70mm left)
+PASS test unit (inline): mm - circle(at bottom 70mm right)
+PASS test unit (inline): mm - circle(at right 80mm center)
+PASS test unit (inline): mm - circle(at right 80mm bottom)
+PASS test unit (inline): mm - circle(at right 80mm top)
+PASS test unit (inline): mm - circle(at left 50% top 50mm)
+PASS test unit (inline): mm - circle(at left 50% bottom 70mm)
+PASS test unit (inline): mm - circle(at left 50mm top 50%)
+PASS test unit (inline): mm - circle(at left 50mm top 50mm)
+PASS test unit (inline): mm - circle(at left 50mm bottom 70%)
+PASS test unit (inline): mm - circle(at left 50mm bottom 70mm)
+PASS test unit (inline): mm - circle(at top 50% left 50mm)
+PASS test unit (inline): mm - circle(at top 50% right 80mm)
+PASS test unit (inline): mm - circle(at top 50mm left 50%)
+PASS test unit (inline): mm - circle(at top 50mm left 50mm)
+PASS test unit (inline): mm - circle(at top 50mm right 80%)
+PASS test unit (inline): mm - circle(at top 50mm right 80mm)
+PASS test unit (inline): mm - circle(at bottom 70% left 50mm)
+PASS test unit (inline): mm - circle(at bottom 70% right 80mm)
+PASS test unit (inline): mm - circle(at bottom 70mm left 50%)
+PASS test unit (inline): mm - circle(at bottom 70mm left 50mm)
+PASS test unit (inline): mm - circle(at bottom 70mm right 80%)
+PASS test unit (inline): mm - circle(at bottom 70mm right 80mm)
+PASS test unit (inline): mm - circle(at right 80% top 50mm)
+PASS test unit (inline): mm - circle(at right 80% bottom 70mm)
+PASS test unit (inline): mm - circle(at right 80mm top 50%)
+PASS test unit (inline): mm - circle(at right 80mm top 50mm)
+PASS test unit (inline): mm - circle(at right 80mm bottom 70%)
+PASS test unit (inline): mm - circle(at right 80mm bottom 70mm)
+PASS test unit (inline): in - circle(at 50in)
+PASS test unit (inline): in - circle(at 50% 50in)
+PASS test unit (inline): in - circle(at 50in 50%)
+PASS test unit (inline): in - circle(at 50in 50in)
+PASS test unit (inline): in - circle(at left 50in)
+PASS test unit (inline): in - circle(at 50in top)
+PASS test unit (inline): in - circle(at right 80in)
+PASS test unit (inline): in - circle(at 70in bottom)
+PASS test unit (inline): in - circle(at center 60in)
+PASS test unit (inline): in - circle(at 60in center)
+PASS test unit (inline): in - circle(at center top 50in)
+PASS test unit (inline): in - circle(at center left 50in)
+PASS test unit (inline): in - circle(at center right 70in)
+PASS test unit (inline): in - circle(at center bottom 70in)
+PASS test unit (inline): in - circle(at left top 50in)
+PASS test unit (inline): in - circle(at left bottom 70in)
+PASS test unit (inline): in - circle(at top left 50in)
+PASS test unit (inline): in - circle(at top right 70in)
+PASS test unit (inline): in - circle(at bottom left 50in)
+PASS test unit (inline): in - circle(at bottom right 70in)
+PASS test unit (inline): in - circle(at right bottom 70in)
+PASS test unit (inline): in - circle(at right top 50in)
+PASS test unit (inline): in - circle(at left 50in center)
+PASS test unit (inline): in - circle(at left 50in top)
+PASS test unit (inline): in - circle(at left 50in bottom)
+PASS test unit (inline): in - circle(at top 50in center)
+PASS test unit (inline): in - circle(at top 50in left)
+PASS test unit (inline): in - circle(at top 50in right)
+PASS test unit (inline): in - circle(at bottom 70in center)
+PASS test unit (inline): in - circle(at bottom 70in left)
+PASS test unit (inline): in - circle(at bottom 70in right)
+PASS test unit (inline): in - circle(at right 80in center)
+PASS test unit (inline): in - circle(at right 80in bottom)
+PASS test unit (inline): in - circle(at right 80in top)
+PASS test unit (inline): in - circle(at left 50% top 50in)
+PASS test unit (inline): in - circle(at left 50% bottom 70in)
+PASS test unit (inline): in - circle(at left 50in top 50%)
+PASS test unit (inline): in - circle(at left 50in top 50in)
+PASS test unit (inline): in - circle(at left 50in bottom 70%)
+PASS test unit (inline): in - circle(at left 50in bottom 70in)
+PASS test unit (inline): in - circle(at top 50% left 50in)
+PASS test unit (inline): in - circle(at top 50% right 80in)
+PASS test unit (inline): in - circle(at top 50in left 50%)
+PASS test unit (inline): in - circle(at top 50in left 50in)
+PASS test unit (inline): in - circle(at top 50in right 80%)
+PASS test unit (inline): in - circle(at top 50in right 80in)
+PASS test unit (inline): in - circle(at bottom 70% left 50in)
+PASS test unit (inline): in - circle(at bottom 70% right 80in)
+PASS test unit (inline): in - circle(at bottom 70in left 50%)
+PASS test unit (inline): in - circle(at bottom 70in left 50in)
+PASS test unit (inline): in - circle(at bottom 70in right 80%)
+PASS test unit (inline): in - circle(at bottom 70in right 80in)
+PASS test unit (inline): in - circle(at right 80% top 50in)
+PASS test unit (inline): in - circle(at right 80% bottom 70in)
+PASS test unit (inline): in - circle(at right 80in top 50%)
+PASS test unit (inline): in - circle(at right 80in top 50in)
+PASS test unit (inline): in - circle(at right 80in bottom 70%)
+PASS test unit (inline): in - circle(at right 80in bottom 70in)
+PASS test unit (inline): pt - circle(at 50pt)
+PASS test unit (inline): pt - circle(at 50% 50pt)
+PASS test unit (inline): pt - circle(at 50pt 50%)
+PASS test unit (inline): pt - circle(at 50pt 50pt)
+PASS test unit (inline): pt - circle(at left 50pt)
+PASS test unit (inline): pt - circle(at 50pt top)
+PASS test unit (inline): pt - circle(at right 80pt)
+PASS test unit (inline): pt - circle(at 70pt bottom)
+PASS test unit (inline): pt - circle(at center 60pt)
+PASS test unit (inline): pt - circle(at 60pt center)
+PASS test unit (inline): pt - circle(at center top 50pt)
+PASS test unit (inline): pt - circle(at center left 50pt)
+PASS test unit (inline): pt - circle(at center right 70pt)
+PASS test unit (inline): pt - circle(at center bottom 70pt)
+PASS test unit (inline): pt - circle(at left top 50pt)
+PASS test unit (inline): pt - circle(at left bottom 70pt)
+PASS test unit (inline): pt - circle(at top left 50pt)
+PASS test unit (inline): pt - circle(at top right 70pt)
+PASS test unit (inline): pt - circle(at bottom left 50pt)
+PASS test unit (inline): pt - circle(at bottom right 70pt)
+PASS test unit (inline): pt - circle(at right bottom 70pt)
+PASS test unit (inline): pt - circle(at right top 50pt)
+PASS test unit (inline): pt - circle(at left 50pt center)
+PASS test unit (inline): pt - circle(at left 50pt top)
+PASS test unit (inline): pt - circle(at left 50pt bottom)
+PASS test unit (inline): pt - circle(at top 50pt center)
+PASS test unit (inline): pt - circle(at top 50pt left)
+PASS test unit (inline): pt - circle(at top 50pt right)
+PASS test unit (inline): pt - circle(at bottom 70pt center)
+PASS test unit (inline): pt - circle(at bottom 70pt left)
+PASS test unit (inline): pt - circle(at bottom 70pt right)
+PASS test unit (inline): pt - circle(at right 80pt center)
+PASS test unit (inline): pt - circle(at right 80pt bottom)
+PASS test unit (inline): pt - circle(at right 80pt top)
+PASS test unit (inline): pt - circle(at left 50% top 50pt)
+PASS test unit (inline): pt - circle(at left 50% bottom 70pt)
+PASS test unit (inline): pt - circle(at left 50pt top 50%)
+PASS test unit (inline): pt - circle(at left 50pt top 50pt)
+PASS test unit (inline): pt - circle(at left 50pt bottom 70%)
+PASS test unit (inline): pt - circle(at left 50pt bottom 70pt)
+PASS test unit (inline): pt - circle(at top 50% left 50pt)
+PASS test unit (inline): pt - circle(at top 50% right 80pt)
+PASS test unit (inline): pt - circle(at top 50pt left 50%)
+PASS test unit (inline): pt - circle(at top 50pt left 50pt)
+PASS test unit (inline): pt - circle(at top 50pt right 80%)
+PASS test unit (inline): pt - circle(at top 50pt right 80pt)
+PASS test unit (inline): pt - circle(at bottom 70% left 50pt)
+PASS test unit (inline): pt - circle(at bottom 70% right 80pt)
+PASS test unit (inline): pt - circle(at bottom 70pt left 50%)
+PASS test unit (inline): pt - circle(at bottom 70pt left 50pt)
+PASS test unit (inline): pt - circle(at bottom 70pt right 80%)
+PASS test unit (inline): pt - circle(at bottom 70pt right 80pt)
+PASS test unit (inline): pt - circle(at right 80% top 50pt)
+PASS test unit (inline): pt - circle(at right 80% bottom 70pt)
+PASS test unit (inline): pt - circle(at right 80pt top 50%)
+PASS test unit (inline): pt - circle(at right 80pt top 50pt)
+PASS test unit (inline): pt - circle(at right 80pt bottom 70%)
+PASS test unit (inline): pt - circle(at right 80pt bottom 70pt)
+PASS test unit (inline): pc - circle(at 50pc)
+PASS test unit (inline): pc - circle(at 50% 50pc)
+PASS test unit (inline): pc - circle(at 50pc 50%)
+PASS test unit (inline): pc - circle(at 50pc 50pc)
+PASS test unit (inline): pc - circle(at left 50pc)
+PASS test unit (inline): pc - circle(at 50pc top)
+PASS test unit (inline): pc - circle(at right 80pc)
+PASS test unit (inline): pc - circle(at 70pc bottom)
+PASS test unit (inline): pc - circle(at center 60pc)
+PASS test unit (inline): pc - circle(at 60pc center)
+PASS test unit (inline): pc - circle(at center top 50pc)
+PASS test unit (inline): pc - circle(at center left 50pc)
+PASS test unit (inline): pc - circle(at center right 70pc)
+PASS test unit (inline): pc - circle(at center bottom 70pc)
+PASS test unit (inline): pc - circle(at left top 50pc)
+PASS test unit (inline): pc - circle(at left bottom 70pc)
+PASS test unit (inline): pc - circle(at top left 50pc)
+PASS test unit (inline): pc - circle(at top right 70pc)
+PASS test unit (inline): pc - circle(at bottom left 50pc)
+PASS test unit (inline): pc - circle(at bottom right 70pc)
+PASS test unit (inline): pc - circle(at right bottom 70pc)
+PASS test unit (inline): pc - circle(at right top 50pc)
+PASS test unit (inline): pc - circle(at left 50pc center)
+PASS test unit (inline): pc - circle(at left 50pc top)
+PASS test unit (inline): pc - circle(at left 50pc bottom)
+PASS test unit (inline): pc - circle(at top 50pc center)
+PASS test unit (inline): pc - circle(at top 50pc left)
+PASS test unit (inline): pc - circle(at top 50pc right)
+PASS test unit (inline): pc - circle(at bottom 70pc center)
+PASS test unit (inline): pc - circle(at bottom 70pc left)
+PASS test unit (inline): pc - circle(at bottom 70pc right)
+PASS test unit (inline): pc - circle(at right 80pc center)
+PASS test unit (inline): pc - circle(at right 80pc bottom)
+PASS test unit (inline): pc - circle(at right 80pc top)
+PASS test unit (inline): pc - circle(at left 50% top 50pc)
+PASS test unit (inline): pc - circle(at left 50% bottom 70pc)
+PASS test unit (inline): pc - circle(at left 50pc top 50%)
+PASS test unit (inline): pc - circle(at left 50pc top 50pc)
+PASS test unit (inline): pc - circle(at left 50pc bottom 70%)
+PASS test unit (inline): pc - circle(at left 50pc bottom 70pc)
+PASS test unit (inline): pc - circle(at top 50% left 50pc)
+PASS test unit (inline): pc - circle(at top 50% right 80pc)
+PASS test unit (inline): pc - circle(at top 50pc left 50%)
+PASS test unit (inline): pc - circle(at top 50pc left 50pc)
+PASS test unit (inline): pc - circle(at top 50pc right 80%)
+PASS test unit (inline): pc - circle(at top 50pc right 80pc)
+PASS test unit (inline): pc - circle(at bottom 70% left 50pc)
+PASS test unit (inline): pc - circle(at bottom 70% right 80pc)
+PASS test unit (inline): pc - circle(at bottom 70pc left 50%)
+PASS test unit (inline): pc - circle(at bottom 70pc left 50pc)
+PASS test unit (inline): pc - circle(at bottom 70pc right 80%)
+PASS test unit (inline): pc - circle(at bottom 70pc right 80pc)
+PASS test unit (inline): pc - circle(at right 80% top 50pc)
+PASS test unit (inline): pc - circle(at right 80% bottom 70pc)
+PASS test unit (inline): pc - circle(at right 80pc top 50%)
+PASS test unit (inline): pc - circle(at right 80pc top 50pc)
+PASS test unit (inline): pc - circle(at right 80pc bottom 70%)
+PASS test unit (inline): pc - circle(at right 80pc bottom 70pc)
+PASS test unit (inline): em - circle(at 50em)
+PASS test unit (inline): em - circle(at 50% 50em)
+PASS test unit (inline): em - circle(at 50em 50%)
+PASS test unit (inline): em - circle(at 50em 50em)
+PASS test unit (inline): em - circle(at left 50em)
+PASS test unit (inline): em - circle(at 50em top)
+PASS test unit (inline): em - circle(at right 80em)
+PASS test unit (inline): em - circle(at 70em bottom)
+PASS test unit (inline): em - circle(at center 60em)
+PASS test unit (inline): em - circle(at 60em center)
+PASS test unit (inline): em - circle(at center top 50em)
+PASS test unit (inline): em - circle(at center left 50em)
+PASS test unit (inline): em - circle(at center right 70em)
+PASS test unit (inline): em - circle(at center bottom 70em)
+PASS test unit (inline): em - circle(at left top 50em)
+PASS test unit (inline): em - circle(at left bottom 70em)
+PASS test unit (inline): em - circle(at top left 50em)
+PASS test unit (inline): em - circle(at top right 70em)
+PASS test unit (inline): em - circle(at bottom left 50em)
+PASS test unit (inline): em - circle(at bottom right 70em)
+PASS test unit (inline): em - circle(at right bottom 70em)
+PASS test unit (inline): em - circle(at right top 50em)
+PASS test unit (inline): em - circle(at left 50em center)
+PASS test unit (inline): em - circle(at left 50em top)
+PASS test unit (inline): em - circle(at left 50em bottom)
+PASS test unit (inline): em - circle(at top 50em center)
+PASS test unit (inline): em - circle(at top 50em left)
+PASS test unit (inline): em - circle(at top 50em right)
+PASS test unit (inline): em - circle(at bottom 70em center)
+PASS test unit (inline): em - circle(at bottom 70em left)
+PASS test unit (inline): em - circle(at bottom 70em right)
+PASS test unit (inline): em - circle(at right 80em center)
+PASS test unit (inline): em - circle(at right 80em bottom)
+PASS test unit (inline): em - circle(at right 80em top)
+PASS test unit (inline): em - circle(at left 50% top 50em)
+PASS test unit (inline): em - circle(at left 50% bottom 70em)
+PASS test unit (inline): em - circle(at left 50em top 50%)
+PASS test unit (inline): em - circle(at left 50em top 50em)
+PASS test unit (inline): em - circle(at left 50em bottom 70%)
+PASS test unit (inline): em - circle(at left 50em bottom 70em)
+PASS test unit (inline): em - circle(at top 50% left 50em)
+PASS test unit (inline): em - circle(at top 50% right 80em)
+PASS test unit (inline): em - circle(at top 50em left 50%)
+PASS test unit (inline): em - circle(at top 50em left 50em)
+PASS test unit (inline): em - circle(at top 50em right 80%)
+PASS test unit (inline): em - circle(at top 50em right 80em)
+PASS test unit (inline): em - circle(at bottom 70% left 50em)
+PASS test unit (inline): em - circle(at bottom 70% right 80em)
+PASS test unit (inline): em - circle(at bottom 70em left 50%)
+PASS test unit (inline): em - circle(at bottom 70em left 50em)
+PASS test unit (inline): em - circle(at bottom 70em right 80%)
+PASS test unit (inline): em - circle(at bottom 70em right 80em)
+PASS test unit (inline): em - circle(at right 80% top 50em)
+PASS test unit (inline): em - circle(at right 80% bottom 70em)
+PASS test unit (inline): em - circle(at right 80em top 50%)
+PASS test unit (inline): em - circle(at right 80em top 50em)
+PASS test unit (inline): em - circle(at right 80em bottom 70%)
+PASS test unit (inline): em - circle(at right 80em bottom 70em)
+PASS test unit (inline): ex - circle(at 50ex)
+PASS test unit (inline): ex - circle(at 50% 50ex)
+PASS test unit (inline): ex - circle(at 50ex 50%)
+PASS test unit (inline): ex - circle(at 50ex 50ex)
+PASS test unit (inline): ex - circle(at left 50ex)
+PASS test unit (inline): ex - circle(at 50ex top)
+PASS test unit (inline): ex - circle(at right 80ex)
+PASS test unit (inline): ex - circle(at 70ex bottom)
+PASS test unit (inline): ex - circle(at center 60ex)
+PASS test unit (inline): ex - circle(at 60ex center)
+PASS test unit (inline): ex - circle(at center top 50ex)
+PASS test unit (inline): ex - circle(at center left 50ex)
+PASS test unit (inline): ex - circle(at center right 70ex)
+PASS test unit (inline): ex - circle(at center bottom 70ex)
+PASS test unit (inline): ex - circle(at left top 50ex)
+PASS test unit (inline): ex - circle(at left bottom 70ex)
+PASS test unit (inline): ex - circle(at top left 50ex)
+PASS test unit (inline): ex - circle(at top right 70ex)
+PASS test unit (inline): ex - circle(at bottom left 50ex)
+PASS test unit (inline): ex - circle(at bottom right 70ex)
+PASS test unit (inline): ex - circle(at right bottom 70ex)
+PASS test unit (inline): ex - circle(at right top 50ex)
+PASS test unit (inline): ex - circle(at left 50ex center)
+PASS test unit (inline): ex - circle(at left 50ex top)
+PASS test unit (inline): ex - circle(at left 50ex bottom)
+PASS test unit (inline): ex - circle(at top 50ex center)
+PASS test unit (inline): ex - circle(at top 50ex left)
+PASS test unit (inline): ex - circle(at top 50ex right)
+PASS test unit (inline): ex - circle(at bottom 70ex center)
+PASS test unit (inline): ex - circle(at bottom 70ex left)
+PASS test unit (inline): ex - circle(at bottom 70ex right)
+PASS test unit (inline): ex - circle(at right 80ex center)
+PASS test unit (inline): ex - circle(at right 80ex bottom)
+PASS test unit (inline): ex - circle(at right 80ex top)
+PASS test unit (inline): ex - circle(at left 50% top 50ex)
+PASS test unit (inline): ex - circle(at left 50% bottom 70ex)
+PASS test unit (inline): ex - circle(at left 50ex top 50%)
+PASS test unit (inline): ex - circle(at left 50ex top 50ex)
+PASS test unit (inline): ex - circle(at left 50ex bottom 70%)
+PASS test unit (inline): ex - circle(at left 50ex bottom 70ex)
+PASS test unit (inline): ex - circle(at top 50% left 50ex)
+PASS test unit (inline): ex - circle(at top 50% right 80ex)
+PASS test unit (inline): ex - circle(at top 50ex left 50%)
+PASS test unit (inline): ex - circle(at top 50ex left 50ex)
+PASS test unit (inline): ex - circle(at top 50ex right 80%)
+PASS test unit (inline): ex - circle(at top 50ex right 80ex)
+PASS test unit (inline): ex - circle(at bottom 70% left 50ex)
+PASS test unit (inline): ex - circle(at bottom 70% right 80ex)
+PASS test unit (inline): ex - circle(at bottom 70ex left 50%)
+PASS test unit (inline): ex - circle(at bottom 70ex left 50ex)
+PASS test unit (inline): ex - circle(at bottom 70ex right 80%)
+PASS test unit (inline): ex - circle(at bottom 70ex right 80ex)
+PASS test unit (inline): ex - circle(at right 80% top 50ex)
+PASS test unit (inline): ex - circle(at right 80% bottom 70ex)
+PASS test unit (inline): ex - circle(at right 80ex top 50%)
+PASS test unit (inline): ex - circle(at right 80ex top 50ex)
+PASS test unit (inline): ex - circle(at right 80ex bottom 70%)
+PASS test unit (inline): ex - circle(at right 80ex bottom 70ex)
+PASS test unit (inline): ch - circle(at 50ch)
+PASS test unit (inline): ch - circle(at 50% 50ch)
+PASS test unit (inline): ch - circle(at 50ch 50%)
+PASS test unit (inline): ch - circle(at 50ch 50ch)
+PASS test unit (inline): ch - circle(at left 50ch)
+PASS test unit (inline): ch - circle(at 50ch top)
+PASS test unit (inline): ch - circle(at right 80ch)
+PASS test unit (inline): ch - circle(at 70ch bottom)
+PASS test unit (inline): ch - circle(at center 60ch)
+PASS test unit (inline): ch - circle(at 60ch center)
+PASS test unit (inline): ch - circle(at center top 50ch)
+PASS test unit (inline): ch - circle(at center left 50ch)
+PASS test unit (inline): ch - circle(at center right 70ch)
+PASS test unit (inline): ch - circle(at center bottom 70ch)
+PASS test unit (inline): ch - circle(at left top 50ch)
+PASS test unit (inline): ch - circle(at left bottom 70ch)
+PASS test unit (inline): ch - circle(at top left 50ch)
+PASS test unit (inline): ch - circle(at top right 70ch)
+PASS test unit (inline): ch - circle(at bottom left 50ch)
+PASS test unit (inline): ch - circle(at bottom right 70ch)
+PASS test unit (inline): ch - circle(at right bottom 70ch)
+PASS test unit (inline): ch - circle(at right top 50ch)
+PASS test unit (inline): ch - circle(at left 50ch center)
+PASS test unit (inline): ch - circle(at left 50ch top)
+PASS test unit (inline): ch - circle(at left 50ch bottom)
+PASS test unit (inline): ch - circle(at top 50ch center)
+PASS test unit (inline): ch - circle(at top 50ch left)
+PASS test unit (inline): ch - circle(at top 50ch right)
+PASS test unit (inline): ch - circle(at bottom 70ch center)
+PASS test unit (inline): ch - circle(at bottom 70ch left)
+PASS test unit (inline): ch - circle(at bottom 70ch right)
+PASS test unit (inline): ch - circle(at right 80ch center)
+PASS test unit (inline): ch - circle(at right 80ch bottom)
+PASS test unit (inline): ch - circle(at right 80ch top)
+PASS test unit (inline): ch - circle(at left 50% top 50ch)
+PASS test unit (inline): ch - circle(at left 50% bottom 70ch)
+PASS test unit (inline): ch - circle(at left 50ch top 50%)
+PASS test unit (inline): ch - circle(at left 50ch top 50ch)
+PASS test unit (inline): ch - circle(at left 50ch bottom 70%)
+PASS test unit (inline): ch - circle(at left 50ch bottom 70ch)
+PASS test unit (inline): ch - circle(at top 50% left 50ch)
+PASS test unit (inline): ch - circle(at top 50% right 80ch)
+PASS test unit (inline): ch - circle(at top 50ch left 50%)
+PASS test unit (inline): ch - circle(at top 50ch left 50ch)
+PASS test unit (inline): ch - circle(at top 50ch right 80%)
+PASS test unit (inline): ch - circle(at top 50ch right 80ch)
+PASS test unit (inline): ch - circle(at bottom 70% left 50ch)
+PASS test unit (inline): ch - circle(at bottom 70% right 80ch)
+PASS test unit (inline): ch - circle(at bottom 70ch left 50%)
+PASS test unit (inline): ch - circle(at bottom 70ch left 50ch)
+PASS test unit (inline): ch - circle(at bottom 70ch right 80%)
+PASS test unit (inline): ch - circle(at bottom 70ch right 80ch)
+PASS test unit (inline): ch - circle(at right 80% top 50ch)
+PASS test unit (inline): ch - circle(at right 80% bottom 70ch)
+PASS test unit (inline): ch - circle(at right 80ch top 50%)
+PASS test unit (inline): ch - circle(at right 80ch top 50ch)
+PASS test unit (inline): ch - circle(at right 80ch bottom 70%)
+PASS test unit (inline): ch - circle(at right 80ch bottom 70ch)
+PASS test unit (inline): rem - circle(at 50rem)
+PASS test unit (inline): rem - circle(at 50% 50rem)
+PASS test unit (inline): rem - circle(at 50rem 50%)
+PASS test unit (inline): rem - circle(at 50rem 50rem)
+PASS test unit (inline): rem - circle(at left 50rem)
+PASS test unit (inline): rem - circle(at 50rem top)
+PASS test unit (inline): rem - circle(at right 80rem)
+PASS test unit (inline): rem - circle(at 70rem bottom)
+PASS test unit (inline): rem - circle(at center 60rem)
+PASS test unit (inline): rem - circle(at 60rem center)
+PASS test unit (inline): rem - circle(at center top 50rem)
+PASS test unit (inline): rem - circle(at center left 50rem)
+PASS test unit (inline): rem - circle(at center right 70rem)
+PASS test unit (inline): rem - circle(at center bottom 70rem)
+PASS test unit (inline): rem - circle(at left top 50rem)
+PASS test unit (inline): rem - circle(at left bottom 70rem)
+PASS test unit (inline): rem - circle(at top left 50rem)
+PASS test unit (inline): rem - circle(at top right 70rem)
+PASS test unit (inline): rem - circle(at bottom left 50rem)
+PASS test unit (inline): rem - circle(at bottom right 70rem)
+PASS test unit (inline): rem - circle(at right bottom 70rem)
+PASS test unit (inline): rem - circle(at right top 50rem)
+PASS test unit (inline): rem - circle(at left 50rem center)
+PASS test unit (inline): rem - circle(at left 50rem top)
+PASS test unit (inline): rem - circle(at left 50rem bottom)
+PASS test unit (inline): rem - circle(at top 50rem center)
+PASS test unit (inline): rem - circle(at top 50rem left)
+PASS test unit (inline): rem - circle(at top 50rem right)
+PASS test unit (inline): rem - circle(at bottom 70rem center)
+PASS test unit (inline): rem - circle(at bottom 70rem left)
+PASS test unit (inline): rem - circle(at bottom 70rem right)
+PASS test unit (inline): rem - circle(at right 80rem center)
+PASS test unit (inline): rem - circle(at right 80rem bottom)
+PASS test unit (inline): rem - circle(at right 80rem top)
+PASS test unit (inline): rem - circle(at left 50% top 50rem)
+PASS test unit (inline): rem - circle(at left 50% bottom 70rem)
+PASS test unit (inline): rem - circle(at left 50rem top 50%)
+PASS test unit (inline): rem - circle(at left 50rem top 50rem)
+PASS test unit (inline): rem - circle(at left 50rem bottom 70%)
+PASS test unit (inline): rem - circle(at left 50rem bottom 70rem)
+PASS test unit (inline): rem - circle(at top 50% left 50rem)
+PASS test unit (inline): rem - circle(at top 50% right 80rem)
+PASS test unit (inline): rem - circle(at top 50rem left 50%)
+PASS test unit (inline): rem - circle(at top 50rem left 50rem)
+PASS test unit (inline): rem - circle(at top 50rem right 80%)
+PASS test unit (inline): rem - circle(at top 50rem right 80rem)
+PASS test unit (inline): rem - circle(at bottom 70% left 50rem)
+PASS test unit (inline): rem - circle(at bottom 70% right 80rem)
+PASS test unit (inline): rem - circle(at bottom 70rem left 50%)
+PASS test unit (inline): rem - circle(at bottom 70rem left 50rem)
+PASS test unit (inline): rem - circle(at bottom 70rem right 80%)
+PASS test unit (inline): rem - circle(at bottom 70rem right 80rem)
+PASS test unit (inline): rem - circle(at right 80% top 50rem)
+PASS test unit (inline): rem - circle(at right 80% bottom 70rem)
+PASS test unit (inline): rem - circle(at right 80rem top 50%)
+PASS test unit (inline): rem - circle(at right 80rem top 50rem)
+PASS test unit (inline): rem - circle(at right 80rem bottom 70%)
+PASS test unit (inline): rem - circle(at right 80rem bottom 70rem)
+PASS test unit (inline): vw - circle(at 50vw)
+PASS test unit (inline): vw - circle(at 50% 50vw)
+PASS test unit (inline): vw - circle(at 50vw 50%)
+PASS test unit (inline): vw - circle(at 50vw 50vw)
+PASS test unit (inline): vw - circle(at left 50vw)
+PASS test unit (inline): vw - circle(at 50vw top)
+PASS test unit (inline): vw - circle(at right 80vw)
+PASS test unit (inline): vw - circle(at 70vw bottom)
+PASS test unit (inline): vw - circle(at center 60vw)
+PASS test unit (inline): vw - circle(at 60vw center)
+PASS test unit (inline): vw - circle(at center top 50vw)
+PASS test unit (inline): vw - circle(at center left 50vw)
+PASS test unit (inline): vw - circle(at center right 70vw)
+PASS test unit (inline): vw - circle(at center bottom 70vw)
+PASS test unit (inline): vw - circle(at left top 50vw)
+PASS test unit (inline): vw - circle(at left bottom 70vw)
+PASS test unit (inline): vw - circle(at top left 50vw)
+PASS test unit (inline): vw - circle(at top right 70vw)
+PASS test unit (inline): vw - circle(at bottom left 50vw)
+PASS test unit (inline): vw - circle(at bottom right 70vw)
+PASS test unit (inline): vw - circle(at right bottom 70vw)
+PASS test unit (inline): vw - circle(at right top 50vw)
+PASS test unit (inline): vw - circle(at left 50vw center)
+PASS test unit (inline): vw - circle(at left 50vw top)
+PASS test unit (inline): vw - circle(at left 50vw bottom)
+PASS test unit (inline): vw - circle(at top 50vw center)
+PASS test unit (inline): vw - circle(at top 50vw left)
+PASS test unit (inline): vw - circle(at top 50vw right)
+PASS test unit (inline): vw - circle(at bottom 70vw center)
+PASS test unit (inline): vw - circle(at bottom 70vw left)
+PASS test unit (inline): vw - circle(at bottom 70vw right)
+PASS test unit (inline): vw - circle(at right 80vw center)
+PASS test unit (inline): vw - circle(at right 80vw bottom)
+PASS test unit (inline): vw - circle(at right 80vw top)
+PASS test unit (inline): vw - circle(at left 50% top 50vw)
+PASS test unit (inline): vw - circle(at left 50% bottom 70vw)
+PASS test unit (inline): vw - circle(at left 50vw top 50%)
+PASS test unit (inline): vw - circle(at left 50vw top 50vw)
+PASS test unit (inline): vw - circle(at left 50vw bottom 70%)
+PASS test unit (inline): vw - circle(at left 50vw bottom 70vw)
+PASS test unit (inline): vw - circle(at top 50% left 50vw)
+PASS test unit (inline): vw - circle(at top 50% right 80vw)
+PASS test unit (inline): vw - circle(at top 50vw left 50%)
+PASS test unit (inline): vw - circle(at top 50vw left 50vw)
+PASS test unit (inline): vw - circle(at top 50vw right 80%)
+PASS test unit (inline): vw - circle(at top 50vw right 80vw)
+PASS test unit (inline): vw - circle(at bottom 70% left 50vw)
+PASS test unit (inline): vw - circle(at bottom 70% right 80vw)
+PASS test unit (inline): vw - circle(at bottom 70vw left 50%)
+PASS test unit (inline): vw - circle(at bottom 70vw left 50vw)
+PASS test unit (inline): vw - circle(at bottom 70vw right 80%)
+PASS test unit (inline): vw - circle(at bottom 70vw right 80vw)
+PASS test unit (inline): vw - circle(at right 80% top 50vw)
+PASS test unit (inline): vw - circle(at right 80% bottom 70vw)
+PASS test unit (inline): vw - circle(at right 80vw top 50%)
+PASS test unit (inline): vw - circle(at right 80vw top 50vw)
+PASS test unit (inline): vw - circle(at right 80vw bottom 70%)
+PASS test unit (inline): vw - circle(at right 80vw bottom 70vw)
+PASS test unit (inline): vh - circle(at 50vh)
+PASS test unit (inline): vh - circle(at 50% 50vh)
+PASS test unit (inline): vh - circle(at 50vh 50%)
+PASS test unit (inline): vh - circle(at 50vh 50vh)
+PASS test unit (inline): vh - circle(at left 50vh)
+PASS test unit (inline): vh - circle(at 50vh top)
+PASS test unit (inline): vh - circle(at right 80vh)
+PASS test unit (inline): vh - circle(at 70vh bottom)
+PASS test unit (inline): vh - circle(at center 60vh)
+PASS test unit (inline): vh - circle(at 60vh center)
+PASS test unit (inline): vh - circle(at center top 50vh)
+PASS test unit (inline): vh - circle(at center left 50vh)
+PASS test unit (inline): vh - circle(at center right 70vh)
+PASS test unit (inline): vh - circle(at center bottom 70vh)
+PASS test unit (inline): vh - circle(at left top 50vh)
+PASS test unit (inline): vh - circle(at left bottom 70vh)
+PASS test unit (inline): vh - circle(at top left 50vh)
+PASS test unit (inline): vh - circle(at top right 70vh)
+PASS test unit (inline): vh - circle(at bottom left 50vh)
+PASS test unit (inline): vh - circle(at bottom right 70vh)
+PASS test unit (inline): vh - circle(at right bottom 70vh)
+PASS test unit (inline): vh - circle(at right top 50vh)
+PASS test unit (inline): vh - circle(at left 50vh center)
+PASS test unit (inline): vh - circle(at left 50vh top)
+PASS test unit (inline): vh - circle(at left 50vh bottom)
+PASS test unit (inline): vh - circle(at top 50vh center)
+PASS test unit (inline): vh - circle(at top 50vh left)
+PASS test unit (inline): vh - circle(at top 50vh right)
+PASS test unit (inline): vh - circle(at bottom 70vh center)
+PASS test unit (inline): vh - circle(at bottom 70vh left)
+PASS test unit (inline): vh - circle(at bottom 70vh right)
+PASS test unit (inline): vh - circle(at right 80vh center)
+PASS test unit (inline): vh - circle(at right 80vh bottom)
+PASS test unit (inline): vh - circle(at right 80vh top)
+PASS test unit (inline): vh - circle(at left 50% top 50vh)
+PASS test unit (inline): vh - circle(at left 50% bottom 70vh)
+PASS test unit (inline): vh - circle(at left 50vh top 50%)
+PASS test unit (inline): vh - circle(at left 50vh top 50vh)
+PASS test unit (inline): vh - circle(at left 50vh bottom 70%)
+PASS test unit (inline): vh - circle(at left 50vh bottom 70vh)
+PASS test unit (inline): vh - circle(at top 50% left 50vh)
+PASS test unit (inline): vh - circle(at top 50% right 80vh)
+PASS test unit (inline): vh - circle(at top 50vh left 50%)
+PASS test unit (inline): vh - circle(at top 50vh left 50vh)
+PASS test unit (inline): vh - circle(at top 50vh right 80%)
+PASS test unit (inline): vh - circle(at top 50vh right 80vh)
+PASS test unit (inline): vh - circle(at bottom 70% left 50vh)
+PASS test unit (inline): vh - circle(at bottom 70% right 80vh)
+PASS test unit (inline): vh - circle(at bottom 70vh left 50%)
+PASS test unit (inline): vh - circle(at bottom 70vh left 50vh)
+PASS test unit (inline): vh - circle(at bottom 70vh right 80%)
+PASS test unit (inline): vh - circle(at bottom 70vh right 80vh)
+PASS test unit (inline): vh - circle(at right 80% top 50vh)
+PASS test unit (inline): vh - circle(at right 80% bottom 70vh)
+PASS test unit (inline): vh - circle(at right 80vh top 50%)
+PASS test unit (inline): vh - circle(at right 80vh top 50vh)
+PASS test unit (inline): vh - circle(at right 80vh bottom 70%)
+PASS test unit (inline): vh - circle(at right 80vh bottom 70vh)
+PASS test unit (inline): vmin - circle(at 50vmin)
+PASS test unit (inline): vmin - circle(at 50% 50vmin)
+PASS test unit (inline): vmin - circle(at 50vmin 50%)
+PASS test unit (inline): vmin - circle(at 50vmin 50vmin)
+PASS test unit (inline): vmin - circle(at left 50vmin)
+PASS test unit (inline): vmin - circle(at 50vmin top)
+PASS test unit (inline): vmin - circle(at right 80vmin)
+PASS test unit (inline): vmin - circle(at 70vmin bottom)
+PASS test unit (inline): vmin - circle(at center 60vmin)
+PASS test unit (inline): vmin - circle(at 60vmin center)
+PASS test unit (inline): vmin - circle(at center top 50vmin)
+PASS test unit (inline): vmin - circle(at center left 50vmin)
+PASS test unit (inline): vmin - circle(at center right 70vmin)
+PASS test unit (inline): vmin - circle(at center bottom 70vmin)
+PASS test unit (inline): vmin - circle(at left top 50vmin)
+PASS test unit (inline): vmin - circle(at left bottom 70vmin)
+PASS test unit (inline): vmin - circle(at top left 50vmin)
+PASS test unit (inline): vmin - circle(at top right 70vmin)
+PASS test unit (inline): vmin - circle(at bottom left 50vmin)
+PASS test unit (inline): vmin - circle(at bottom right 70vmin)
+PASS test unit (inline): vmin - circle(at right bottom 70vmin)
+PASS test unit (inline): vmin - circle(at right top 50vmin)
+PASS test unit (inline): vmin - circle(at left 50vmin center)
+PASS test unit (inline): vmin - circle(at left 50vmin top)
+PASS test unit (inline): vmin - circle(at left 50vmin bottom)
+PASS test unit (inline): vmin - circle(at top 50vmin center)
+PASS test unit (inline): vmin - circle(at top 50vmin left)
+PASS test unit (inline): vmin - circle(at top 50vmin right)
+PASS test unit (inline): vmin - circle(at bottom 70vmin center)
+PASS test unit (inline): vmin - circle(at bottom 70vmin left)
+PASS test unit (inline): vmin - circle(at bottom 70vmin right)
+PASS test unit (inline): vmin - circle(at right 80vmin center)
+PASS test unit (inline): vmin - circle(at right 80vmin bottom)
+PASS test unit (inline): vmin - circle(at right 80vmin top)
+PASS test unit (inline): vmin - circle(at left 50% top 50vmin)
+PASS test unit (inline): vmin - circle(at left 50% bottom 70vmin)
+PASS test unit (inline): vmin - circle(at left 50vmin top 50%)
+PASS test unit (inline): vmin - circle(at left 50vmin top 50vmin)
+PASS test unit (inline): vmin - circle(at left 50vmin bottom 70%)
+PASS test unit (inline): vmin - circle(at left 50vmin bottom 70vmin)
+PASS test unit (inline): vmin - circle(at top 50% left 50vmin)
+PASS test unit (inline): vmin - circle(at top 50% right 80vmin)
+PASS test unit (inline): vmin - circle(at top 50vmin left 50%)
+PASS test unit (inline): vmin - circle(at top 50vmin left 50vmin)
+PASS test unit (inline): vmin - circle(at top 50vmin right 80%)
+PASS test unit (inline): vmin - circle(at top 50vmin right 80vmin)
+PASS test unit (inline): vmin - circle(at bottom 70% left 50vmin)
+PASS test unit (inline): vmin - circle(at bottom 70% right 80vmin)
+PASS test unit (inline): vmin - circle(at bottom 70vmin left 50%)
+PASS test unit (inline): vmin - circle(at bottom 70vmin left 50vmin)
+PASS test unit (inline): vmin - circle(at bottom 70vmin right 80%)
+PASS test unit (inline): vmin - circle(at bottom 70vmin right 80vmin)
+PASS test unit (inline): vmin - circle(at right 80% top 50vmin)
+PASS test unit (inline): vmin - circle(at right 80% bottom 70vmin)
+PASS test unit (inline): vmin - circle(at right 80vmin top 50%)
+PASS test unit (inline): vmin - circle(at right 80vmin top 50vmin)
+PASS test unit (inline): vmin - circle(at right 80vmin bottom 70%)
+PASS test unit (inline): vmin - circle(at right 80vmin bottom 70vmin)
+PASS test unit (inline): vmax - circle(at 50vmax)
+PASS test unit (inline): vmax - circle(at 50% 50vmax)
+PASS test unit (inline): vmax - circle(at 50vmax 50%)
+PASS test unit (inline): vmax - circle(at 50vmax 50vmax)
+PASS test unit (inline): vmax - circle(at left 50vmax)
+PASS test unit (inline): vmax - circle(at 50vmax top)
+PASS test unit (inline): vmax - circle(at right 80vmax)
+PASS test unit (inline): vmax - circle(at 70vmax bottom)
+PASS test unit (inline): vmax - circle(at center 60vmax)
+PASS test unit (inline): vmax - circle(at 60vmax center)
+PASS test unit (inline): vmax - circle(at center top 50vmax)
+PASS test unit (inline): vmax - circle(at center left 50vmax)
+PASS test unit (inline): vmax - circle(at center right 70vmax)
+PASS test unit (inline): vmax - circle(at center bottom 70vmax)
+PASS test unit (inline): vmax - circle(at left top 50vmax)
+PASS test unit (inline): vmax - circle(at left bottom 70vmax)
+PASS test unit (inline): vmax - circle(at top left 50vmax)
+PASS test unit (inline): vmax - circle(at top right 70vmax)
+PASS test unit (inline): vmax - circle(at bottom left 50vmax)
+PASS test unit (inline): vmax - circle(at bottom right 70vmax)
+PASS test unit (inline): vmax - circle(at right bottom 70vmax)
+PASS test unit (inline): vmax - circle(at right top 50vmax)
+PASS test unit (inline): vmax - circle(at left 50vmax center)
+PASS test unit (inline): vmax - circle(at left 50vmax top)
+PASS test unit (inline): vmax - circle(at left 50vmax bottom)
+PASS test unit (inline): vmax - circle(at top 50vmax center)
+PASS test unit (inline): vmax - circle(at top 50vmax left)
+PASS test unit (inline): vmax - circle(at top 50vmax right)
+PASS test unit (inline): vmax - circle(at bottom 70vmax center)
+PASS test unit (inline): vmax - circle(at bottom 70vmax left)
+PASS test unit (inline): vmax - circle(at bottom 70vmax right)
+PASS test unit (inline): vmax - circle(at right 80vmax center)
+PASS test unit (inline): vmax - circle(at right 80vmax bottom)
+PASS test unit (inline): vmax - circle(at right 80vmax top)
+PASS test unit (inline): vmax - circle(at left 50% top 50vmax)
+PASS test unit (inline): vmax - circle(at left 50% bottom 70vmax)
+PASS test unit (inline): vmax - circle(at left 50vmax top 50%)
+PASS test unit (inline): vmax - circle(at left 50vmax top 50vmax)
+PASS test unit (inline): vmax - circle(at left 50vmax bottom 70%)
+PASS test unit (inline): vmax - circle(at left 50vmax bottom 70vmax)
+PASS test unit (inline): vmax - circle(at top 50% left 50vmax)
+PASS test unit (inline): vmax - circle(at top 50% right 80vmax)
+PASS test unit (inline): vmax - circle(at top 50vmax left 50%)
+PASS test unit (inline): vmax - circle(at top 50vmax left 50vmax)
+PASS test unit (inline): vmax - circle(at top 50vmax right 80%)
+PASS test unit (inline): vmax - circle(at top 50vmax right 80vmax)
+PASS test unit (inline): vmax - circle(at bottom 70% left 50vmax)
+PASS test unit (inline): vmax - circle(at bottom 70% right 80vmax)
+PASS test unit (inline): vmax - circle(at bottom 70vmax left 50%)
+PASS test unit (inline): vmax - circle(at bottom 70vmax left 50vmax)
+PASS test unit (inline): vmax - circle(at bottom 70vmax right 80%)
+PASS test unit (inline): vmax - circle(at bottom 70vmax right 80vmax)
+PASS test unit (inline): vmax - circle(at right 80% top 50vmax)
+PASS test unit (inline): vmax - circle(at right 80% bottom 70vmax)
+PASS test unit (inline): vmax - circle(at right 80vmax top 50%)
+PASS test unit (inline): vmax - circle(at right 80vmax top 50vmax)
+PASS test unit (inline): vmax - circle(at right 80vmax bottom 70%)
+PASS test unit (inline): vmax - circle(at right 80vmax bottom 70vmax)
+PASS test unit (computed): cm - circle(at 50cm)
+PASS test unit (computed): cm - circle(at 50% 50cm)
+PASS test unit (computed): cm - circle(at 50cm 50%)
+PASS test unit (computed): cm - circle(at 50cm 50cm)
+PASS test unit (computed): cm - circle(at left 50cm)
+PASS test unit (computed): cm - circle(at 50cm top)
+PASS test unit (computed): cm - circle(at right 80cm)
+PASS test unit (computed): cm - circle(at 70cm bottom)
+PASS test unit (computed): cm - circle(at center 60cm)
+PASS test unit (computed): cm - circle(at 60cm center)
+PASS test unit (computed): cm - circle(at center top 50cm)
+PASS test unit (computed): cm - circle(at center left 50cm)
+PASS test unit (computed): cm - circle(at center right 70cm)
+PASS test unit (computed): cm - circle(at center bottom 70cm)
+PASS test unit (computed): cm - circle(at left top 50cm)
+PASS test unit (computed): cm - circle(at left bottom 70cm)
+PASS test unit (computed): cm - circle(at top left 50cm)
+PASS test unit (computed): cm - circle(at top right 70cm)
+PASS test unit (computed): cm - circle(at bottom left 50cm)
+PASS test unit (computed): cm - circle(at bottom right 70cm)
+PASS test unit (computed): cm - circle(at right bottom 70cm)
+PASS test unit (computed): cm - circle(at right top 50cm)
+PASS test unit (computed): cm - circle(at left 50cm center)
+PASS test unit (computed): cm - circle(at left 50cm top)
+PASS test unit (computed): cm - circle(at left 50cm bottom)
+PASS test unit (computed): cm - circle(at top 50cm center)
+PASS test unit (computed): cm - circle(at top 50cm left)
+PASS test unit (computed): cm - circle(at top 50cm right)
+PASS test unit (computed): cm - circle(at bottom 70cm center)
+PASS test unit (computed): cm - circle(at bottom 70cm left)
+PASS test unit (computed): cm - circle(at bottom 70cm right)
+PASS test unit (computed): cm - circle(at right 80cm center)
+PASS test unit (computed): cm - circle(at right 80cm bottom)
+PASS test unit (computed): cm - circle(at right 80cm top)
+PASS test unit (computed): cm - circle(at left 50% top 50cm)
+PASS test unit (computed): cm - circle(at left 50% bottom 70cm)
+PASS test unit (computed): cm - circle(at left 50cm top 50%)
+PASS test unit (computed): cm - circle(at left 50cm top 50cm)
+PASS test unit (computed): cm - circle(at left 50cm bottom 70%)
+PASS test unit (computed): cm - circle(at left 50cm bottom 70cm)
+PASS test unit (computed): cm - circle(at top 50% left 50cm)
+PASS test unit (computed): cm - circle(at top 50% right 80cm)
+PASS test unit (computed): cm - circle(at top 50cm left 50%)
+PASS test unit (computed): cm - circle(at top 50cm left 50cm)
+PASS test unit (computed): cm - circle(at top 50cm right 80%)
+PASS test unit (computed): cm - circle(at top 50cm right 80cm)
+PASS test unit (computed): cm - circle(at bottom 70% left 50cm)
+PASS test unit (computed): cm - circle(at bottom 70% right 80cm)
+PASS test unit (computed): cm - circle(at bottom 70cm left 50%)
+PASS test unit (computed): cm - circle(at bottom 70cm left 50cm)
+PASS test unit (computed): cm - circle(at bottom 70cm right 80%)
+PASS test unit (computed): cm - circle(at bottom 70cm right 80cm)
+PASS test unit (computed): cm - circle(at right 80% top 50cm)
+PASS test unit (computed): cm - circle(at right 80% bottom 70cm)
+PASS test unit (computed): cm - circle(at right 80cm top 50%)
+PASS test unit (computed): cm - circle(at right 80cm top 50cm)
+PASS test unit (computed): cm - circle(at right 80cm bottom 70%)
+PASS test unit (computed): cm - circle(at right 80cm bottom 70cm)
+PASS test unit (computed): mm - circle(at 50mm)
+PASS test unit (computed): mm - circle(at 50% 50mm)
+PASS test unit (computed): mm - circle(at 50mm 50%)
+PASS test unit (computed): mm - circle(at 50mm 50mm)
+PASS test unit (computed): mm - circle(at left 50mm)
+PASS test unit (computed): mm - circle(at 50mm top)
+PASS test unit (computed): mm - circle(at right 80mm)
+PASS test unit (computed): mm - circle(at 70mm bottom)
+PASS test unit (computed): mm - circle(at center 60mm)
+PASS test unit (computed): mm - circle(at 60mm center)
+PASS test unit (computed): mm - circle(at center top 50mm)
+PASS test unit (computed): mm - circle(at center left 50mm)
+PASS test unit (computed): mm - circle(at center right 70mm)
+PASS test unit (computed): mm - circle(at center bottom 70mm)
+PASS test unit (computed): mm - circle(at left top 50mm)
+PASS test unit (computed): mm - circle(at left bottom 70mm)
+PASS test unit (computed): mm - circle(at top left 50mm)
+PASS test unit (computed): mm - circle(at top right 70mm)
+PASS test unit (computed): mm - circle(at bottom left 50mm)
+PASS test unit (computed): mm - circle(at bottom right 70mm)
+PASS test unit (computed): mm - circle(at right bottom 70mm)
+PASS test unit (computed): mm - circle(at right top 50mm)
+PASS test unit (computed): mm - circle(at left 50mm center)
+PASS test unit (computed): mm - circle(at left 50mm top)
+PASS test unit (computed): mm - circle(at left 50mm bottom)
+PASS test unit (computed): mm - circle(at top 50mm center)
+PASS test unit (computed): mm - circle(at top 50mm left)
+PASS test unit (computed): mm - circle(at top 50mm right)
+PASS test unit (computed): mm - circle(at bottom 70mm center)
+PASS test unit (computed): mm - circle(at bottom 70mm left)
+PASS test unit (computed): mm - circle(at bottom 70mm right)
+PASS test unit (computed): mm - circle(at right 80mm center)
+PASS test unit (computed): mm - circle(at right 80mm bottom)
+PASS test unit (computed): mm - circle(at right 80mm top)
+PASS test unit (computed): mm - circle(at left 50% top 50mm)
+PASS test unit (computed): mm - circle(at left 50% bottom 70mm)
+PASS test unit (computed): mm - circle(at left 50mm top 50%)
+PASS test unit (computed): mm - circle(at left 50mm top 50mm)
+PASS test unit (computed): mm - circle(at left 50mm bottom 70%)
+PASS test unit (computed): mm - circle(at left 50mm bottom 70mm)
+PASS test unit (computed): mm - circle(at top 50% left 50mm)
+PASS test unit (computed): mm - circle(at top 50% right 80mm)
+PASS test unit (computed): mm - circle(at top 50mm left 50%)
+PASS test unit (computed): mm - circle(at top 50mm left 50mm)
+PASS test unit (computed): mm - circle(at top 50mm right 80%)
+PASS test unit (computed): mm - circle(at top 50mm right 80mm)
+PASS test unit (computed): mm - circle(at bottom 70% left 50mm)
+PASS test unit (computed): mm - circle(at bottom 70% right 80mm)
+PASS test unit (computed): mm - circle(at bottom 70mm left 50%)
+PASS test unit (computed): mm - circle(at bottom 70mm left 50mm)
+PASS test unit (computed): mm - circle(at bottom 70mm right 80%)
+PASS test unit (computed): mm - circle(at bottom 70mm right 80mm)
+PASS test unit (computed): mm - circle(at right 80% top 50mm)
+PASS test unit (computed): mm - circle(at right 80% bottom 70mm)
+PASS test unit (computed): mm - circle(at right 80mm top 50%)
+PASS test unit (computed): mm - circle(at right 80mm top 50mm)
+PASS test unit (computed): mm - circle(at right 80mm bottom 70%)
+PASS test unit (computed): mm - circle(at right 80mm bottom 70mm)
+PASS test unit (computed): in - circle(at 50in)
+PASS test unit (computed): in - circle(at 50% 50in)
+PASS test unit (computed): in - circle(at 50in 50%)
+PASS test unit (computed): in - circle(at 50in 50in)
+PASS test unit (computed): in - circle(at left 50in)
+PASS test unit (computed): in - circle(at 50in top)
+PASS test unit (computed): in - circle(at right 80in)
+PASS test unit (computed): in - circle(at 70in bottom)
+PASS test unit (computed): in - circle(at center 60in)
+PASS test unit (computed): in - circle(at 60in center)
+PASS test unit (computed): in - circle(at center top 50in)
+PASS test unit (computed): in - circle(at center left 50in)
+PASS test unit (computed): in - circle(at center right 70in)
+PASS test unit (computed): in - circle(at center bottom 70in)
+PASS test unit (computed): in - circle(at left top 50in)
+PASS test unit (computed): in - circle(at left bottom 70in)
+PASS test unit (computed): in - circle(at top left 50in)
+PASS test unit (computed): in - circle(at top right 70in)
+PASS test unit (computed): in - circle(at bottom left 50in)
+PASS test unit (computed): in - circle(at bottom right 70in)
+PASS test unit (computed): in - circle(at right bottom 70in)
+PASS test unit (computed): in - circle(at right top 50in)
+PASS test unit (computed): in - circle(at left 50in center)
+PASS test unit (computed): in - circle(at left 50in top)
+PASS test unit (computed): in - circle(at left 50in bottom)
+PASS test unit (computed): in - circle(at top 50in center)
+PASS test unit (computed): in - circle(at top 50in left)
+PASS test unit (computed): in - circle(at top 50in right)
+PASS test unit (computed): in - circle(at bottom 70in center)
+PASS test unit (computed): in - circle(at bottom 70in left)
+PASS test unit (computed): in - circle(at bottom 70in right)
+PASS test unit (computed): in - circle(at right 80in center)
+PASS test unit (computed): in - circle(at right 80in bottom)
+PASS test unit (computed): in - circle(at right 80in top)
+PASS test unit (computed): in - circle(at left 50% top 50in)
+PASS test unit (computed): in - circle(at left 50% bottom 70in)
+PASS test unit (computed): in - circle(at left 50in top 50%)
+PASS test unit (computed): in - circle(at left 50in top 50in)
+PASS test unit (computed): in - circle(at left 50in bottom 70%)
+PASS test unit (computed): in - circle(at left 50in bottom 70in)
+PASS test unit (computed): in - circle(at top 50% left 50in)
+PASS test unit (computed): in - circle(at top 50% right 80in)
+PASS test unit (computed): in - circle(at top 50in left 50%)
+PASS test unit (computed): in - circle(at top 50in left 50in)
+PASS test unit (computed): in - circle(at top 50in right 80%)
+PASS test unit (computed): in - circle(at top 50in right 80in)
+PASS test unit (computed): in - circle(at bottom 70% left 50in)
+PASS test unit (computed): in - circle(at bottom 70% right 80in)
+PASS test unit (computed): in - circle(at bottom 70in left 50%)
+PASS test unit (computed): in - circle(at bottom 70in left 50in)
+PASS test unit (computed): in - circle(at bottom 70in right 80%)
+PASS test unit (computed): in - circle(at bottom 70in right 80in)
+PASS test unit (computed): in - circle(at right 80% top 50in)
+PASS test unit (computed): in - circle(at right 80% bottom 70in)
+PASS test unit (computed): in - circle(at right 80in top 50%)
+PASS test unit (computed): in - circle(at right 80in top 50in)
+PASS test unit (computed): in - circle(at right 80in bottom 70%)
+PASS test unit (computed): in - circle(at right 80in bottom 70in)
+PASS test unit (computed): pt - circle(at 50pt)
+PASS test unit (computed): pt - circle(at 50% 50pt)
+PASS test unit (computed): pt - circle(at 50pt 50%)
+PASS test unit (computed): pt - circle(at 50pt 50pt)
+PASS test unit (computed): pt - circle(at left 50pt)
+PASS test unit (computed): pt - circle(at 50pt top)
+PASS test unit (computed): pt - circle(at right 80pt)
+PASS test unit (computed): pt - circle(at 70pt bottom)
+PASS test unit (computed): pt - circle(at center 60pt)
+PASS test unit (computed): pt - circle(at 60pt center)
+PASS test unit (computed): pt - circle(at center top 50pt)
+PASS test unit (computed): pt - circle(at center left 50pt)
+PASS test unit (computed): pt - circle(at center right 70pt)
+PASS test unit (computed): pt - circle(at center bottom 70pt)
+PASS test unit (computed): pt - circle(at left top 50pt)
+PASS test unit (computed): pt - circle(at left bottom 70pt)
+PASS test unit (computed): pt - circle(at top left 50pt)
+PASS test unit (computed): pt - circle(at top right 70pt)
+PASS test unit (computed): pt - circle(at bottom left 50pt)
+PASS test unit (computed): pt - circle(at bottom right 70pt)
+PASS test unit (computed): pt - circle(at right bottom 70pt)
+PASS test unit (computed): pt - circle(at right top 50pt)
+PASS test unit (computed): pt - circle(at left 50pt center)
+PASS test unit (computed): pt - circle(at left 50pt top)
+PASS test unit (computed): pt - circle(at left 50pt bottom)
+PASS test unit (computed): pt - circle(at top 50pt center)
+PASS test unit (computed): pt - circle(at top 50pt left)
+PASS test unit (computed): pt - circle(at top 50pt right)
+PASS test unit (computed): pt - circle(at bottom 70pt center)
+PASS test unit (computed): pt - circle(at bottom 70pt left)
+PASS test unit (computed): pt - circle(at bottom 70pt right)
+PASS test unit (computed): pt - circle(at right 80pt center)
+PASS test unit (computed): pt - circle(at right 80pt bottom)
+PASS test unit (computed): pt - circle(at right 80pt top)
+PASS test unit (computed): pt - circle(at left 50% top 50pt)
+PASS test unit (computed): pt - circle(at left 50% bottom 70pt)
+PASS test unit (computed): pt - circle(at left 50pt top 50%)
+PASS test unit (computed): pt - circle(at left 50pt top 50pt)
+PASS test unit (computed): pt - circle(at left 50pt bottom 70%)
+PASS test unit (computed): pt - circle(at left 50pt bottom 70pt)
+PASS test unit (computed): pt - circle(at top 50% left 50pt)
+PASS test unit (computed): pt - circle(at top 50% right 80pt)
+PASS test unit (computed): pt - circle(at top 50pt left 50%)
+PASS test unit (computed): pt - circle(at top 50pt left 50pt)
+PASS test unit (computed): pt - circle(at top 50pt right 80%)
+PASS test unit (computed): pt - circle(at top 50pt right 80pt)
+PASS test unit (computed): pt - circle(at bottom 70% left 50pt)
+PASS test unit (computed): pt - circle(at bottom 70% right 80pt)
+PASS test unit (computed): pt - circle(at bottom 70pt left 50%)
+PASS test unit (computed): pt - circle(at bottom 70pt left 50pt)
+PASS test unit (computed): pt - circle(at bottom 70pt right 80%)
+PASS test unit (computed): pt - circle(at bottom 70pt right 80pt)
+PASS test unit (computed): pt - circle(at right 80% top 50pt)
+PASS test unit (computed): pt - circle(at right 80% bottom 70pt)
+PASS test unit (computed): pt - circle(at right 80pt top 50%)
+PASS test unit (computed): pt - circle(at right 80pt top 50pt)
+PASS test unit (computed): pt - circle(at right 80pt bottom 70%)
+PASS test unit (computed): pt - circle(at right 80pt bottom 70pt)
+PASS test unit (computed): pc - circle(at 50pc)
+PASS test unit (computed): pc - circle(at 50% 50pc)
+PASS test unit (computed): pc - circle(at 50pc 50%)
+PASS test unit (computed): pc - circle(at 50pc 50pc)
+PASS test unit (computed): pc - circle(at left 50pc)
+PASS test unit (computed): pc - circle(at 50pc top)
+PASS test unit (computed): pc - circle(at right 80pc)
+PASS test unit (computed): pc - circle(at 70pc bottom)
+PASS test unit (computed): pc - circle(at center 60pc)
+PASS test unit (computed): pc - circle(at 60pc center)
+PASS test unit (computed): pc - circle(at center top 50pc)
+PASS test unit (computed): pc - circle(at center left 50pc)
+PASS test unit (computed): pc - circle(at center right 70pc)
+PASS test unit (computed): pc - circle(at center bottom 70pc)
+PASS test unit (computed): pc - circle(at left top 50pc)
+PASS test unit (computed): pc - circle(at left bottom 70pc)
+PASS test unit (computed): pc - circle(at top left 50pc)
+PASS test unit (computed): pc - circle(at top right 70pc)
+PASS test unit (computed): pc - circle(at bottom left 50pc)
+PASS test unit (computed): pc - circle(at bottom right 70pc)
+PASS test unit (computed): pc - circle(at right bottom 70pc)
+PASS test unit (computed): pc - circle(at right top 50pc)
+PASS test unit (computed): pc - circle(at left 50pc center)
+PASS test unit (computed): pc - circle(at left 50pc top)
+PASS test unit (computed): pc - circle(at left 50pc bottom)
+PASS test unit (computed): pc - circle(at top 50pc center)
+PASS test unit (computed): pc - circle(at top 50pc left)
+PASS test unit (computed): pc - circle(at top 50pc right)
+PASS test unit (computed): pc - circle(at bottom 70pc center)
+PASS test unit (computed): pc - circle(at bottom 70pc left)
+PASS test unit (computed): pc - circle(at bottom 70pc right)
+PASS test unit (computed): pc - circle(at right 80pc center)
+PASS test unit (computed): pc - circle(at right 80pc bottom)
+PASS test unit (computed): pc - circle(at right 80pc top)
+PASS test unit (computed): pc - circle(at left 50% top 50pc)
+PASS test unit (computed): pc - circle(at left 50% bottom 70pc)
+PASS test unit (computed): pc - circle(at left 50pc top 50%)
+PASS test unit (computed): pc - circle(at left 50pc top 50pc)
+PASS test unit (computed): pc - circle(at left 50pc bottom 70%)
+PASS test unit (computed): pc - circle(at left 50pc bottom 70pc)
+PASS test unit (computed): pc - circle(at top 50% left 50pc)
+PASS test unit (computed): pc - circle(at top 50% right 80pc)
+PASS test unit (computed): pc - circle(at top 50pc left 50%)
+PASS test unit (computed): pc - circle(at top 50pc left 50pc)
+PASS test unit (computed): pc - circle(at top 50pc right 80%)
+PASS test unit (computed): pc - circle(at top 50pc right 80pc)
+PASS test unit (computed): pc - circle(at bottom 70% left 50pc)
+PASS test unit (computed): pc - circle(at bottom 70% right 80pc)
+PASS test unit (computed): pc - circle(at bottom 70pc left 50%)
+PASS test unit (computed): pc - circle(at bottom 70pc left 50pc)
+PASS test unit (computed): pc - circle(at bottom 70pc right 80%)
+PASS test unit (computed): pc - circle(at bottom 70pc right 80pc)
+PASS test unit (computed): pc - circle(at right 80% top 50pc)
+PASS test unit (computed): pc - circle(at right 80% bottom 70pc)
+PASS test unit (computed): pc - circle(at right 80pc top 50%)
+PASS test unit (computed): pc - circle(at right 80pc top 50pc)
+PASS test unit (computed): pc - circle(at right 80pc bottom 70%)
+PASS test unit (computed): pc - circle(at right 80pc bottom 70pc)
+PASS test unit (computed): em - circle(at 50em)
+PASS test unit (computed): em - circle(at 50% 50em)
+PASS test unit (computed): em - circle(at 50em 50%)
+PASS test unit (computed): em - circle(at 50em 50em)
+PASS test unit (computed): em - circle(at left 50em)
+PASS test unit (computed): em - circle(at 50em top)
+PASS test unit (computed): em - circle(at right 80em)
+PASS test unit (computed): em - circle(at 70em bottom)
+PASS test unit (computed): em - circle(at center 60em)
+PASS test unit (computed): em - circle(at 60em center)
+PASS test unit (computed): em - circle(at center top 50em)
+PASS test unit (computed): em - circle(at center left 50em)
+PASS test unit (computed): em - circle(at center right 70em)
+PASS test unit (computed): em - circle(at center bottom 70em)
+PASS test unit (computed): em - circle(at left top 50em)
+PASS test unit (computed): em - circle(at left bottom 70em)
+PASS test unit (computed): em - circle(at top left 50em)
+PASS test unit (computed): em - circle(at top right 70em)
+PASS test unit (computed): em - circle(at bottom left 50em)
+PASS test unit (computed): em - circle(at bottom right 70em)
+PASS test unit (computed): em - circle(at right bottom 70em)
+PASS test unit (computed): em - circle(at right top 50em)
+PASS test unit (computed): em - circle(at left 50em center)
+PASS test unit (computed): em - circle(at left 50em top)
+PASS test unit (computed): em - circle(at left 50em bottom)
+PASS test unit (computed): em - circle(at top 50em center)
+PASS test unit (computed): em - circle(at top 50em left)
+PASS test unit (computed): em - circle(at top 50em right)
+PASS test unit (computed): em - circle(at bottom 70em center)
+PASS test unit (computed): em - circle(at bottom 70em left)
+PASS test unit (computed): em - circle(at bottom 70em right)
+PASS test unit (computed): em - circle(at right 80em center)
+PASS test unit (computed): em - circle(at right 80em bottom)
+PASS test unit (computed): em - circle(at right 80em top)
+PASS test unit (computed): em - circle(at left 50% top 50em)
+PASS test unit (computed): em - circle(at left 50% bottom 70em)
+PASS test unit (computed): em - circle(at left 50em top 50%)
+PASS test unit (computed): em - circle(at left 50em top 50em)
+PASS test unit (computed): em - circle(at left 50em bottom 70%)
+PASS test unit (computed): em - circle(at left 50em bottom 70em)
+PASS test unit (computed): em - circle(at top 50% left 50em)
+PASS test unit (computed): em - circle(at top 50% right 80em)
+PASS test unit (computed): em - circle(at top 50em left 50%)
+PASS test unit (computed): em - circle(at top 50em left 50em)
+PASS test unit (computed): em - circle(at top 50em right 80%)
+PASS test unit (computed): em - circle(at top 50em right 80em)
+PASS test unit (computed): em - circle(at bottom 70% left 50em)
+PASS test unit (computed): em - circle(at bottom 70% right 80em)
+PASS test unit (computed): em - circle(at bottom 70em left 50%)
+PASS test unit (computed): em - circle(at bottom 70em left 50em)
+PASS test unit (computed): em - circle(at bottom 70em right 80%)
+PASS test unit (computed): em - circle(at bottom 70em right 80em)
+PASS test unit (computed): em - circle(at right 80% top 50em)
+PASS test unit (computed): em - circle(at right 80% bottom 70em)
+PASS test unit (computed): em - circle(at right 80em top 50%)
+PASS test unit (computed): em - circle(at right 80em top 50em)
+PASS test unit (computed): em - circle(at right 80em bottom 70%)
+PASS test unit (computed): em - circle(at right 80em bottom 70em)
+PASS test unit (computed): ex - circle(at 50ex)
+PASS test unit (computed): ex - circle(at 50% 50ex)
+PASS test unit (computed): ex - circle(at 50ex 50%)
+PASS test unit (computed): ex - circle(at 50ex 50ex)
+PASS test unit (computed): ex - circle(at left 50ex)
+PASS test unit (computed): ex - circle(at 50ex top)
+PASS test unit (computed): ex - circle(at right 80ex)
+PASS test unit (computed): ex - circle(at 70ex bottom)
+PASS test unit (computed): ex - circle(at center 60ex)
+PASS test unit (computed): ex - circle(at 60ex center)
+PASS test unit (computed): ex - circle(at center top 50ex)
+PASS test unit (computed): ex - circle(at center left 50ex)
+PASS test unit (computed): ex - circle(at center right 70ex)
+PASS test unit (computed): ex - circle(at center bottom 70ex)
+PASS test unit (computed): ex - circle(at left top 50ex)
+PASS test unit (computed): ex - circle(at left bottom 70ex)
+PASS test unit (computed): ex - circle(at top left 50ex)
+PASS test unit (computed): ex - circle(at top right 70ex)
+PASS test unit (computed): ex - circle(at bottom left 50ex)
+PASS test unit (computed): ex - circle(at bottom right 70ex)
+PASS test unit (computed): ex - circle(at right bottom 70ex)
+PASS test unit (computed): ex - circle(at right top 50ex)
+PASS test unit (computed): ex - circle(at left 50ex center)
+PASS test unit (computed): ex - circle(at left 50ex top)
+PASS test unit (computed): ex - circle(at left 50ex bottom)
+PASS test unit (computed): ex - circle(at top 50ex center)
+PASS test unit (computed): ex - circle(at top 50ex left)
+PASS test unit (computed): ex - circle(at top 50ex right)
+PASS test unit (computed): ex - circle(at bottom 70ex center)
+PASS test unit (computed): ex - circle(at bottom 70ex left)
+PASS test unit (computed): ex - circle(at bottom 70ex right)
+PASS test unit (computed): ex - circle(at right 80ex center)
+PASS test unit (computed): ex - circle(at right 80ex bottom)
+PASS test unit (computed): ex - circle(at right 80ex top)
+PASS test unit (computed): ex - circle(at left 50% top 50ex)
+PASS test unit (computed): ex - circle(at left 50% bottom 70ex)
+PASS test unit (computed): ex - circle(at left 50ex top 50%)
+PASS test unit (computed): ex - circle(at left 50ex top 50ex)
+PASS test unit (computed): ex - circle(at left 50ex bottom 70%)
+PASS test unit (computed): ex - circle(at left 50ex bottom 70ex)
+PASS test unit (computed): ex - circle(at top 50% left 50ex)
+PASS test unit (computed): ex - circle(at top 50% right 80ex)
+PASS test unit (computed): ex - circle(at top 50ex left 50%)
+PASS test unit (computed): ex - circle(at top 50ex left 50ex)
+PASS test unit (computed): ex - circle(at top 50ex right 80%)
+PASS test unit (computed): ex - circle(at top 50ex right 80ex)
+PASS test unit (computed): ex - circle(at bottom 70% left 50ex)
+PASS test unit (computed): ex - circle(at bottom 70% right 80ex)
+PASS test unit (computed): ex - circle(at bottom 70ex left 50%)
+PASS test unit (computed): ex - circle(at bottom 70ex left 50ex)
+PASS test unit (computed): ex - circle(at bottom 70ex right 80%)
+PASS test unit (computed): ex - circle(at bottom 70ex right 80ex)
+PASS test unit (computed): ex - circle(at right 80% top 50ex)
+PASS test unit (computed): ex - circle(at right 80% bottom 70ex)
+PASS test unit (computed): ex - circle(at right 80ex top 50%)
+PASS test unit (computed): ex - circle(at right 80ex top 50ex)
+PASS test unit (computed): ex - circle(at right 80ex bottom 70%)
+PASS test unit (computed): ex - circle(at right 80ex bottom 70ex)
+PASS test unit (computed): ch - circle(at 50ch)
+PASS test unit (computed): ch - circle(at 50% 50ch)
+PASS test unit (computed): ch - circle(at 50ch 50%)
+PASS test unit (computed): ch - circle(at 50ch 50ch)
+PASS test unit (computed): ch - circle(at left 50ch)
+PASS test unit (computed): ch - circle(at 50ch top)
+PASS test unit (computed): ch - circle(at right 80ch)
+PASS test unit (computed): ch - circle(at 70ch bottom)
+PASS test unit (computed): ch - circle(at center 60ch)
+PASS test unit (computed): ch - circle(at 60ch center)
+PASS test unit (computed): ch - circle(at center top 50ch)
+PASS test unit (computed): ch - circle(at center left 50ch)
+PASS test unit (computed): ch - circle(at center right 70ch)
+PASS test unit (computed): ch - circle(at center bottom 70ch)
+PASS test unit (computed): ch - circle(at left top 50ch)
+PASS test unit (computed): ch - circle(at left bottom 70ch)
+PASS test unit (computed): ch - circle(at top left 50ch)
+PASS test unit (computed): ch - circle(at top right 70ch)
+PASS test unit (computed): ch - circle(at bottom left 50ch)
+PASS test unit (computed): ch - circle(at bottom right 70ch)
+PASS test unit (computed): ch - circle(at right bottom 70ch)
+PASS test unit (computed): ch - circle(at right top 50ch)
+PASS test unit (computed): ch - circle(at left 50ch center)
+PASS test unit (computed): ch - circle(at left 50ch top)
+PASS test unit (computed): ch - circle(at left 50ch bottom)
+PASS test unit (computed): ch - circle(at top 50ch center)
+PASS test unit (computed): ch - circle(at top 50ch left)
+PASS test unit (computed): ch - circle(at top 50ch right)
+PASS test unit (computed): ch - circle(at bottom 70ch center)
+PASS test unit (computed): ch - circle(at bottom 70ch left)
+PASS test unit (computed): ch - circle(at bottom 70ch right)
+PASS test unit (computed): ch - circle(at right 80ch center)
+PASS test unit (computed): ch - circle(at right 80ch bottom)
+PASS test unit (computed): ch - circle(at right 80ch top)
+PASS test unit (computed): ch - circle(at left 50% top 50ch)
+PASS test unit (computed): ch - circle(at left 50% bottom 70ch)
+PASS test unit (computed): ch - circle(at left 50ch top 50%)
+PASS test unit (computed): ch - circle(at left 50ch top 50ch)
+PASS test unit (computed): ch - circle(at left 50ch bottom 70%)
+PASS test unit (computed): ch - circle(at left 50ch bottom 70ch)
+PASS test unit (computed): ch - circle(at top 50% left 50ch)
+PASS test unit (computed): ch - circle(at top 50% right 80ch)
+PASS test unit (computed): ch - circle(at top 50ch left 50%)
+PASS test unit (computed): ch - circle(at top 50ch left 50ch)
+PASS test unit (computed): ch - circle(at top 50ch right 80%)
+PASS test unit (computed): ch - circle(at top 50ch right 80ch)
+PASS test unit (computed): ch - circle(at bottom 70% left 50ch)
+PASS test unit (computed): ch - circle(at bottom 70% right 80ch)
+PASS test unit (computed): ch - circle(at bottom 70ch left 50%)
+PASS test unit (computed): ch - circle(at bottom 70ch left 50ch)
+PASS test unit (computed): ch - circle(at bottom 70ch right 80%)
+PASS test unit (computed): ch - circle(at bottom 70ch right 80ch)
+PASS test unit (computed): ch - circle(at right 80% top 50ch)
+PASS test unit (computed): ch - circle(at right 80% bottom 70ch)
+PASS test unit (computed): ch - circle(at right 80ch top 50%)
+PASS test unit (computed): ch - circle(at right 80ch top 50ch)
+PASS test unit (computed): ch - circle(at right 80ch bottom 70%)
+PASS test unit (computed): ch - circle(at right 80ch bottom 70ch)
+PASS test unit (computed): rem - circle(at 50rem)
+PASS test unit (computed): rem - circle(at 50% 50rem)
+PASS test unit (computed): rem - circle(at 50rem 50%)
+PASS test unit (computed): rem - circle(at 50rem 50rem)
+PASS test unit (computed): rem - circle(at left 50rem)
+PASS test unit (computed): rem - circle(at 50rem top)
+PASS test unit (computed): rem - circle(at right 80rem)
+PASS test unit (computed): rem - circle(at 70rem bottom)
+PASS test unit (computed): rem - circle(at center 60rem)
+PASS test unit (computed): rem - circle(at 60rem center)
+PASS test unit (computed): rem - circle(at center top 50rem)
+PASS test unit (computed): rem - circle(at center left 50rem)
+PASS test unit (computed): rem - circle(at center right 70rem)
+PASS test unit (computed): rem - circle(at center bottom 70rem)
+PASS test unit (computed): rem - circle(at left top 50rem)
+PASS test unit (computed): rem - circle(at left bottom 70rem)
+PASS test unit (computed): rem - circle(at top left 50rem)
+PASS test unit (computed): rem - circle(at top right 70rem)
+PASS test unit (computed): rem - circle(at bottom left 50rem)
+PASS test unit (computed): rem - circle(at bottom right 70rem)
+PASS test unit (computed): rem - circle(at right bottom 70rem)
+PASS test unit (computed): rem - circle(at right top 50rem)
+PASS test unit (computed): rem - circle(at left 50rem center)
+PASS test unit (computed): rem - circle(at left 50rem top)
+PASS test unit (computed): rem - circle(at left 50rem bottom)
+PASS test unit (computed): rem - circle(at top 50rem center)
+PASS test unit (computed): rem - circle(at top 50rem left)
+PASS test unit (computed): rem - circle(at top 50rem right)
+PASS test unit (computed): rem - circle(at bottom 70rem center)
+PASS test unit (computed): rem - circle(at bottom 70rem left)
+PASS test unit (computed): rem - circle(at bottom 70rem right)
+PASS test unit (computed): rem - circle(at right 80rem center)
+PASS test unit (computed): rem - circle(at right 80rem bottom)
+PASS test unit (computed): rem - circle(at right 80rem top)
+PASS test unit (computed): rem - circle(at left 50% top 50rem)
+PASS test unit (computed): rem - circle(at left 50% bottom 70rem)
+PASS test unit (computed): rem - circle(at left 50rem top 50%)
+PASS test unit (computed): rem - circle(at left 50rem top 50rem)
+PASS test unit (computed): rem - circle(at left 50rem bottom 70%)
+PASS test unit (computed): rem - circle(at left 50rem bottom 70rem)
+PASS test unit (computed): rem - circle(at top 50% left 50rem)
+PASS test unit (computed): rem - circle(at top 50% right 80rem)
+PASS test unit (computed): rem - circle(at top 50rem left 50%)
+PASS test unit (computed): rem - circle(at top 50rem left 50rem)
+PASS test unit (computed): rem - circle(at top 50rem right 80%)
+PASS test unit (computed): rem - circle(at top 50rem right 80rem)
+PASS test unit (computed): rem - circle(at bottom 70% left 50rem)
+PASS test unit (computed): rem - circle(at bottom 70% right 80rem)
+PASS test unit (computed): rem - circle(at bottom 70rem left 50%)
+PASS test unit (computed): rem - circle(at bottom 70rem left 50rem)
+PASS test unit (computed): rem - circle(at bottom 70rem right 80%)
+PASS test unit (computed): rem - circle(at bottom 70rem right 80rem)
+PASS test unit (computed): rem - circle(at right 80% top 50rem)
+PASS test unit (computed): rem - circle(at right 80% bottom 70rem)
+PASS test unit (computed): rem - circle(at right 80rem top 50%)
+PASS test unit (computed): rem - circle(at right 80rem top 50rem)
+PASS test unit (computed): rem - circle(at right 80rem bottom 70%)
+PASS test unit (computed): rem - circle(at right 80rem bottom 70rem)
+PASS test unit (computed): vw - circle(at 50vw)
+PASS test unit (computed): vw - circle(at 50% 50vw)
+PASS test unit (computed): vw - circle(at 50vw 50%)
+PASS test unit (computed): vw - circle(at 50vw 50vw)
+PASS test unit (computed): vw - circle(at left 50vw)
+PASS test unit (computed): vw - circle(at 50vw top)
+PASS test unit (computed): vw - circle(at right 80vw)
+PASS test unit (computed): vw - circle(at 70vw bottom)
+PASS test unit (computed): vw - circle(at center 60vw)
+PASS test unit (computed): vw - circle(at 60vw center)
+PASS test unit (computed): vw - circle(at center top 50vw)
+PASS test unit (computed): vw - circle(at center left 50vw)
+PASS test unit (computed): vw - circle(at center right 70vw)
+PASS test unit (computed): vw - circle(at center bottom 70vw)
+PASS test unit (computed): vw - circle(at left top 50vw)
+PASS test unit (computed): vw - circle(at left bottom 70vw)
+PASS test unit (computed): vw - circle(at top left 50vw)
+PASS test unit (computed): vw - circle(at top right 70vw)
+PASS test unit (computed): vw - circle(at bottom left 50vw)
+PASS test unit (computed): vw - circle(at bottom right 70vw)
+PASS test unit (computed): vw - circle(at right bottom 70vw)
+PASS test unit (computed): vw - circle(at right top 50vw)
+PASS test unit (computed): vw - circle(at left 50vw center)
+PASS test unit (computed): vw - circle(at left 50vw top)
+PASS test unit (computed): vw - circle(at left 50vw bottom)
+PASS test unit (computed): vw - circle(at top 50vw center)
+PASS test unit (computed): vw - circle(at top 50vw left)
+PASS test unit (computed): vw - circle(at top 50vw right)
+PASS test unit (computed): vw - circle(at bottom 70vw center)
+PASS test unit (computed): vw - circle(at bottom 70vw left)
+PASS test unit (computed): vw - circle(at bottom 70vw right)
+PASS test unit (computed): vw - circle(at right 80vw center)
+PASS test unit (computed): vw - circle(at right 80vw bottom)
+PASS test unit (computed): vw - circle(at right 80vw top)
+PASS test unit (computed): vw - circle(at left 50% top 50vw)
+PASS test unit (computed): vw - circle(at left 50% bottom 70vw)
+PASS test unit (computed): vw - circle(at left 50vw top 50%)
+PASS test unit (computed): vw - circle(at left 50vw top 50vw)
+PASS test unit (computed): vw - circle(at left 50vw bottom 70%)
+PASS test unit (computed): vw - circle(at left 50vw bottom 70vw)
+PASS test unit (computed): vw - circle(at top 50% left 50vw)
+PASS test unit (computed): vw - circle(at top 50% right 80vw)
+PASS test unit (computed): vw - circle(at top 50vw left 50%)
+PASS test unit (computed): vw - circle(at top 50vw left 50vw)
+PASS test unit (computed): vw - circle(at top 50vw right 80%)
+PASS test unit (computed): vw - circle(at top 50vw right 80vw)
+PASS test unit (computed): vw - circle(at bottom 70% left 50vw)
+PASS test unit (computed): vw - circle(at bottom 70% right 80vw)
+PASS test unit (computed): vw - circle(at bottom 70vw left 50%)
+PASS test unit (computed): vw - circle(at bottom 70vw left 50vw)
+PASS test unit (computed): vw - circle(at bottom 70vw right 80%)
+PASS test unit (computed): vw - circle(at bottom 70vw right 80vw)
+PASS test unit (computed): vw - circle(at right 80% top 50vw)
+PASS test unit (computed): vw - circle(at right 80% bottom 70vw)
+PASS test unit (computed): vw - circle(at right 80vw top 50%)
+PASS test unit (computed): vw - circle(at right 80vw top 50vw)
+PASS test unit (computed): vw - circle(at right 80vw bottom 70%)
+PASS test unit (computed): vw - circle(at right 80vw bottom 70vw)
+PASS test unit (computed): vh - circle(at 50vh)
+PASS test unit (computed): vh - circle(at 50% 50vh)
+PASS test unit (computed): vh - circle(at 50vh 50%)
+PASS test unit (computed): vh - circle(at 50vh 50vh)
+PASS test unit (computed): vh - circle(at left 50vh)
+PASS test unit (computed): vh - circle(at 50vh top)
+PASS test unit (computed): vh - circle(at right 80vh)
+PASS test unit (computed): vh - circle(at 70vh bottom)
+PASS test unit (computed): vh - circle(at center 60vh)
+PASS test unit (computed): vh - circle(at 60vh center)
+PASS test unit (computed): vh - circle(at center top 50vh)
+PASS test unit (computed): vh - circle(at center left 50vh)
+PASS test unit (computed): vh - circle(at center right 70vh)
+PASS test unit (computed): vh - circle(at center bottom 70vh)
+PASS test unit (computed): vh - circle(at left top 50vh)
+PASS test unit (computed): vh - circle(at left bottom 70vh)
+PASS test unit (computed): vh - circle(at top left 50vh)
+PASS test unit (computed): vh - circle(at top right 70vh)
+PASS test unit (computed): vh - circle(at bottom left 50vh)
+PASS test unit (computed): vh - circle(at bottom right 70vh)
+PASS test unit (computed): vh - circle(at right bottom 70vh)
+PASS test unit (computed): vh - circle(at right top 50vh)
+PASS test unit (computed): vh - circle(at left 50vh center)
+PASS test unit (computed): vh - circle(at left 50vh top)
+PASS test unit (computed): vh - circle(at left 50vh bottom)
+PASS test unit (computed): vh - circle(at top 50vh center)
+PASS test unit (computed): vh - circle(at top 50vh left)
+PASS test unit (computed): vh - circle(at top 50vh right)
+PASS test unit (computed): vh - circle(at bottom 70vh center)
+PASS test unit (computed): vh - circle(at bottom 70vh left)
+PASS test unit (computed): vh - circle(at bottom 70vh right)
+PASS test unit (computed): vh - circle(at right 80vh center)
+PASS test unit (computed): vh - circle(at right 80vh bottom)
+PASS test unit (computed): vh - circle(at right 80vh top)
+PASS test unit (computed): vh - circle(at left 50% top 50vh)
+PASS test unit (computed): vh - circle(at left 50% bottom 70vh)
+PASS test unit (computed): vh - circle(at left 50vh top 50%)
+PASS test unit (computed): vh - circle(at left 50vh top 50vh)
+PASS test unit (computed): vh - circle(at left 50vh bottom 70%)
+PASS test unit (computed): vh - circle(at left 50vh bottom 70vh)
+PASS test unit (computed): vh - circle(at top 50% left 50vh)
+PASS test unit (computed): vh - circle(at top 50% right 80vh)
+PASS test unit (computed): vh - circle(at top 50vh left 50%)
+PASS test unit (computed): vh - circle(at top 50vh left 50vh)
+PASS test unit (computed): vh - circle(at top 50vh right 80%)
+PASS test unit (computed): vh - circle(at top 50vh right 80vh)
+PASS test unit (computed): vh - circle(at bottom 70% left 50vh)
+PASS test unit (computed): vh - circle(at bottom 70% right 80vh)
+PASS test unit (computed): vh - circle(at bottom 70vh left 50%)
+PASS test unit (computed): vh - circle(at bottom 70vh left 50vh)
+PASS test unit (computed): vh - circle(at bottom 70vh right 80%)
+PASS test unit (computed): vh - circle(at bottom 70vh right 80vh)
+PASS test unit (computed): vh - circle(at right 80% top 50vh)
+PASS test unit (computed): vh - circle(at right 80% bottom 70vh)
+PASS test unit (computed): vh - circle(at right 80vh top 50%)
+PASS test unit (computed): vh - circle(at right 80vh top 50vh)
+PASS test unit (computed): vh - circle(at right 80vh bottom 70%)
+PASS test unit (computed): vh - circle(at right 80vh bottom 70vh)
+PASS test unit (computed): vmin - circle(at 50vmin)
+PASS test unit (computed): vmin - circle(at 50% 50vmin)
+PASS test unit (computed): vmin - circle(at 50vmin 50%)
+PASS test unit (computed): vmin - circle(at 50vmin 50vmin)
+PASS test unit (computed): vmin - circle(at left 50vmin)
+PASS test unit (computed): vmin - circle(at 50vmin top)
+PASS test unit (computed): vmin - circle(at right 80vmin)
+PASS test unit (computed): vmin - circle(at 70vmin bottom)
+PASS test unit (computed): vmin - circle(at center 60vmin)
+PASS test unit (computed): vmin - circle(at 60vmin center)
+PASS test unit (computed): vmin - circle(at center top 50vmin)
+PASS test unit (computed): vmin - circle(at center left 50vmin)
+PASS test unit (computed): vmin - circle(at center right 70vmin)
+PASS test unit (computed): vmin - circle(at center bottom 70vmin)
+PASS test unit (computed): vmin - circle(at left top 50vmin)
+PASS test unit (computed): vmin - circle(at left bottom 70vmin)
+PASS test unit (computed): vmin - circle(at top left 50vmin)
+PASS test unit (computed): vmin - circle(at top right 70vmin)
+PASS test unit (computed): vmin - circle(at bottom left 50vmin)
+PASS test unit (computed): vmin - circle(at bottom right 70vmin)
+PASS test unit (computed): vmin - circle(at right bottom 70vmin)
+PASS test unit (computed): vmin - circle(at right top 50vmin)
+PASS test unit (computed): vmin - circle(at left 50vmin center)
+PASS test unit (computed): vmin - circle(at left 50vmin top)
+PASS test unit (computed): vmin - circle(at left 50vmin bottom)
+PASS test unit (computed): vmin - circle(at top 50vmin center)
+PASS test unit (computed): vmin - circle(at top 50vmin left)
+PASS test unit (computed): vmin - circle(at top 50vmin right)
+PASS test unit (computed): vmin - circle(at bottom 70vmin center)
+PASS test unit (computed): vmin - circle(at bottom 70vmin left)
+PASS test unit (computed): vmin - circle(at bottom 70vmin right)
+PASS test unit (computed): vmin - circle(at right 80vmin center)
+PASS test unit (computed): vmin - circle(at right 80vmin bottom)
+PASS test unit (computed): vmin - circle(at right 80vmin top)
+PASS test unit (computed): vmin - circle(at left 50% top 50vmin)
+PASS test unit (computed): vmin - circle(at left 50% bottom 70vmin)
+PASS test unit (computed): vmin - circle(at left 50vmin top 50%)
+PASS test unit (computed): vmin - circle(at left 50vmin top 50vmin)
+PASS test unit (computed): vmin - circle(at left 50vmin bottom 70%)
+PASS test unit (computed): vmin - circle(at left 50vmin bottom 70vmin)
+PASS test unit (computed): vmin - circle(at top 50% left 50vmin)
+PASS test unit (computed): vmin - circle(at top 50% right 80vmin)
+PASS test unit (computed): vmin - circle(at top 50vmin left 50%)
+PASS test unit (computed): vmin - circle(at top 50vmin left 50vmin)
+PASS test unit (computed): vmin - circle(at top 50vmin right 80%)
+PASS test unit (computed): vmin - circle(at top 50vmin right 80vmin)
+PASS test unit (computed): vmin - circle(at bottom 70% left 50vmin)
+PASS test unit (computed): vmin - circle(at bottom 70% right 80vmin)
+PASS test unit (computed): vmin - circle(at bottom 70vmin left 50%)
+PASS test unit (computed): vmin - circle(at bottom 70vmin left 50vmin)
+PASS test unit (computed): vmin - circle(at bottom 70vmin right 80%)
+PASS test unit (computed): vmin - circle(at bottom 70vmin right 80vmin)
+PASS test unit (computed): vmin - circle(at right 80% top 50vmin)
+PASS test unit (computed): vmin - circle(at right 80% bottom 70vmin)
+PASS test unit (computed): vmin - circle(at right 80vmin top 50%)
+PASS test unit (computed): vmin - circle(at right 80vmin top 50vmin)
+PASS test unit (computed): vmin - circle(at right 80vmin bottom 70%)
+PASS test unit (computed): vmin - circle(at right 80vmin bottom 70vmin)
+PASS test unit (computed): vmax - circle(at 50vmax)
+PASS test unit (computed): vmax - circle(at 50% 50vmax)
+PASS test unit (computed): vmax - circle(at 50vmax 50%)
+PASS test unit (computed): vmax - circle(at 50vmax 50vmax)
+PASS test unit (computed): vmax - circle(at left 50vmax)
+PASS test unit (computed): vmax - circle(at 50vmax top)
+PASS test unit (computed): vmax - circle(at right 80vmax)
+PASS test unit (computed): vmax - circle(at 70vmax bottom)
+PASS test unit (computed): vmax - circle(at center 60vmax)
+PASS test unit (computed): vmax - circle(at 60vmax center)
+PASS test unit (computed): vmax - circle(at center top 50vmax)
+PASS test unit (computed): vmax - circle(at center left 50vmax)
+PASS test unit (computed): vmax - circle(at center right 70vmax)
+PASS test unit (computed): vmax - circle(at center bottom 70vmax)
+PASS test unit (computed): vmax - circle(at left top 50vmax)
+PASS test unit (computed): vmax - circle(at left bottom 70vmax)
+PASS test unit (computed): vmax - circle(at top left 50vmax)
+PASS test unit (computed): vmax - circle(at top right 70vmax)
+PASS test unit (computed): vmax - circle(at bottom left 50vmax)
+PASS test unit (computed): vmax - circle(at bottom right 70vmax)
+PASS test unit (computed): vmax - circle(at right bottom 70vmax)
+PASS test unit (computed): vmax - circle(at right top 50vmax)
+PASS test unit (computed): vmax - circle(at left 50vmax center)
+PASS test unit (computed): vmax - circle(at left 50vmax top)
+PASS test unit (computed): vmax - circle(at left 50vmax bottom)
+PASS test unit (computed): vmax - circle(at top 50vmax center)
+PASS test unit (computed): vmax - circle(at top 50vmax left)
+PASS test unit (computed): vmax - circle(at top 50vmax right)
+PASS test unit (computed): vmax - circle(at bottom 70vmax center)
+PASS test unit (computed): vmax - circle(at bottom 70vmax left)
+PASS test unit (computed): vmax - circle(at bottom 70vmax right)
+PASS test unit (computed): vmax - circle(at right 80vmax center)
+PASS test unit (computed): vmax - circle(at right 80vmax bottom)
+PASS test unit (computed): vmax - circle(at right 80vmax top)
+PASS test unit (computed): vmax - circle(at left 50% top 50vmax)
+PASS test unit (computed): vmax - circle(at left 50% bottom 70vmax)
+PASS test unit (computed): vmax - circle(at left 50vmax top 50%)
+PASS test unit (computed): vmax - circle(at left 50vmax top 50vmax)
+PASS test unit (computed): vmax - circle(at left 50vmax bottom 70%)
+PASS test unit (computed): vmax - circle(at left 50vmax bottom 70vmax)
+PASS test unit (computed): vmax - circle(at top 50% left 50vmax)
+PASS test unit (computed): vmax - circle(at top 50% right 80vmax)
+PASS test unit (computed): vmax - circle(at top 50vmax left 50%)
+PASS test unit (computed): vmax - circle(at top 50vmax left 50vmax)
+PASS test unit (computed): vmax - circle(at top 50vmax right 80%)
+PASS test unit (computed): vmax - circle(at top 50vmax right 80vmax)
+PASS test unit (computed): vmax - circle(at bottom 70% left 50vmax)
+PASS test unit (computed): vmax - circle(at bottom 70% right 80vmax)
+PASS test unit (computed): vmax - circle(at bottom 70vmax left 50%)
+PASS test unit (computed): vmax - circle(at bottom 70vmax left 50vmax)
+PASS test unit (computed): vmax - circle(at bottom 70vmax right 80%)
+PASS test unit (computed): vmax - circle(at bottom 70vmax right 80vmax)
+PASS test unit (computed): vmax - circle(at right 80% top 50vmax)
+PASS test unit (computed): vmax - circle(at right 80% bottom 70vmax)
+PASS test unit (computed): vmax - circle(at right 80vmax top 50%)
+PASS test unit (computed): vmax - circle(at right 80vmax top 50vmax)
+PASS test unit (computed): vmax - circle(at right 80vmax bottom 70%)
+PASS test unit (computed): vmax - circle(at right 80vmax bottom 70vmax)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle - Position Length Units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="A circle's position arguments may in any valid <length> unit allowed by a <position> value.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildPositionTests("circle", true, 'lengthUnit + inline', ParsingUtils.validUnits) );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildPositionTests("circle", true, 'lengthUnit + computed', ParsingUtils.validUnits) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+
+PASS test unit: cm - circle(50cm) - inline
+PASS test unit: mm - circle(50mm) - inline
+PASS test unit: in - circle(50in) - inline
+PASS test unit: pt - circle(50pt) - inline
+PASS test unit: pc - circle(50pc) - inline
+PASS test unit: em - circle(50em) - inline
+PASS test unit: ex - circle(50ex) - inline
+PASS test unit: ch - circle(50ch) - inline
+PASS test unit: rem - circle(50rem) - inline
+PASS test unit: vw - circle(50vw) - inline
+PASS test unit: vh - circle(50vh) - inline
+PASS test unit: vmin - circle(50vmin) - inline
+PASS test unit: vmax - circle(50vmax) - inline
+PASS test unit: cm - circle(50cm) - computed
+PASS test unit: mm - circle(50mm) - computed
+PASS test unit: in - circle(50in) - computed
+PASS test unit: pt - circle(50pt) - computed
+PASS test unit: pc - circle(50pc) - computed
+PASS test unit: em - circle(50em) - computed
+PASS test unit: ex - circle(50ex) - computed
+PASS test unit: ch - circle(50ch) - computed
+PASS test unit: rem - circle(50rem) - computed
+PASS test unit: vw - circle(50vw) - computed
+PASS test unit: vh - circle(50vh) - computed
+PASS test unit: vmin - circle(50vmin) - computed
+PASS test unit: vmax - circle(50vmax) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Valid Radii - length units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A circle's radius may be in any valid length unit.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('circle', 'lengthUnit + inline', ParsingUtils.validUnits));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('circle', 'lengthUnit + computed', ParsingUtils.validUnits));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle006expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+
+PASS circle(+10px) - inline
+PASS circle(+10.00px) - inline
+PASS circle(+20.340px) - inline
+PASS circle(+30.5px) - inline
+PASS circle(+10%) - inline
+PASS circle(+10.00%) - inline
+PASS circle(+20.350%) - inline
+PASS circle(+30.5%) - inline
+PASS circle(+10px) - computed
+PASS circle(+10.00px) - computed
+PASS circle(+20.340px) - computed
+PASS circle(+30.5px) - computed
+PASS circle(+10%) - computed
+PASS circle(+10.00%) - computed
+PASS circle(+20.350%) - computed
+PASS circle(+30.5%) - computed
+PASS circle(-20px) - invalid
+PASS circle(-20.340px) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,74 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Radii - positive/negative, decimal/non-decimal</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A circle's radius may be in signed positive or decimal/non-decimal format. Negative
+ radii are invalid.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_circle_radii_tests = [
+ {
+ "actual": "circle(+10px)",
+ "expected_inline": "circle(10px at 50% 50%)",
+ "expected_computed": "circle(10px at 50% 50%)"
+ },
+ {
+ "actual": "circle(+10.00px)",
+ "expected_inline": "circle(10px at 50% 50%)",
+ "expected_computed": "circle(10px at 50% 50%)"
+ },
+ {
+ "actual": "circle(+20.340px)",
+ "expected_inline": "circle(20.34px at 50% 50%)",
+ "expected_computed": "circle(20.34px at 50% 50%)"
+ },
+ {
+ "actual": "circle(+30.5px)",
+ "expected_inline": "circle(30.5px at 50% 50%)",
+ "expected_computed": "circle(30.5px at 50% 50%)"
+ },
+ {
+ "actual": "circle(+10%)",
+ "expected_inline": "circle(10% at 50% 50%)",
+ "expected_computed": "circle(10% at 50% 50%)"
+ },
+ {
+ "actual": "circle(+10.00%)",
+ "expected_inline": "circle(10% at 50% 50%)",
+ "expected_computed": "circle(10% at 50% 50%)"
+ },
+ {
+ "actual": "circle(+20.350%)",
+ "expected_inline": "circle(20.35% at 50% 50%)",
+ "expected_computed": "circle(20.35% at 50% 50%)"
+ },
+ {
+ "actual": "circle(+30.5%)",
+ "expected_inline": "circle(30.5% at 50% 50%)",
+ "expected_computed": "circle(30.5% at 50% 50%)"
+ }
+ ];
+ invalid_circle_radii_tests = [
+ {"name": "circle(-20px)"},
+ {"name": "circle(-20.340px)"}
+ ];
+ 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) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle007expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+
+PASS circle(foo) - invalid
+PASS circle(10) - invalid
+PASS circle(20px 30px) - invalid
+PASS circle(20% 30%) - invalid
+PASS circle(20px, 30px) - invalid
+PASS circle(20%, 30%) - invalid
+PASS circle(20px closest-side) - invalid
+PASS circle(20px farthest-side) - invalid
+PASS circle(closest-side 20px) - invalid
+PASS circle(farthest-side 20px) - invalid
+PASS circle(20% closest-side) - invalid
+PASS circle(20% farthest-side) - invalid
+PASS circle(closest-side 20%) - invalid
+PASS circle(farthest-side 20%) - invalid
+PASS circle(closest-side farthest-side) - invalid
+PASS circle(farthest-side closest-side) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Radii - invalid args</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="This test verifies that invalid shape-radius arguments on circle() don't parse.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_circle_radiii_tests = [
+ {"name": "circle(foo)"},
+ {"name": "circle(10)"},
+ {"name": "circle(20px 30px)"},
+ {"name": "circle(20% 30%)"},
+ {"name": "circle(20px, 30px)"},
+ {"name": "circle(20%, 30%)"},
+ {"name": "circle(20px closest-side)"},
+ {"name": "circle(20px farthest-side)"},
+ {"name": "circle(closest-side 20px)"},
+ {"name": "circle(farthest-side 20px)"},
+ {"name": "circle(20% closest-side)"},
+ {"name": "circle(20% farthest-side)"},
+ {"name": "circle(closest-side 20%)"},
+ {"name": "circle(farthest-side 20%)"},
+ {"name": "circle(closest-side farthest-side)"},
+ {"name": "circle(farthest-side closest-side)"}
+ ];
+ generate_tests(ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_circle_radiii_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle008expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+
+PASS circle(at foo) - invalid
+PASS circle(at 50) - invalid
+PASS circle(at 10px 20px 30px) - invalid
+PASS circle(at 20% 30% 40%) - invalid
+PASS circle(at 20px, 30px) - invalid
+PASS circle(at 20%, 30%) - invalid
+PASS circle(at 20px, 30px, 40px) - invalid
+PASS circle(at 20%, 30%, 40%) - invalid
+PASS circle(at closest-side) - invalid
+PASS circle(at farthest-side) - invalid
+PASS circle(at 20px 30px closest-side) - invalid
+PASS circle(at 20px 30px farthest-side) - invalid
+PASS circle(at 20px 30px foo) - invalid
+PASS circle(at closest-side 20px 30px) - invalid
+PASS circle(at farthest-side 20px 30px) - invalid
+PASS circle(at 20% 30% closest-side) - invalid
+PASS circle(at 20% 30% farthest-side) - invalid
+PASS circle(at closest-side 20% 30%) - invalid
+PASS circle(at farthest-side 20% 30%) - invalid
+PASS circle(at closest-side farthest-side 20px) - invalid
+PASS circle(at closest-side farthest-side 20%) - invalid
+PASS circle(at farthest-side closest-side closest-side) - invalid
+PASS circle(at farthest-side, closest-side, closest-side) - invalid
+PASS circle(at left 50x top 50px bottom) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Invalid Position Argument Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="This test verifies that invalid position arguments on circle() don't parse">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_circle_position_tests = [
+ {"name": "circle(at foo)"},
+ {"name": "circle(at 50)"},
+ {"name": "circle(at 10px 20px 30px)"},
+ {"name": "circle(at 20% 30% 40%)"},
+ {"name": "circle(at 20px, 30px)"},
+ {"name": "circle(at 20%, 30%)"},
+ {"name": "circle(at 20px, 30px, 40px)"},
+ {"name": "circle(at 20%, 30%, 40%)"},
+ {"name": "circle(at closest-side)"},
+ {"name": "circle(at farthest-side)"},
+ {"name": "circle(at 20px 30px closest-side)"},
+ {"name": "circle(at 20px 30px farthest-side)"},
+ {"name": "circle(at 20px 30px foo)"},
+ {"name": "circle(at closest-side 20px 30px)"},
+ {"name": "circle(at farthest-side 20px 30px)"},
+ {"name": "circle(at 20% 30% closest-side)"},
+ {"name": "circle(at 20% 30% farthest-side)"},
+ {"name": "circle(at closest-side 20% 30%)"},
+ {"name": "circle(at farthest-side 20% 30%)"},
+ {"name": "circle(at closest-side farthest-side 20px)"},
+ {"name": "circle(at closest-side farthest-side 20%)"},
+ {"name": "circle(at farthest-side closest-side closest-side)"},
+ {"name": "circle(at farthest-side, closest-side, closest-side)"},
+ {"name": "circle(at left 50x top 50px bottom)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_circle_position_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle009expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+
+PASS circle(at +50px) - inline
+PASS circle(at -50px) - inline
+PASS circle(at +50%) - inline
+PASS circle(at -50%) - inline
+PASS circle(at left +50px) - inline
+PASS circle(at left +50%) - inline
+PASS circle(at right -50px) - inline
+PASS circle(at right -50%) - inline
+PASS circle(at +50px top) - inline
+PASS circle(at +50% top) - inline
+PASS circle(at -50px bottom) - inline
+PASS circle(at -50% bottom) - inline
+PASS circle(at +50px +50px) - inline
+PASS circle(at +50% +50%) - inline
+PASS circle(at -50px -50px) - inline
+PASS circle(at +50px -50px) - inline
+PASS circle(at -50px +50px) - inline
+PASS circle(at +50% -50%) - inline
+PASS circle(at -50% +50%) - inline
+PASS circle(at +50px) - computed
+PASS circle(at -50px) - computed
+PASS circle(at +50%) - computed
+PASS circle(at -50%) - computed
+PASS circle(at left +50px) - computed
+PASS circle(at left +50%) - computed
+PASS circle(at right -50px) - computed
+PASS circle(at right -50%) - computed
+PASS circle(at +50px top) - computed
+PASS circle(at +50% top) - computed
+PASS circle(at -50px bottom) - computed
+PASS circle(at -50% bottom) - computed
+PASS circle(at +50px +50px) - computed
+PASS circle(at +50% +50%) - computed
+PASS circle(at -50px -50px) - computed
+PASS circle(at +50px -50px) - computed
+PASS circle(at -50px +50px) - computed
+PASS circle(at +50% -50%) - computed
+PASS circle(at -50% +50%) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle009html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,123 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle Position Arguments - positive/negative, decimal/non-decimal</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A circle's position arguments may be in signed positive/negative or
+ decimal/non-decimal format.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_circle_radii_tests = [
+ {
+ "actual": "circle(at +50px)",
+ "expected_inline": "circle(at 50px 50%)",
+ "expected_computed": "circle(at 50px 50%)"
+ },
+ {
+ "actual": "circle(at -50px)",
+ "expected_inline": "circle(at -50px 50%)",
+ "expected_computed": "circle(at -50px 50%)"
+ },
+ {
+ "actual": "circle(at +50%)",
+ "expected_inline": "circle(at 50% 50%)",
+ "expected_computed": "circle(at 50% 50%)"
+ },
+ {
+ "actual": "circle(at -50%)",
+ "expected_inline": "circle(at -50% 50%)",
+ "expected_computed": "circle(at -50% 50%)"
+ },
+ {
+ "actual": "circle(at left +50px)",
+ "expected_inline": "circle(at 0% 50px)",
+ "expected_computed": "circle(at 0% 50px)"
+ },
+ {
+ "actual": "circle(at left +50%)",
+ "expected_inline": "circle(at 0% 50%)",
+ "expected_computed": "circle(at 0% 50%)"
+ },
+ {
+ "actual": "circle(at right -50px)",
+ "expected_inline": "circle(at 100% -50px)",
+ "expected_computed": "circle(at 100% -50px)"
+ },
+ {
+ "actual": "circle(at right -50%)",
+ "expected_inline": "circle(at 100% -50%)",
+ "expected_computed": "circle(at 100% -50%)"
+ },
+ {
+ "actual": "circle(at +50px top)",
+ "expected_inline": "circle(at 50px 0%)",
+ "expected_computed": "circle(at 50px 0%)"
+ },
+ {
+ "actual": "circle(at +50% top)",
+ "expected_inline": "circle(at 50% 0%)",
+ "expected_computed": "circle(at 50% 0%)"
+ },
+ {
+ "actual": "circle(at -50px bottom)",
+ "expected_inline": "circle(at -50px 100%)",
+ "expected_computed": "circle(at -50px 100%)"
+ },
+ {
+ "actual": "circle(at -50% bottom)",
+ "expected_inline": "circle(at -50% 100%)",
+ "expected_computed": "circle(at -50% 100%)"
+ },
+ {
+ "actual": "circle(at +50px +50px)",
+ "expected_inline": "circle(at 50px 50px)",
+ "expected_computed": "circle(at 50px 50px)"
+ },
+ {
+ "actual": "circle(at +50% +50%)",
+ "expected_inline": "circle(at 50% 50%)",
+ "expected_computed": "circle(at 50% 50%)"
+ },
+ {
+ "actual": "circle(at -50px -50px)",
+ "expected_inline": "circle(at -50px -50px)",
+ "expected_computed": "circle(at -50px -50px)"
+ },
+ {
+ "actual": "circle(at +50px -50px)",
+ "expected_inline": "circle(at 50px -50px)",
+ "expected_computed": "circle(at 50px -50px)"
+ },
+ {
+ "actual": "circle(at -50px +50px)",
+ "expected_inline": "circle(at -50px 50px)",
+ "expected_computed": "circle(at -50px 50px)"
+ },
+ {
+ "actual": "circle(at +50% -50%)",
+ "expected_inline": "circle(at 50% -50%)",
+ "expected_computed": "circle(at 50% -50%)"
+ },
+ {
+ "actual": "circle(at -50% +50%)",
+ "expected_inline": "circle(at -50% 50%)",
+ "expected_computed": "circle(at -50% 50%)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_circle_radii_tests, 'inline') );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_circle_radii_tests, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle010expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+
+PASS circle(calc(10in)) - inline style
+PASS circle(calc(10in + 20px)) - inline style
+PASS circle(calc(30%)) - inline style
+PASS circle(calc(100%/4)) - inline style
+PASS circle(calc(25%*3)) - inline style
+PASS circle(calc(25%*3 - 10in)) - inline style
+PASS circle(calc((12.5%*6 + 10in) / 4)) - inline style
+PASS circle(calc(10in)) - computed style
+PASS circle(calc(10in + 20px)) - computed style
+PASS circle(calc(30%)) - computed style
+PASS circle(calc(100%/4)) - computed style
+PASS circle(calc(25%*3)) - computed style
+PASS circle(calc(25%*3 - 10in)) - computed style
+PASS circle(calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="A circle's arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle011expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+
+PASS circle(at calc(10in)) - inline style
+PASS circle(at calc(10in + 20px)) - inline style
+PASS circle(at calc(30%)) - inline style
+PASS circle(at calc(100%/4)) - inline style
+PASS circle(at calc(25%*3)) - inline style
+PASS circle(at calc(25%*3 - 10in)) - inline style
+PASS circle(at calc((12.5%*6 + 10in) / 4)) - inline style
+PASS circle(at calc(10in)) - computed style
+PASS circle(at calc(10in + 20px)) - computed style
+PASS circle(at calc(30%)) - computed style
+PASS circle(at calc(100%/4)) - computed style
+PASS circle(at calc(25%*3)) - computed style
+PASS circle(at calc(25%*3 - 10in)) - computed style
+PASS circle(at calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecircle011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Circle position args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="A circle's <position> arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS em units
+PASS ex units
+PASS ch units
+PASS rem units
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Basic Shape Computed Font Relative Lengths</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#computed">
+ <meta name="assert" content="The basic shape can contain relative length formats, which resolve to the computed (absolute) length value">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ // 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);
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS inset - computed
+PASS circle - computed
+PASS ellipse - computed
+PASS polygon - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidecomputedshape001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Basic Shape Computed Percentage Lengths</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#computed">
+ <meta name="assert" content="The basic shape can contain percentages, which remain unchanged when computed">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_polygon_tests = [
+ {
+ "name": "inset",
+ "actual": "inset(10% 20% 30% 40% round 10% 20% 30% 40% / 10% 20% 30% 40%)",
+ "expected_computed": "inset(10% 20% 30% 40% round 10% 20% 30% 40%)"
+ },
+ {
+ "name": "circle",
+ "actual": "circle(10% at 10% 20%)",
+ "expected_computed": "circle(10% at 10% 20%)"
+ },
+ {
+ "name": "ellipse",
+ "actual": "ellipse(10% 20% at 10% 20%)",
+ "expected_computed": "ellipse(10% 20% at 10% 20%)"
+ },
+ {
+ "name": "polygon",
+ "actual": "polygon(nonzero, 10% 20%, 30% 40%, 50% 60%)",
+ "expected_computed": "polygon(10% 20%, 30% 40%, 50% 60%)"
+ }
+ ];
+
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_polygon_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS No arguments - inline
+PASS Radial arguments - inline
+PASS Position argument - inline
+PASS Radial and position argument - inline
+PASS No arguments - computed
+PASS Radial arguments - computed
+PASS Position argument - computed
+PASS Radial and position argument - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Valid Formats</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An elliptical basic shape has two optional components, radii (2) and a position.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_ellipse_tests = [
+ {
+ "name": "No arguments",
+ "actual": "ellipse()",
+ "expected_inline": "ellipse(at 50% 50%)",
+ "expected_computed": "ellipse(at 50% 50%)"
+ },
+ {
+ "name": "Radial arguments",
+ "actual": "ellipse(50px 50px)",
+ "expected_inline": "ellipse(50px 50px at 50% 50%)",
+ "expected_computed": "ellipse(50px 50px at 50% 50%)"
+ },
+ {
+ "name": "Position argument",
+ "actual": "ellipse(at 50px 50px)",
+ "expected_inline": "ellipse(at 50px 50px)",
+ "expected_computed": "ellipse(at 50px 50px)"
+ },
+ {
+ "name": "Radial and position argument",
+ "actual": "ellipse(50px 50px at 50px 50px)",
+ "expected_inline": "ellipse(50px 50px at 50px 50px)",
+ "expected_computed": "ellipse(50px 50px at 50px 50px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+
+PASS ellipse() - inline
+PASS ellipse(50px) - inline
+PASS ellipse(50%) - inline
+PASS ellipse(closest-side) - inline
+PASS ellipse(farthest-side) - inline
+PASS ellipse(50px 100px) - inline
+PASS ellipse(100px 100px) - inline
+PASS ellipse(25% 50%) - inline
+PASS ellipse(50px 25%) - inline
+PASS ellipse(25% 50px) - inline
+PASS ellipse(25% closest-side) - inline
+PASS ellipse(25px closest-side) - inline
+PASS ellipse(closest-side 75%) - inline
+PASS ellipse(closest-side 75px) - inline
+PASS ellipse(25% farthest-side) - inline
+PASS ellipse(25px farthest-side) - inline
+PASS ellipse(farthest-side 75%) - inline
+PASS ellipse(farthest-side 75px) - inline
+PASS ellipse(closest-side closest-side) - inline
+PASS ellipse(farthest-side farthest-side) - inline
+PASS ellipse(closest-side farthest-side) - inline
+PASS ellipse(farthest-side closest-side) - inline
+PASS ellipse() - computed
+PASS ellipse(50px) - computed
+PASS ellipse(50%) - computed
+PASS ellipse(closest-side) - computed
+PASS ellipse(farthest-side) - computed
+PASS ellipse(50px 100px) - computed
+PASS ellipse(100px 100px) - computed
+PASS ellipse(25% 50%) - computed
+PASS ellipse(50px 25%) - computed
+PASS ellipse(25% 50px) - computed
+PASS ellipse(25% closest-side) - computed
+PASS ellipse(25px closest-side) - computed
+PASS ellipse(closest-side 75%) - computed
+PASS ellipse(closest-side 75px) - computed
+PASS ellipse(25% farthest-side) - computed
+PASS ellipse(25px farthest-side) - computed
+PASS ellipse(farthest-side 75%) - computed
+PASS ellipse(farthest-side 75px) - computed
+PASS ellipse(closest-side closest-side) - computed
+PASS ellipse(farthest-side farthest-side) - computed
+PASS ellipse(closest-side farthest-side) - computed
+PASS ellipse(farthest-side closest-side) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Valid Radii</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An elliptical basic shape's radii may be keywords, lengths or percentages">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('ellipse', 'inline'));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('ellipse', 'computed'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,242 @@
</span><ins>+
+PASS ellipse(at 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at 50px) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at 50% 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at 50% 50px) serializes as ellipse(at 50% 50px) - inline
+PASS ellipse(at 50px 50%) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at 50px 50px) serializes as ellipse(at 50px 50px) - inline
+PASS ellipse(at left) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at top) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at right) serializes as ellipse(at 100% 50%) - inline
+PASS ellipse(at bottom) serializes as ellipse(at 50% 100%) - inline
+PASS ellipse(at center) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at left top) serializes as ellipse(at 0% 0%) - inline
+PASS ellipse(at left bottom) serializes as ellipse(at 0% 100%) - inline
+PASS ellipse(at left center) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at top left) serializes as ellipse(at 0% 0%) - inline
+PASS ellipse(at top right) serializes as ellipse(at 100% 0%) - inline
+PASS ellipse(at top center) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at right top) serializes as ellipse(at 100% 0%) - inline
+PASS ellipse(at right bottom) serializes as ellipse(at 100% 100%) - inline
+PASS ellipse(at right center) serializes as ellipse(at 100% 50%) - inline
+PASS ellipse(at bottom left) serializes as ellipse(at 0% 100%) - inline
+PASS ellipse(at bottom right) serializes as ellipse(at 100% 100%) - inline
+PASS ellipse(at bottom center) serializes as ellipse(at 50% 100%) - inline
+PASS ellipse(at center top) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at center left) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at center right) serializes as ellipse(at 100% 50%) - inline
+PASS ellipse(at center bottom) serializes as ellipse(at 50% 100%) - inline
+PASS ellipse(at center center) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at left 50%) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at left 50px) serializes as ellipse(at 0% 50px) - inline
+PASS ellipse(at 50% top) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at 50px top) serializes as ellipse(at 50px 0%) - inline
+PASS ellipse(at right 80%) serializes as ellipse(at 100% 80%) - inline
+PASS ellipse(at right 80px) serializes as ellipse(at 100% 80px) - inline
+PASS ellipse(at 70% bottom) serializes as ellipse(at 70% 100%) - inline
+PASS ellipse(at 70px bottom) serializes as ellipse(at 70px 100%) - inline
+PASS ellipse(at center 60%) serializes as ellipse(at 50% 60%) - inline
+PASS ellipse(at center 60px) serializes as ellipse(at 50% 60px) - inline
+PASS ellipse(at 60% center) serializes as ellipse(at 60% 50%) - inline
+PASS ellipse(at 60px center) serializes as ellipse(at 60px 50%) - inline
+PASS ellipse(at center top 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at center top 50px) serializes as ellipse(at 50% 50px) - inline
+PASS ellipse(at center left 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at center left 50px) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at center right 70%) serializes as ellipse(at 30% 50%) - inline
+PASS ellipse(at center right 70px) serializes as ellipse(at right 70px top 50%) - inline
+PASS ellipse(at center bottom 70%) serializes as ellipse(at 50% 30%) - inline
+PASS ellipse(at center bottom 70px) serializes as ellipse(at left 50% bottom 70px) - inline
+PASS ellipse(at left top 50%) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at left top 50px) serializes as ellipse(at 0% 50px) - inline
+PASS ellipse(at left bottom 70%) serializes as ellipse(at 0% 30%) - inline
+PASS ellipse(at left bottom 70px) serializes as ellipse(at left 0% bottom 70px) - inline
+PASS ellipse(at top left 50%) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at top left 50px) serializes as ellipse(at 50px 0%) - inline
+PASS ellipse(at top right 70%) serializes as ellipse(at 30% 0%) - inline
+PASS ellipse(at top right 70px) serializes as ellipse(at right 70px top 0%) - inline
+PASS ellipse(at bottom left 50%) serializes as ellipse(at 50% 100%) - inline
+PASS ellipse(at bottom left 50px) serializes as ellipse(at 50px 100%) - inline
+PASS ellipse(at bottom right 70%) serializes as ellipse(at 30% 100%) - inline
+PASS ellipse(at bottom right 70px) serializes as ellipse(at right 70px top 100%) - inline
+PASS ellipse(at right bottom 70%) serializes as ellipse(at 100% 30%) - inline
+PASS ellipse(at right bottom 70px) serializes as ellipse(at left 100% bottom 70px) - inline
+PASS ellipse(at right top 50%) serializes as ellipse(at 100% 50%) - inline
+PASS ellipse(at right top 50px) serializes as ellipse(at 100% 50px) - inline
+PASS ellipse(at left 50% center) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at left 50px center) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at left 50% top) serializes as ellipse(at 50% 0%) - inline
+PASS ellipse(at left 50px top) serializes as ellipse(at 50px 0%) - inline
+PASS ellipse(at left 50% bottom) serializes as ellipse(at 50% 100%) - inline
+PASS ellipse(at left 50px bottom) serializes as ellipse(at 50px 100%) - inline
+PASS ellipse(at top 50% center) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at top 50px center) serializes as ellipse(at 50% 50px) - inline
+PASS ellipse(at top 50% left) serializes as ellipse(at 0% 50%) - inline
+PASS ellipse(at top 50px left) serializes as ellipse(at 0% 50px) - inline
+PASS ellipse(at top 50% right) serializes as ellipse(at 100% 50%) - inline
+PASS ellipse(at top 50px right) serializes as ellipse(at 100% 50px) - inline
+PASS ellipse(at bottom 70% center) serializes as ellipse(at 50% 30%) - inline
+PASS ellipse(at bottom 70px center) serializes as ellipse(at left 50% bottom 70px) - inline
+PASS ellipse(at bottom 70% left) serializes as ellipse(at 0% 30%) - inline
+PASS ellipse(at bottom 70px left) serializes as ellipse(at left 0% bottom 70px) - inline
+PASS ellipse(at bottom 70% right) serializes as ellipse(at 100% 30%) - inline
+PASS ellipse(at bottom 70px right) serializes as ellipse(at left 100% bottom 70px) - inline
+PASS ellipse(at right 80% center) serializes as ellipse(at 20% 50%) - inline
+PASS ellipse(at right 80px center) serializes as ellipse(at right 80px top 50%) - inline
+PASS ellipse(at right 80% bottom) serializes as ellipse(at 20% 100%) - inline
+PASS ellipse(at right 80px bottom) serializes as ellipse(at right 80px top 100%) - inline
+PASS ellipse(at right 80% top) serializes as ellipse(at 20% 0%) - inline
+PASS ellipse(at right 80px top) serializes as ellipse(at right 80px top 0%) - inline
+PASS ellipse(at left 50% top 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at left 50% top 50px) serializes as ellipse(at 50% 50px) - inline
+PASS ellipse(at left 50% bottom 70%) serializes as ellipse(at 50% 30%) - inline
+PASS ellipse(at left 50% bottom 70px) serializes as ellipse(at left 50% bottom 70px) - inline
+PASS ellipse(at left 50px top 50%) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at left 50px top 50px) serializes as ellipse(at 50px 50px) - inline
+PASS ellipse(at left 50px bottom 70%) serializes as ellipse(at 50px 30%) - inline
+PASS ellipse(at left 50px bottom 70px) serializes as ellipse(at left 50px bottom 70px) - inline
+PASS ellipse(at top 50% left 50%) serializes as ellipse(at 50% 50%) - inline
+PASS ellipse(at top 50% left 50px) serializes as ellipse(at 50px 50%) - inline
+PASS ellipse(at top 50% right 80%) serializes as ellipse(at 20% 50%) - inline
+PASS ellipse(at top 50% right 80px) serializes as ellipse(at right 80px top 50%) - inline
+PASS ellipse(at top 50px left 50%) serializes as ellipse(at 50% 50px) - inline
+PASS ellipse(at top 50px left 50px) serializes as ellipse(at 50px 50px) - inline
+PASS ellipse(at top 50px right 80%) serializes as ellipse(at 20% 50px) - inline
+PASS ellipse(at top 50px right 80px) serializes as ellipse(at right 80px top 50px) - inline
+PASS ellipse(at bottom 70% left 50%) serializes as ellipse(at 50% 30%) - inline
+PASS ellipse(at bottom 70% left 50px) serializes as ellipse(at 50px 30%) - inline
+PASS ellipse(at bottom 70% right 80%) serializes as ellipse(at 20% 30%) - inline
+PASS ellipse(at bottom 70% right 80px) serializes as ellipse(at right 80px top 30%) - inline
+PASS ellipse(at bottom 70px left 50%) serializes as ellipse(at left 50% bottom 70px) - inline
+PASS ellipse(at bottom 70px left 50px) serializes as ellipse(at left 50px bottom 70px) - inline
+PASS ellipse(at bottom 70px right 80%) serializes as ellipse(at left 20% bottom 70px) - inline
+PASS ellipse(at bottom 70px right 80px) serializes as ellipse(at right 80px bottom 70px) - inline
+PASS ellipse(at right 80% top 50%) serializes as ellipse(at 20% 50%) - inline
+PASS ellipse(at right 80% top 50px) serializes as ellipse(at 20% 50px) - inline
+PASS ellipse(at right 80% bottom 70%) serializes as ellipse(at 20% 30%) - inline
+PASS ellipse(at right 80% bottom 70px) serializes as ellipse(at left 20% bottom 70px) - inline
+PASS ellipse(at right 80px top 50%) serializes as ellipse(at right 80px top 50%) - inline
+PASS ellipse(at right 80px top 50px) serializes as ellipse(at right 80px top 50px) - inline
+PASS ellipse(at right 80px bottom 70%) serializes as ellipse(at right 80px top 30%) - inline
+PASS ellipse(at right 80px bottom 70px) serializes as ellipse(at right 80px bottom 70px) - inline
+PASS ellipse(at 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at 50px) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at 50% 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at 50% 50px) serializes as ellipse(at 50% 50px) - computed
+PASS ellipse(at 50px 50%) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at 50px 50px) serializes as ellipse(at 50px 50px) - computed
+PASS ellipse(at left) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at top) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at right) serializes as ellipse(at 100% 50%) - computed
+PASS ellipse(at bottom) serializes as ellipse(at 50% 100%) - computed
+PASS ellipse(at center) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at left top) serializes as ellipse(at 0% 0%) - computed
+PASS ellipse(at left bottom) serializes as ellipse(at 0% 100%) - computed
+PASS ellipse(at left center) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at top left) serializes as ellipse(at 0% 0%) - computed
+PASS ellipse(at top right) serializes as ellipse(at 100% 0%) - computed
+PASS ellipse(at top center) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at right top) serializes as ellipse(at 100% 0%) - computed
+PASS ellipse(at right bottom) serializes as ellipse(at 100% 100%) - computed
+PASS ellipse(at right center) serializes as ellipse(at 100% 50%) - computed
+PASS ellipse(at bottom left) serializes as ellipse(at 0% 100%) - computed
+PASS ellipse(at bottom right) serializes as ellipse(at 100% 100%) - computed
+PASS ellipse(at bottom center) serializes as ellipse(at 50% 100%) - computed
+PASS ellipse(at center top) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at center left) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at center right) serializes as ellipse(at 100% 50%) - computed
+PASS ellipse(at center bottom) serializes as ellipse(at 50% 100%) - computed
+PASS ellipse(at center center) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at left 50%) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at left 50px) serializes as ellipse(at 0% 50px) - computed
+PASS ellipse(at 50% top) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at 50px top) serializes as ellipse(at 50px 0%) - computed
+PASS ellipse(at right 80%) serializes as ellipse(at 100% 80%) - computed
+PASS ellipse(at right 80px) serializes as ellipse(at 100% 80px) - computed
+PASS ellipse(at 70% bottom) serializes as ellipse(at 70% 100%) - computed
+PASS ellipse(at 70px bottom) serializes as ellipse(at 70px 100%) - computed
+PASS ellipse(at center 60%) serializes as ellipse(at 50% 60%) - computed
+PASS ellipse(at center 60px) serializes as ellipse(at 50% 60px) - computed
+PASS ellipse(at 60% center) serializes as ellipse(at 60% 50%) - computed
+PASS ellipse(at 60px center) serializes as ellipse(at 60px 50%) - computed
+PASS ellipse(at center top 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at center top 50px) serializes as ellipse(at 50% 50px) - computed
+PASS ellipse(at center left 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at center left 50px) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at center right 70%) serializes as ellipse(at 30% 50%) - computed
+PASS ellipse(at center right 70px) serializes as ellipse(at right 70px top 50%) - computed
+PASS ellipse(at center bottom 70%) serializes as ellipse(at 50% 30%) - computed
+PASS ellipse(at center bottom 70px) serializes as ellipse(at left 50% bottom 70px) - computed
+PASS ellipse(at left top 50%) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at left top 50px) serializes as ellipse(at 0% 50px) - computed
+PASS ellipse(at left bottom 70%) serializes as ellipse(at 0% 30%) - computed
+PASS ellipse(at left bottom 70px) serializes as ellipse(at left 0% bottom 70px) - computed
+PASS ellipse(at top left 50%) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at top left 50px) serializes as ellipse(at 50px 0%) - computed
+PASS ellipse(at top right 70%) serializes as ellipse(at 30% 0%) - computed
+PASS ellipse(at top right 70px) serializes as ellipse(at right 70px top 0%) - computed
+PASS ellipse(at bottom left 50%) serializes as ellipse(at 50% 100%) - computed
+PASS ellipse(at bottom left 50px) serializes as ellipse(at 50px 100%) - computed
+PASS ellipse(at bottom right 70%) serializes as ellipse(at 30% 100%) - computed
+PASS ellipse(at bottom right 70px) serializes as ellipse(at right 70px top 100%) - computed
+PASS ellipse(at right bottom 70%) serializes as ellipse(at 100% 30%) - computed
+PASS ellipse(at right bottom 70px) serializes as ellipse(at left 100% bottom 70px) - computed
+PASS ellipse(at right top 50%) serializes as ellipse(at 100% 50%) - computed
+PASS ellipse(at right top 50px) serializes as ellipse(at 100% 50px) - computed
+PASS ellipse(at left 50% center) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at left 50px center) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at left 50% top) serializes as ellipse(at 50% 0%) - computed
+PASS ellipse(at left 50px top) serializes as ellipse(at 50px 0%) - computed
+PASS ellipse(at left 50% bottom) serializes as ellipse(at 50% 100%) - computed
+PASS ellipse(at left 50px bottom) serializes as ellipse(at 50px 100%) - computed
+PASS ellipse(at top 50% center) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at top 50px center) serializes as ellipse(at 50% 50px) - computed
+PASS ellipse(at top 50% left) serializes as ellipse(at 0% 50%) - computed
+PASS ellipse(at top 50px left) serializes as ellipse(at 0% 50px) - computed
+PASS ellipse(at top 50% right) serializes as ellipse(at 100% 50%) - computed
+PASS ellipse(at top 50px right) serializes as ellipse(at 100% 50px) - computed
+PASS ellipse(at bottom 70% center) serializes as ellipse(at 50% 30%) - computed
+PASS ellipse(at bottom 70px center) serializes as ellipse(at left 50% bottom 70px) - computed
+PASS ellipse(at bottom 70% left) serializes as ellipse(at 0% 30%) - computed
+PASS ellipse(at bottom 70px left) serializes as ellipse(at left 0% bottom 70px) - computed
+PASS ellipse(at bottom 70% right) serializes as ellipse(at 100% 30%) - computed
+PASS ellipse(at bottom 70px right) serializes as ellipse(at left 100% bottom 70px) - computed
+PASS ellipse(at right 80% center) serializes as ellipse(at 20% 50%) - computed
+PASS ellipse(at right 80px center) serializes as ellipse(at right 80px top 50%) - computed
+PASS ellipse(at right 80% bottom) serializes as ellipse(at 20% 100%) - computed
+PASS ellipse(at right 80px bottom) serializes as ellipse(at right 80px top 100%) - computed
+PASS ellipse(at right 80% top) serializes as ellipse(at 20% 0%) - computed
+PASS ellipse(at right 80px top) serializes as ellipse(at right 80px top 0%) - computed
+PASS ellipse(at left 50% top 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at left 50% top 50px) serializes as ellipse(at 50% 50px) - computed
+PASS ellipse(at left 50% bottom 70%) serializes as ellipse(at 50% 30%) - computed
+PASS ellipse(at left 50% bottom 70px) serializes as ellipse(at left 50% bottom 70px) - computed
+PASS ellipse(at left 50px top 50%) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at left 50px top 50px) serializes as ellipse(at 50px 50px) - computed
+PASS ellipse(at left 50px bottom 70%) serializes as ellipse(at 50px 30%) - computed
+PASS ellipse(at left 50px bottom 70px) serializes as ellipse(at left 50px bottom 70px) - computed
+PASS ellipse(at top 50% left 50%) serializes as ellipse(at 50% 50%) - computed
+PASS ellipse(at top 50% left 50px) serializes as ellipse(at 50px 50%) - computed
+PASS ellipse(at top 50% right 80%) serializes as ellipse(at 20% 50%) - computed
+PASS ellipse(at top 50% right 80px) serializes as ellipse(at right 80px top 50%) - computed
+PASS ellipse(at top 50px left 50%) serializes as ellipse(at 50% 50px) - computed
+PASS ellipse(at top 50px left 50px) serializes as ellipse(at 50px 50px) - computed
+PASS ellipse(at top 50px right 80%) serializes as ellipse(at 20% 50px) - computed
+PASS ellipse(at top 50px right 80px) serializes as ellipse(at right 80px top 50px) - computed
+PASS ellipse(at bottom 70% left 50%) serializes as ellipse(at 50% 30%) - computed
+PASS ellipse(at bottom 70% left 50px) serializes as ellipse(at 50px 30%) - computed
+PASS ellipse(at bottom 70% right 80%) serializes as ellipse(at 20% 30%) - computed
+PASS ellipse(at bottom 70% right 80px) serializes as ellipse(at right 80px top 30%) - computed
+PASS ellipse(at bottom 70px left 50%) serializes as ellipse(at left 50% bottom 70px) - computed
+PASS ellipse(at bottom 70px left 50px) serializes as ellipse(at left 50px bottom 70px) - computed
+PASS ellipse(at bottom 70px right 80%) serializes as ellipse(at left 20% bottom 70px) - computed
+PASS ellipse(at bottom 70px right 80px) serializes as ellipse(at right 80px bottom 70px) - computed
+PASS ellipse(at right 80% top 50%) serializes as ellipse(at 20% 50%) - computed
+PASS ellipse(at right 80% top 50px) serializes as ellipse(at 20% 50px) - computed
+PASS ellipse(at right 80% bottom 70%) serializes as ellipse(at 20% 30%) - computed
+PASS ellipse(at right 80% bottom 70px) serializes as ellipse(at left 20% bottom 70px) - computed
+PASS ellipse(at right 80px top 50%) serializes as ellipse(at right 80px top 50%) - computed
+PASS ellipse(at right 80px top 50px) serializes as ellipse(at right 80px top 50px) - computed
+PASS ellipse(at right 80px bottom 70%) serializes as ellipse(at right 80px top 30%) - computed
+PASS ellipse(at right 80px bottom 70px) serializes as ellipse(at right 80px bottom 70px) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Valid Positions</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="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 ]. ">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests('ellipse', true, 'inline', 'px'));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildPositionTests('ellipse', true, 'computed', 'px'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,127 @@
</span><ins>+
+PASS ellipse(at 50% left) is invalid
+PASS ellipse(at 50px left) is invalid
+PASS ellipse(at top 50%) is invalid
+PASS ellipse(at 80% right) is invalid
+PASS ellipse(at 80px right) is invalid
+PASS ellipse(at bottom 70%) is invalid
+PASS ellipse(at bottom 70px) is invalid
+PASS ellipse(at center center 60%) is invalid
+PASS ellipse(at center center 60px) is invalid
+PASS ellipse(at left center 60%) is invalid
+PASS ellipse(at left center 60px) is invalid
+PASS ellipse(at left right 80%) is invalid
+PASS ellipse(at left right 80px) is invalid
+PASS ellipse(at left left 50%) is invalid
+PASS ellipse(at left left 50px) is invalid
+PASS ellipse(at top center 60%) is invalid
+PASS ellipse(at top center 60px) is invalid
+PASS ellipse(at top bottom 80%) is invalid
+PASS ellipse(at top bottom 80px) is invalid
+PASS ellipse(at top top 50%) is invalid
+PASS ellipse(at top top 50px) is invalid
+PASS ellipse(at bottom center 60%) is invalid
+PASS ellipse(at bottom center 60px) is invalid
+PASS ellipse(at bottom top 50%) is invalid
+PASS ellipse(at bottom top 50px) is invalid
+PASS ellipse(at bottom bottom 50%) is invalid
+PASS ellipse(at bottom bottom 50px) is invalid
+PASS ellipse(at right center 60%) is invalid
+PASS ellipse(at right center 60px) is invalid
+PASS ellipse(at right left 50%) is invalid
+PASS ellipse(at right left 50px) is invalid
+PASS ellipse(at right right 70%) is invalid
+PASS ellipse(at right right 70px) is invalid
+PASS ellipse(at center 60% top) is invalid
+PASS ellipse(at center 60px top) is invalid
+PASS ellipse(at center 60% bottom) is invalid
+PASS ellipse(at center 60px bottom) is invalid
+PASS ellipse(at center 60% left) is invalid
+PASS ellipse(at center 60px left) is invalid
+PASS ellipse(at center 60% right) is invalid
+PASS ellipse(at center 60px right) is invalid
+PASS ellipse(at center 60% center) is invalid
+PASS ellipse(at center 60px center) is invalid
+PASS ellipse(at left 50% right) is invalid
+PASS ellipse(at left 50px right) is invalid
+PASS ellipse(at left 50% left) is invalid
+PASS ellipse(at left 50px left) is invalid
+PASS ellipse(at top 50% bottom) is invalid
+PASS ellipse(at top 50px bottom) is invalid
+PASS ellipse(at top 50% top) is invalid
+PASS ellipse(at top 50px top) is invalid
+PASS ellipse(at bottom 70% top) is invalid
+PASS ellipse(at bottom 70px top) is invalid
+PASS ellipse(at bottom 70% bottom) is invalid
+PASS ellipse(at bottom 70px bottom) is invalid
+PASS ellipse(at right 80% left) is invalid
+PASS ellipse(at right 80px left) is invalid
+PASS ellipse(at center 60% top 50%) is invalid
+PASS ellipse(at center 60% top 50px) is invalid
+PASS ellipse(at center 60% bottom 70%) is invalid
+PASS ellipse(at center 60% bottom 70px) is invalid
+PASS ellipse(at center 60% left 50%) is invalid
+PASS ellipse(at center 60% left 50px) is invalid
+PASS ellipse(at center 60% right 70%) is invalid
+PASS ellipse(at center 60% right 70px) is invalid
+PASS ellipse(at center 60% center 65%) is invalid
+PASS ellipse(at center 60% center 65px) is invalid
+PASS ellipse(at center 60px top 50%) is invalid
+PASS ellipse(at center 60px top 50px) is invalid
+PASS ellipse(at center 60px bottom 70%) is invalid
+PASS ellipse(at center 60px bottom 70px) is invalid
+PASS ellipse(at center 60px left 50%) is invalid
+PASS ellipse(at center 60px left 50px) is invalid
+PASS ellipse(at center 60px right 70%) is invalid
+PASS ellipse(at center 60px right 70px) is invalid
+PASS ellipse(at center 60px center 65%) is invalid
+PASS ellipse(at center 60px center 65px) is invalid
+PASS ellipse(at left 50% center 60%) is invalid
+PASS ellipse(at left 50% center 60px) is invalid
+PASS ellipse(at left 50% right 80%) is invalid
+PASS ellipse(at left 50% right 80px) is invalid
+PASS ellipse(at left 50% left 50%) is invalid
+PASS ellipse(at left 50% left 50px) is invalid
+PASS ellipse(at left 50px center 60%) is invalid
+PASS ellipse(at left 50px center 60px) is invalid
+PASS ellipse(at left 50px right 80%) is invalid
+PASS ellipse(at left 50px right 80px) is invalid
+PASS ellipse(at left 50px left 50%) is invalid
+PASS ellipse(at left 50px left 50px) is invalid
+PASS ellipse(at top 50% center 60%) is invalid
+PASS ellipse(at top 50% center 60px) is invalid
+PASS ellipse(at top 50% bottom 50%) is invalid
+PASS ellipse(at top 50% bottom 50px) is invalid
+PASS ellipse(at top 50% top 50%) is invalid
+PASS ellipse(at top 50% top 50px) is invalid
+PASS ellipse(at top 50px center 60%) is invalid
+PASS ellipse(at top 50px center 60px) is invalid
+PASS ellipse(at top 50px bottom 70%) is invalid
+PASS ellipse(at top 50px bottom 70px) is invalid
+PASS ellipse(at top 50px top 50%) is invalid
+PASS ellipse(at top 50px top 50px) is invalid
+PASS ellipse(at bottom 70% center 60%) is invalid
+PASS ellipse(at bottom 70% center 60px) is invalid
+PASS ellipse(at bottom 70% top 50%) is invalid
+PASS ellipse(at bottom 70% top 50px) is invalid
+PASS ellipse(at bottom 70% bottom 50%) is invalid
+PASS ellipse(at bottom 70% bottom 50px) is invalid
+PASS ellipse(at bottom 70px center 60%) is invalid
+PASS ellipse(at bottom 70px center 60px) is invalid
+PASS ellipse(at bottom 70px top 50%) is invalid
+PASS ellipse(at bottom 70px top 50px) is invalid
+PASS ellipse(at bottom 70px bottom 50%) is invalid
+PASS ellipse(at bottom 70px bottom 50px) is invalid
+PASS ellipse(at right 80% center 60%) is invalid
+PASS ellipse(at right 80% center 60px) is invalid
+PASS ellipse(at right 80% left 50%) is invalid
+PASS ellipse(at right 80% left 50px) is invalid
+PASS ellipse(at right 80% right 85%) is invalid
+PASS ellipse(at right 80% right 85px) is invalid
+PASS ellipse(at right 80px center 60%) is invalid
+PASS ellipse(at right 80px center 60px) is invalid
+PASS ellipse(at right 80px left 50%) is invalid
+PASS ellipse(at right 80px left 50px) is invalid
+PASS ellipse(at right 80px right 85%) is invalid
+PASS ellipse(at right 80px right 85px) is invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Invalid Position Argument Lists</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="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.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests("ellipse", false, "px"));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,1510 @@
</span><ins>+
+PASS test unit (inline): cm - ellipse(at 50cm)
+PASS test unit (inline): cm - ellipse(at 50% 50cm)
+PASS test unit (inline): cm - ellipse(at 50cm 50%)
+PASS test unit (inline): cm - ellipse(at 50cm 50cm)
+PASS test unit (inline): cm - ellipse(at left 50cm)
+PASS test unit (inline): cm - ellipse(at 50cm top)
+PASS test unit (inline): cm - ellipse(at right 80cm)
+PASS test unit (inline): cm - ellipse(at 70cm bottom)
+PASS test unit (inline): cm - ellipse(at center 60cm)
+PASS test unit (inline): cm - ellipse(at 60cm center)
+PASS test unit (inline): cm - ellipse(at center top 50cm)
+PASS test unit (inline): cm - ellipse(at center left 50cm)
+PASS test unit (inline): cm - ellipse(at center right 70cm)
+PASS test unit (inline): cm - ellipse(at center bottom 70cm)
+PASS test unit (inline): cm - ellipse(at left top 50cm)
+PASS test unit (inline): cm - ellipse(at left bottom 70cm)
+PASS test unit (inline): cm - ellipse(at top left 50cm)
+PASS test unit (inline): cm - ellipse(at top right 70cm)
+PASS test unit (inline): cm - ellipse(at bottom left 50cm)
+PASS test unit (inline): cm - ellipse(at bottom right 70cm)
+PASS test unit (inline): cm - ellipse(at right bottom 70cm)
+PASS test unit (inline): cm - ellipse(at right top 50cm)
+PASS test unit (inline): cm - ellipse(at left 50cm center)
+PASS test unit (inline): cm - ellipse(at left 50cm top)
+PASS test unit (inline): cm - ellipse(at left 50cm bottom)
+PASS test unit (inline): cm - ellipse(at top 50cm center)
+PASS test unit (inline): cm - ellipse(at top 50cm left)
+PASS test unit (inline): cm - ellipse(at top 50cm right)
+PASS test unit (inline): cm - ellipse(at bottom 70cm center)
+PASS test unit (inline): cm - ellipse(at bottom 70cm left)
+PASS test unit (inline): cm - ellipse(at bottom 70cm right)
+PASS test unit (inline): cm - ellipse(at right 80cm center)
+PASS test unit (inline): cm - ellipse(at right 80cm bottom)
+PASS test unit (inline): cm - ellipse(at right 80cm top)
+PASS test unit (inline): cm - ellipse(at left 50% top 50cm)
+PASS test unit (inline): cm - ellipse(at left 50% bottom 70cm)
+PASS test unit (inline): cm - ellipse(at left 50cm top 50%)
+PASS test unit (inline): cm - ellipse(at left 50cm top 50cm)
+PASS test unit (inline): cm - ellipse(at left 50cm bottom 70%)
+PASS test unit (inline): cm - ellipse(at left 50cm bottom 70cm)
+PASS test unit (inline): cm - ellipse(at top 50% left 50cm)
+PASS test unit (inline): cm - ellipse(at top 50% right 80cm)
+PASS test unit (inline): cm - ellipse(at top 50cm left 50%)
+PASS test unit (inline): cm - ellipse(at top 50cm left 50cm)
+PASS test unit (inline): cm - ellipse(at top 50cm right 80%)
+PASS test unit (inline): cm - ellipse(at top 50cm right 80cm)
+PASS test unit (inline): cm - ellipse(at bottom 70% left 50cm)
+PASS test unit (inline): cm - ellipse(at bottom 70% right 80cm)
+PASS test unit (inline): cm - ellipse(at bottom 70cm left 50%)
+PASS test unit (inline): cm - ellipse(at bottom 70cm left 50cm)
+PASS test unit (inline): cm - ellipse(at bottom 70cm right 80%)
+PASS test unit (inline): cm - ellipse(at bottom 70cm right 80cm)
+PASS test unit (inline): cm - ellipse(at right 80% top 50cm)
+PASS test unit (inline): cm - ellipse(at right 80% bottom 70cm)
+PASS test unit (inline): cm - ellipse(at right 80cm top 50%)
+PASS test unit (inline): cm - ellipse(at right 80cm top 50cm)
+PASS test unit (inline): cm - ellipse(at right 80cm bottom 70%)
+PASS test unit (inline): cm - ellipse(at right 80cm bottom 70cm)
+PASS test unit (inline): mm - ellipse(at 50mm)
+PASS test unit (inline): mm - ellipse(at 50% 50mm)
+PASS test unit (inline): mm - ellipse(at 50mm 50%)
+PASS test unit (inline): mm - ellipse(at 50mm 50mm)
+PASS test unit (inline): mm - ellipse(at left 50mm)
+PASS test unit (inline): mm - ellipse(at 50mm top)
+PASS test unit (inline): mm - ellipse(at right 80mm)
+PASS test unit (inline): mm - ellipse(at 70mm bottom)
+PASS test unit (inline): mm - ellipse(at center 60mm)
+PASS test unit (inline): mm - ellipse(at 60mm center)
+PASS test unit (inline): mm - ellipse(at center top 50mm)
+PASS test unit (inline): mm - ellipse(at center left 50mm)
+PASS test unit (inline): mm - ellipse(at center right 70mm)
+PASS test unit (inline): mm - ellipse(at center bottom 70mm)
+PASS test unit (inline): mm - ellipse(at left top 50mm)
+PASS test unit (inline): mm - ellipse(at left bottom 70mm)
+PASS test unit (inline): mm - ellipse(at top left 50mm)
+PASS test unit (inline): mm - ellipse(at top right 70mm)
+PASS test unit (inline): mm - ellipse(at bottom left 50mm)
+PASS test unit (inline): mm - ellipse(at bottom right 70mm)
+PASS test unit (inline): mm - ellipse(at right bottom 70mm)
+PASS test unit (inline): mm - ellipse(at right top 50mm)
+PASS test unit (inline): mm - ellipse(at left 50mm center)
+PASS test unit (inline): mm - ellipse(at left 50mm top)
+PASS test unit (inline): mm - ellipse(at left 50mm bottom)
+PASS test unit (inline): mm - ellipse(at top 50mm center)
+PASS test unit (inline): mm - ellipse(at top 50mm left)
+PASS test unit (inline): mm - ellipse(at top 50mm right)
+PASS test unit (inline): mm - ellipse(at bottom 70mm center)
+PASS test unit (inline): mm - ellipse(at bottom 70mm left)
+PASS test unit (inline): mm - ellipse(at bottom 70mm right)
+PASS test unit (inline): mm - ellipse(at right 80mm center)
+PASS test unit (inline): mm - ellipse(at right 80mm bottom)
+PASS test unit (inline): mm - ellipse(at right 80mm top)
+PASS test unit (inline): mm - ellipse(at left 50% top 50mm)
+PASS test unit (inline): mm - ellipse(at left 50% bottom 70mm)
+PASS test unit (inline): mm - ellipse(at left 50mm top 50%)
+PASS test unit (inline): mm - ellipse(at left 50mm top 50mm)
+PASS test unit (inline): mm - ellipse(at left 50mm bottom 70%)
+PASS test unit (inline): mm - ellipse(at left 50mm bottom 70mm)
+PASS test unit (inline): mm - ellipse(at top 50% left 50mm)
+PASS test unit (inline): mm - ellipse(at top 50% right 80mm)
+PASS test unit (inline): mm - ellipse(at top 50mm left 50%)
+PASS test unit (inline): mm - ellipse(at top 50mm left 50mm)
+PASS test unit (inline): mm - ellipse(at top 50mm right 80%)
+PASS test unit (inline): mm - ellipse(at top 50mm right 80mm)
+PASS test unit (inline): mm - ellipse(at bottom 70% left 50mm)
+PASS test unit (inline): mm - ellipse(at bottom 70% right 80mm)
+PASS test unit (inline): mm - ellipse(at bottom 70mm left 50%)
+PASS test unit (inline): mm - ellipse(at bottom 70mm left 50mm)
+PASS test unit (inline): mm - ellipse(at bottom 70mm right 80%)
+PASS test unit (inline): mm - ellipse(at bottom 70mm right 80mm)
+PASS test unit (inline): mm - ellipse(at right 80% top 50mm)
+PASS test unit (inline): mm - ellipse(at right 80% bottom 70mm)
+PASS test unit (inline): mm - ellipse(at right 80mm top 50%)
+PASS test unit (inline): mm - ellipse(at right 80mm top 50mm)
+PASS test unit (inline): mm - ellipse(at right 80mm bottom 70%)
+PASS test unit (inline): mm - ellipse(at right 80mm bottom 70mm)
+PASS test unit (inline): in - ellipse(at 50in)
+PASS test unit (inline): in - ellipse(at 50% 50in)
+PASS test unit (inline): in - ellipse(at 50in 50%)
+PASS test unit (inline): in - ellipse(at 50in 50in)
+PASS test unit (inline): in - ellipse(at left 50in)
+PASS test unit (inline): in - ellipse(at 50in top)
+PASS test unit (inline): in - ellipse(at right 80in)
+PASS test unit (inline): in - ellipse(at 70in bottom)
+PASS test unit (inline): in - ellipse(at center 60in)
+PASS test unit (inline): in - ellipse(at 60in center)
+PASS test unit (inline): in - ellipse(at center top 50in)
+PASS test unit (inline): in - ellipse(at center left 50in)
+PASS test unit (inline): in - ellipse(at center right 70in)
+PASS test unit (inline): in - ellipse(at center bottom 70in)
+PASS test unit (inline): in - ellipse(at left top 50in)
+PASS test unit (inline): in - ellipse(at left bottom 70in)
+PASS test unit (inline): in - ellipse(at top left 50in)
+PASS test unit (inline): in - ellipse(at top right 70in)
+PASS test unit (inline): in - ellipse(at bottom left 50in)
+PASS test unit (inline): in - ellipse(at bottom right 70in)
+PASS test unit (inline): in - ellipse(at right bottom 70in)
+PASS test unit (inline): in - ellipse(at right top 50in)
+PASS test unit (inline): in - ellipse(at left 50in center)
+PASS test unit (inline): in - ellipse(at left 50in top)
+PASS test unit (inline): in - ellipse(at left 50in bottom)
+PASS test unit (inline): in - ellipse(at top 50in center)
+PASS test unit (inline): in - ellipse(at top 50in left)
+PASS test unit (inline): in - ellipse(at top 50in right)
+PASS test unit (inline): in - ellipse(at bottom 70in center)
+PASS test unit (inline): in - ellipse(at bottom 70in left)
+PASS test unit (inline): in - ellipse(at bottom 70in right)
+PASS test unit (inline): in - ellipse(at right 80in center)
+PASS test unit (inline): in - ellipse(at right 80in bottom)
+PASS test unit (inline): in - ellipse(at right 80in top)
+PASS test unit (inline): in - ellipse(at left 50% top 50in)
+PASS test unit (inline): in - ellipse(at left 50% bottom 70in)
+PASS test unit (inline): in - ellipse(at left 50in top 50%)
+PASS test unit (inline): in - ellipse(at left 50in top 50in)
+PASS test unit (inline): in - ellipse(at left 50in bottom 70%)
+PASS test unit (inline): in - ellipse(at left 50in bottom 70in)
+PASS test unit (inline): in - ellipse(at top 50% left 50in)
+PASS test unit (inline): in - ellipse(at top 50% right 80in)
+PASS test unit (inline): in - ellipse(at top 50in left 50%)
+PASS test unit (inline): in - ellipse(at top 50in left 50in)
+PASS test unit (inline): in - ellipse(at top 50in right 80%)
+PASS test unit (inline): in - ellipse(at top 50in right 80in)
+PASS test unit (inline): in - ellipse(at bottom 70% left 50in)
+PASS test unit (inline): in - ellipse(at bottom 70% right 80in)
+PASS test unit (inline): in - ellipse(at bottom 70in left 50%)
+PASS test unit (inline): in - ellipse(at bottom 70in left 50in)
+PASS test unit (inline): in - ellipse(at bottom 70in right 80%)
+PASS test unit (inline): in - ellipse(at bottom 70in right 80in)
+PASS test unit (inline): in - ellipse(at right 80% top 50in)
+PASS test unit (inline): in - ellipse(at right 80% bottom 70in)
+PASS test unit (inline): in - ellipse(at right 80in top 50%)
+PASS test unit (inline): in - ellipse(at right 80in top 50in)
+PASS test unit (inline): in - ellipse(at right 80in bottom 70%)
+PASS test unit (inline): in - ellipse(at right 80in bottom 70in)
+PASS test unit (inline): pt - ellipse(at 50pt)
+PASS test unit (inline): pt - ellipse(at 50% 50pt)
+PASS test unit (inline): pt - ellipse(at 50pt 50%)
+PASS test unit (inline): pt - ellipse(at 50pt 50pt)
+PASS test unit (inline): pt - ellipse(at left 50pt)
+PASS test unit (inline): pt - ellipse(at 50pt top)
+PASS test unit (inline): pt - ellipse(at right 80pt)
+PASS test unit (inline): pt - ellipse(at 70pt bottom)
+PASS test unit (inline): pt - ellipse(at center 60pt)
+PASS test unit (inline): pt - ellipse(at 60pt center)
+PASS test unit (inline): pt - ellipse(at center top 50pt)
+PASS test unit (inline): pt - ellipse(at center left 50pt)
+PASS test unit (inline): pt - ellipse(at center right 70pt)
+PASS test unit (inline): pt - ellipse(at center bottom 70pt)
+PASS test unit (inline): pt - ellipse(at left top 50pt)
+PASS test unit (inline): pt - ellipse(at left bottom 70pt)
+PASS test unit (inline): pt - ellipse(at top left 50pt)
+PASS test unit (inline): pt - ellipse(at top right 70pt)
+PASS test unit (inline): pt - ellipse(at bottom left 50pt)
+PASS test unit (inline): pt - ellipse(at bottom right 70pt)
+PASS test unit (inline): pt - ellipse(at right bottom 70pt)
+PASS test unit (inline): pt - ellipse(at right top 50pt)
+PASS test unit (inline): pt - ellipse(at left 50pt center)
+PASS test unit (inline): pt - ellipse(at left 50pt top)
+PASS test unit (inline): pt - ellipse(at left 50pt bottom)
+PASS test unit (inline): pt - ellipse(at top 50pt center)
+PASS test unit (inline): pt - ellipse(at top 50pt left)
+PASS test unit (inline): pt - ellipse(at top 50pt right)
+PASS test unit (inline): pt - ellipse(at bottom 70pt center)
+PASS test unit (inline): pt - ellipse(at bottom 70pt left)
+PASS test unit (inline): pt - ellipse(at bottom 70pt right)
+PASS test unit (inline): pt - ellipse(at right 80pt center)
+PASS test unit (inline): pt - ellipse(at right 80pt bottom)
+PASS test unit (inline): pt - ellipse(at right 80pt top)
+PASS test unit (inline): pt - ellipse(at left 50% top 50pt)
+PASS test unit (inline): pt - ellipse(at left 50% bottom 70pt)
+PASS test unit (inline): pt - ellipse(at left 50pt top 50%)
+PASS test unit (inline): pt - ellipse(at left 50pt top 50pt)
+PASS test unit (inline): pt - ellipse(at left 50pt bottom 70%)
+PASS test unit (inline): pt - ellipse(at left 50pt bottom 70pt)
+PASS test unit (inline): pt - ellipse(at top 50% left 50pt)
+PASS test unit (inline): pt - ellipse(at top 50% right 80pt)
+PASS test unit (inline): pt - ellipse(at top 50pt left 50%)
+PASS test unit (inline): pt - ellipse(at top 50pt left 50pt)
+PASS test unit (inline): pt - ellipse(at top 50pt right 80%)
+PASS test unit (inline): pt - ellipse(at top 50pt right 80pt)
+PASS test unit (inline): pt - ellipse(at bottom 70% left 50pt)
+PASS test unit (inline): pt - ellipse(at bottom 70% right 80pt)
+PASS test unit (inline): pt - ellipse(at bottom 70pt left 50%)
+PASS test unit (inline): pt - ellipse(at bottom 70pt left 50pt)
+PASS test unit (inline): pt - ellipse(at bottom 70pt right 80%)
+PASS test unit (inline): pt - ellipse(at bottom 70pt right 80pt)
+PASS test unit (inline): pt - ellipse(at right 80% top 50pt)
+PASS test unit (inline): pt - ellipse(at right 80% bottom 70pt)
+PASS test unit (inline): pt - ellipse(at right 80pt top 50%)
+PASS test unit (inline): pt - ellipse(at right 80pt top 50pt)
+PASS test unit (inline): pt - ellipse(at right 80pt bottom 70%)
+PASS test unit (inline): pt - ellipse(at right 80pt bottom 70pt)
+PASS test unit (inline): pc - ellipse(at 50pc)
+PASS test unit (inline): pc - ellipse(at 50% 50pc)
+PASS test unit (inline): pc - ellipse(at 50pc 50%)
+PASS test unit (inline): pc - ellipse(at 50pc 50pc)
+PASS test unit (inline): pc - ellipse(at left 50pc)
+PASS test unit (inline): pc - ellipse(at 50pc top)
+PASS test unit (inline): pc - ellipse(at right 80pc)
+PASS test unit (inline): pc - ellipse(at 70pc bottom)
+PASS test unit (inline): pc - ellipse(at center 60pc)
+PASS test unit (inline): pc - ellipse(at 60pc center)
+PASS test unit (inline): pc - ellipse(at center top 50pc)
+PASS test unit (inline): pc - ellipse(at center left 50pc)
+PASS test unit (inline): pc - ellipse(at center right 70pc)
+PASS test unit (inline): pc - ellipse(at center bottom 70pc)
+PASS test unit (inline): pc - ellipse(at left top 50pc)
+PASS test unit (inline): pc - ellipse(at left bottom 70pc)
+PASS test unit (inline): pc - ellipse(at top left 50pc)
+PASS test unit (inline): pc - ellipse(at top right 70pc)
+PASS test unit (inline): pc - ellipse(at bottom left 50pc)
+PASS test unit (inline): pc - ellipse(at bottom right 70pc)
+PASS test unit (inline): pc - ellipse(at right bottom 70pc)
+PASS test unit (inline): pc - ellipse(at right top 50pc)
+PASS test unit (inline): pc - ellipse(at left 50pc center)
+PASS test unit (inline): pc - ellipse(at left 50pc top)
+PASS test unit (inline): pc - ellipse(at left 50pc bottom)
+PASS test unit (inline): pc - ellipse(at top 50pc center)
+PASS test unit (inline): pc - ellipse(at top 50pc left)
+PASS test unit (inline): pc - ellipse(at top 50pc right)
+PASS test unit (inline): pc - ellipse(at bottom 70pc center)
+PASS test unit (inline): pc - ellipse(at bottom 70pc left)
+PASS test unit (inline): pc - ellipse(at bottom 70pc right)
+PASS test unit (inline): pc - ellipse(at right 80pc center)
+PASS test unit (inline): pc - ellipse(at right 80pc bottom)
+PASS test unit (inline): pc - ellipse(at right 80pc top)
+PASS test unit (inline): pc - ellipse(at left 50% top 50pc)
+PASS test unit (inline): pc - ellipse(at left 50% bottom 70pc)
+PASS test unit (inline): pc - ellipse(at left 50pc top 50%)
+PASS test unit (inline): pc - ellipse(at left 50pc top 50pc)
+PASS test unit (inline): pc - ellipse(at left 50pc bottom 70%)
+PASS test unit (inline): pc - ellipse(at left 50pc bottom 70pc)
+PASS test unit (inline): pc - ellipse(at top 50% left 50pc)
+PASS test unit (inline): pc - ellipse(at top 50% right 80pc)
+PASS test unit (inline): pc - ellipse(at top 50pc left 50%)
+PASS test unit (inline): pc - ellipse(at top 50pc left 50pc)
+PASS test unit (inline): pc - ellipse(at top 50pc right 80%)
+PASS test unit (inline): pc - ellipse(at top 50pc right 80pc)
+PASS test unit (inline): pc - ellipse(at bottom 70% left 50pc)
+PASS test unit (inline): pc - ellipse(at bottom 70% right 80pc)
+PASS test unit (inline): pc - ellipse(at bottom 70pc left 50%)
+PASS test unit (inline): pc - ellipse(at bottom 70pc left 50pc)
+PASS test unit (inline): pc - ellipse(at bottom 70pc right 80%)
+PASS test unit (inline): pc - ellipse(at bottom 70pc right 80pc)
+PASS test unit (inline): pc - ellipse(at right 80% top 50pc)
+PASS test unit (inline): pc - ellipse(at right 80% bottom 70pc)
+PASS test unit (inline): pc - ellipse(at right 80pc top 50%)
+PASS test unit (inline): pc - ellipse(at right 80pc top 50pc)
+PASS test unit (inline): pc - ellipse(at right 80pc bottom 70%)
+PASS test unit (inline): pc - ellipse(at right 80pc bottom 70pc)
+PASS test unit (inline): em - ellipse(at 50em)
+PASS test unit (inline): em - ellipse(at 50% 50em)
+PASS test unit (inline): em - ellipse(at 50em 50%)
+PASS test unit (inline): em - ellipse(at 50em 50em)
+PASS test unit (inline): em - ellipse(at left 50em)
+PASS test unit (inline): em - ellipse(at 50em top)
+PASS test unit (inline): em - ellipse(at right 80em)
+PASS test unit (inline): em - ellipse(at 70em bottom)
+PASS test unit (inline): em - ellipse(at center 60em)
+PASS test unit (inline): em - ellipse(at 60em center)
+PASS test unit (inline): em - ellipse(at center top 50em)
+PASS test unit (inline): em - ellipse(at center left 50em)
+PASS test unit (inline): em - ellipse(at center right 70em)
+PASS test unit (inline): em - ellipse(at center bottom 70em)
+PASS test unit (inline): em - ellipse(at left top 50em)
+PASS test unit (inline): em - ellipse(at left bottom 70em)
+PASS test unit (inline): em - ellipse(at top left 50em)
+PASS test unit (inline): em - ellipse(at top right 70em)
+PASS test unit (inline): em - ellipse(at bottom left 50em)
+PASS test unit (inline): em - ellipse(at bottom right 70em)
+PASS test unit (inline): em - ellipse(at right bottom 70em)
+PASS test unit (inline): em - ellipse(at right top 50em)
+PASS test unit (inline): em - ellipse(at left 50em center)
+PASS test unit (inline): em - ellipse(at left 50em top)
+PASS test unit (inline): em - ellipse(at left 50em bottom)
+PASS test unit (inline): em - ellipse(at top 50em center)
+PASS test unit (inline): em - ellipse(at top 50em left)
+PASS test unit (inline): em - ellipse(at top 50em right)
+PASS test unit (inline): em - ellipse(at bottom 70em center)
+PASS test unit (inline): em - ellipse(at bottom 70em left)
+PASS test unit (inline): em - ellipse(at bottom 70em right)
+PASS test unit (inline): em - ellipse(at right 80em center)
+PASS test unit (inline): em - ellipse(at right 80em bottom)
+PASS test unit (inline): em - ellipse(at right 80em top)
+PASS test unit (inline): em - ellipse(at left 50% top 50em)
+PASS test unit (inline): em - ellipse(at left 50% bottom 70em)
+PASS test unit (inline): em - ellipse(at left 50em top 50%)
+PASS test unit (inline): em - ellipse(at left 50em top 50em)
+PASS test unit (inline): em - ellipse(at left 50em bottom 70%)
+PASS test unit (inline): em - ellipse(at left 50em bottom 70em)
+PASS test unit (inline): em - ellipse(at top 50% left 50em)
+PASS test unit (inline): em - ellipse(at top 50% right 80em)
+PASS test unit (inline): em - ellipse(at top 50em left 50%)
+PASS test unit (inline): em - ellipse(at top 50em left 50em)
+PASS test unit (inline): em - ellipse(at top 50em right 80%)
+PASS test unit (inline): em - ellipse(at top 50em right 80em)
+PASS test unit (inline): em - ellipse(at bottom 70% left 50em)
+PASS test unit (inline): em - ellipse(at bottom 70% right 80em)
+PASS test unit (inline): em - ellipse(at bottom 70em left 50%)
+PASS test unit (inline): em - ellipse(at bottom 70em left 50em)
+PASS test unit (inline): em - ellipse(at bottom 70em right 80%)
+PASS test unit (inline): em - ellipse(at bottom 70em right 80em)
+PASS test unit (inline): em - ellipse(at right 80% top 50em)
+PASS test unit (inline): em - ellipse(at right 80% bottom 70em)
+PASS test unit (inline): em - ellipse(at right 80em top 50%)
+PASS test unit (inline): em - ellipse(at right 80em top 50em)
+PASS test unit (inline): em - ellipse(at right 80em bottom 70%)
+PASS test unit (inline): em - ellipse(at right 80em bottom 70em)
+PASS test unit (inline): ex - ellipse(at 50ex)
+PASS test unit (inline): ex - ellipse(at 50% 50ex)
+PASS test unit (inline): ex - ellipse(at 50ex 50%)
+PASS test unit (inline): ex - ellipse(at 50ex 50ex)
+PASS test unit (inline): ex - ellipse(at left 50ex)
+PASS test unit (inline): ex - ellipse(at 50ex top)
+PASS test unit (inline): ex - ellipse(at right 80ex)
+PASS test unit (inline): ex - ellipse(at 70ex bottom)
+PASS test unit (inline): ex - ellipse(at center 60ex)
+PASS test unit (inline): ex - ellipse(at 60ex center)
+PASS test unit (inline): ex - ellipse(at center top 50ex)
+PASS test unit (inline): ex - ellipse(at center left 50ex)
+PASS test unit (inline): ex - ellipse(at center right 70ex)
+PASS test unit (inline): ex - ellipse(at center bottom 70ex)
+PASS test unit (inline): ex - ellipse(at left top 50ex)
+PASS test unit (inline): ex - ellipse(at left bottom 70ex)
+PASS test unit (inline): ex - ellipse(at top left 50ex)
+PASS test unit (inline): ex - ellipse(at top right 70ex)
+PASS test unit (inline): ex - ellipse(at bottom left 50ex)
+PASS test unit (inline): ex - ellipse(at bottom right 70ex)
+PASS test unit (inline): ex - ellipse(at right bottom 70ex)
+PASS test unit (inline): ex - ellipse(at right top 50ex)
+PASS test unit (inline): ex - ellipse(at left 50ex center)
+PASS test unit (inline): ex - ellipse(at left 50ex top)
+PASS test unit (inline): ex - ellipse(at left 50ex bottom)
+PASS test unit (inline): ex - ellipse(at top 50ex center)
+PASS test unit (inline): ex - ellipse(at top 50ex left)
+PASS test unit (inline): ex - ellipse(at top 50ex right)
+PASS test unit (inline): ex - ellipse(at bottom 70ex center)
+PASS test unit (inline): ex - ellipse(at bottom 70ex left)
+PASS test unit (inline): ex - ellipse(at bottom 70ex right)
+PASS test unit (inline): ex - ellipse(at right 80ex center)
+PASS test unit (inline): ex - ellipse(at right 80ex bottom)
+PASS test unit (inline): ex - ellipse(at right 80ex top)
+PASS test unit (inline): ex - ellipse(at left 50% top 50ex)
+PASS test unit (inline): ex - ellipse(at left 50% bottom 70ex)
+PASS test unit (inline): ex - ellipse(at left 50ex top 50%)
+PASS test unit (inline): ex - ellipse(at left 50ex top 50ex)
+PASS test unit (inline): ex - ellipse(at left 50ex bottom 70%)
+PASS test unit (inline): ex - ellipse(at left 50ex bottom 70ex)
+PASS test unit (inline): ex - ellipse(at top 50% left 50ex)
+PASS test unit (inline): ex - ellipse(at top 50% right 80ex)
+PASS test unit (inline): ex - ellipse(at top 50ex left 50%)
+PASS test unit (inline): ex - ellipse(at top 50ex left 50ex)
+PASS test unit (inline): ex - ellipse(at top 50ex right 80%)
+PASS test unit (inline): ex - ellipse(at top 50ex right 80ex)
+PASS test unit (inline): ex - ellipse(at bottom 70% left 50ex)
+PASS test unit (inline): ex - ellipse(at bottom 70% right 80ex)
+PASS test unit (inline): ex - ellipse(at bottom 70ex left 50%)
+PASS test unit (inline): ex - ellipse(at bottom 70ex left 50ex)
+PASS test unit (inline): ex - ellipse(at bottom 70ex right 80%)
+PASS test unit (inline): ex - ellipse(at bottom 70ex right 80ex)
+PASS test unit (inline): ex - ellipse(at right 80% top 50ex)
+PASS test unit (inline): ex - ellipse(at right 80% bottom 70ex)
+PASS test unit (inline): ex - ellipse(at right 80ex top 50%)
+PASS test unit (inline): ex - ellipse(at right 80ex top 50ex)
+PASS test unit (inline): ex - ellipse(at right 80ex bottom 70%)
+PASS test unit (inline): ex - ellipse(at right 80ex bottom 70ex)
+PASS test unit (inline): ch - ellipse(at 50ch)
+PASS test unit (inline): ch - ellipse(at 50% 50ch)
+PASS test unit (inline): ch - ellipse(at 50ch 50%)
+PASS test unit (inline): ch - ellipse(at 50ch 50ch)
+PASS test unit (inline): ch - ellipse(at left 50ch)
+PASS test unit (inline): ch - ellipse(at 50ch top)
+PASS test unit (inline): ch - ellipse(at right 80ch)
+PASS test unit (inline): ch - ellipse(at 70ch bottom)
+PASS test unit (inline): ch - ellipse(at center 60ch)
+PASS test unit (inline): ch - ellipse(at 60ch center)
+PASS test unit (inline): ch - ellipse(at center top 50ch)
+PASS test unit (inline): ch - ellipse(at center left 50ch)
+PASS test unit (inline): ch - ellipse(at center right 70ch)
+PASS test unit (inline): ch - ellipse(at center bottom 70ch)
+PASS test unit (inline): ch - ellipse(at left top 50ch)
+PASS test unit (inline): ch - ellipse(at left bottom 70ch)
+PASS test unit (inline): ch - ellipse(at top left 50ch)
+PASS test unit (inline): ch - ellipse(at top right 70ch)
+PASS test unit (inline): ch - ellipse(at bottom left 50ch)
+PASS test unit (inline): ch - ellipse(at bottom right 70ch)
+PASS test unit (inline): ch - ellipse(at right bottom 70ch)
+PASS test unit (inline): ch - ellipse(at right top 50ch)
+PASS test unit (inline): ch - ellipse(at left 50ch center)
+PASS test unit (inline): ch - ellipse(at left 50ch top)
+PASS test unit (inline): ch - ellipse(at left 50ch bottom)
+PASS test unit (inline): ch - ellipse(at top 50ch center)
+PASS test unit (inline): ch - ellipse(at top 50ch left)
+PASS test unit (inline): ch - ellipse(at top 50ch right)
+PASS test unit (inline): ch - ellipse(at bottom 70ch center)
+PASS test unit (inline): ch - ellipse(at bottom 70ch left)
+PASS test unit (inline): ch - ellipse(at bottom 70ch right)
+PASS test unit (inline): ch - ellipse(at right 80ch center)
+PASS test unit (inline): ch - ellipse(at right 80ch bottom)
+PASS test unit (inline): ch - ellipse(at right 80ch top)
+PASS test unit (inline): ch - ellipse(at left 50% top 50ch)
+PASS test unit (inline): ch - ellipse(at left 50% bottom 70ch)
+PASS test unit (inline): ch - ellipse(at left 50ch top 50%)
+PASS test unit (inline): ch - ellipse(at left 50ch top 50ch)
+PASS test unit (inline): ch - ellipse(at left 50ch bottom 70%)
+PASS test unit (inline): ch - ellipse(at left 50ch bottom 70ch)
+PASS test unit (inline): ch - ellipse(at top 50% left 50ch)
+PASS test unit (inline): ch - ellipse(at top 50% right 80ch)
+PASS test unit (inline): ch - ellipse(at top 50ch left 50%)
+PASS test unit (inline): ch - ellipse(at top 50ch left 50ch)
+PASS test unit (inline): ch - ellipse(at top 50ch right 80%)
+PASS test unit (inline): ch - ellipse(at top 50ch right 80ch)
+PASS test unit (inline): ch - ellipse(at bottom 70% left 50ch)
+PASS test unit (inline): ch - ellipse(at bottom 70% right 80ch)
+PASS test unit (inline): ch - ellipse(at bottom 70ch left 50%)
+PASS test unit (inline): ch - ellipse(at bottom 70ch left 50ch)
+PASS test unit (inline): ch - ellipse(at bottom 70ch right 80%)
+PASS test unit (inline): ch - ellipse(at bottom 70ch right 80ch)
+PASS test unit (inline): ch - ellipse(at right 80% top 50ch)
+PASS test unit (inline): ch - ellipse(at right 80% bottom 70ch)
+PASS test unit (inline): ch - ellipse(at right 80ch top 50%)
+PASS test unit (inline): ch - ellipse(at right 80ch top 50ch)
+PASS test unit (inline): ch - ellipse(at right 80ch bottom 70%)
+PASS test unit (inline): ch - ellipse(at right 80ch bottom 70ch)
+PASS test unit (inline): rem - ellipse(at 50rem)
+PASS test unit (inline): rem - ellipse(at 50% 50rem)
+PASS test unit (inline): rem - ellipse(at 50rem 50%)
+PASS test unit (inline): rem - ellipse(at 50rem 50rem)
+PASS test unit (inline): rem - ellipse(at left 50rem)
+PASS test unit (inline): rem - ellipse(at 50rem top)
+PASS test unit (inline): rem - ellipse(at right 80rem)
+PASS test unit (inline): rem - ellipse(at 70rem bottom)
+PASS test unit (inline): rem - ellipse(at center 60rem)
+PASS test unit (inline): rem - ellipse(at 60rem center)
+PASS test unit (inline): rem - ellipse(at center top 50rem)
+PASS test unit (inline): rem - ellipse(at center left 50rem)
+PASS test unit (inline): rem - ellipse(at center right 70rem)
+PASS test unit (inline): rem - ellipse(at center bottom 70rem)
+PASS test unit (inline): rem - ellipse(at left top 50rem)
+PASS test unit (inline): rem - ellipse(at left bottom 70rem)
+PASS test unit (inline): rem - ellipse(at top left 50rem)
+PASS test unit (inline): rem - ellipse(at top right 70rem)
+PASS test unit (inline): rem - ellipse(at bottom left 50rem)
+PASS test unit (inline): rem - ellipse(at bottom right 70rem)
+PASS test unit (inline): rem - ellipse(at right bottom 70rem)
+PASS test unit (inline): rem - ellipse(at right top 50rem)
+PASS test unit (inline): rem - ellipse(at left 50rem center)
+PASS test unit (inline): rem - ellipse(at left 50rem top)
+PASS test unit (inline): rem - ellipse(at left 50rem bottom)
+PASS test unit (inline): rem - ellipse(at top 50rem center)
+PASS test unit (inline): rem - ellipse(at top 50rem left)
+PASS test unit (inline): rem - ellipse(at top 50rem right)
+PASS test unit (inline): rem - ellipse(at bottom 70rem center)
+PASS test unit (inline): rem - ellipse(at bottom 70rem left)
+PASS test unit (inline): rem - ellipse(at bottom 70rem right)
+PASS test unit (inline): rem - ellipse(at right 80rem center)
+PASS test unit (inline): rem - ellipse(at right 80rem bottom)
+PASS test unit (inline): rem - ellipse(at right 80rem top)
+PASS test unit (inline): rem - ellipse(at left 50% top 50rem)
+PASS test unit (inline): rem - ellipse(at left 50% bottom 70rem)
+PASS test unit (inline): rem - ellipse(at left 50rem top 50%)
+PASS test unit (inline): rem - ellipse(at left 50rem top 50rem)
+PASS test unit (inline): rem - ellipse(at left 50rem bottom 70%)
+PASS test unit (inline): rem - ellipse(at left 50rem bottom 70rem)
+PASS test unit (inline): rem - ellipse(at top 50% left 50rem)
+PASS test unit (inline): rem - ellipse(at top 50% right 80rem)
+PASS test unit (inline): rem - ellipse(at top 50rem left 50%)
+PASS test unit (inline): rem - ellipse(at top 50rem left 50rem)
+PASS test unit (inline): rem - ellipse(at top 50rem right 80%)
+PASS test unit (inline): rem - ellipse(at top 50rem right 80rem)
+PASS test unit (inline): rem - ellipse(at bottom 70% left 50rem)
+PASS test unit (inline): rem - ellipse(at bottom 70% right 80rem)
+PASS test unit (inline): rem - ellipse(at bottom 70rem left 50%)
+PASS test unit (inline): rem - ellipse(at bottom 70rem left 50rem)
+PASS test unit (inline): rem - ellipse(at bottom 70rem right 80%)
+PASS test unit (inline): rem - ellipse(at bottom 70rem right 80rem)
+PASS test unit (inline): rem - ellipse(at right 80% top 50rem)
+PASS test unit (inline): rem - ellipse(at right 80% bottom 70rem)
+PASS test unit (inline): rem - ellipse(at right 80rem top 50%)
+PASS test unit (inline): rem - ellipse(at right 80rem top 50rem)
+PASS test unit (inline): rem - ellipse(at right 80rem bottom 70%)
+PASS test unit (inline): rem - ellipse(at right 80rem bottom 70rem)
+PASS test unit (inline): vw - ellipse(at 50vw)
+PASS test unit (inline): vw - ellipse(at 50% 50vw)
+PASS test unit (inline): vw - ellipse(at 50vw 50%)
+PASS test unit (inline): vw - ellipse(at 50vw 50vw)
+PASS test unit (inline): vw - ellipse(at left 50vw)
+PASS test unit (inline): vw - ellipse(at 50vw top)
+PASS test unit (inline): vw - ellipse(at right 80vw)
+PASS test unit (inline): vw - ellipse(at 70vw bottom)
+PASS test unit (inline): vw - ellipse(at center 60vw)
+PASS test unit (inline): vw - ellipse(at 60vw center)
+PASS test unit (inline): vw - ellipse(at center top 50vw)
+PASS test unit (inline): vw - ellipse(at center left 50vw)
+PASS test unit (inline): vw - ellipse(at center right 70vw)
+PASS test unit (inline): vw - ellipse(at center bottom 70vw)
+PASS test unit (inline): vw - ellipse(at left top 50vw)
+PASS test unit (inline): vw - ellipse(at left bottom 70vw)
+PASS test unit (inline): vw - ellipse(at top left 50vw)
+PASS test unit (inline): vw - ellipse(at top right 70vw)
+PASS test unit (inline): vw - ellipse(at bottom left 50vw)
+PASS test unit (inline): vw - ellipse(at bottom right 70vw)
+PASS test unit (inline): vw - ellipse(at right bottom 70vw)
+PASS test unit (inline): vw - ellipse(at right top 50vw)
+PASS test unit (inline): vw - ellipse(at left 50vw center)
+PASS test unit (inline): vw - ellipse(at left 50vw top)
+PASS test unit (inline): vw - ellipse(at left 50vw bottom)
+PASS test unit (inline): vw - ellipse(at top 50vw center)
+PASS test unit (inline): vw - ellipse(at top 50vw left)
+PASS test unit (inline): vw - ellipse(at top 50vw right)
+PASS test unit (inline): vw - ellipse(at bottom 70vw center)
+PASS test unit (inline): vw - ellipse(at bottom 70vw left)
+PASS test unit (inline): vw - ellipse(at bottom 70vw right)
+PASS test unit (inline): vw - ellipse(at right 80vw center)
+PASS test unit (inline): vw - ellipse(at right 80vw bottom)
+PASS test unit (inline): vw - ellipse(at right 80vw top)
+PASS test unit (inline): vw - ellipse(at left 50% top 50vw)
+PASS test unit (inline): vw - ellipse(at left 50% bottom 70vw)
+PASS test unit (inline): vw - ellipse(at left 50vw top 50%)
+PASS test unit (inline): vw - ellipse(at left 50vw top 50vw)
+PASS test unit (inline): vw - ellipse(at left 50vw bottom 70%)
+PASS test unit (inline): vw - ellipse(at left 50vw bottom 70vw)
+PASS test unit (inline): vw - ellipse(at top 50% left 50vw)
+PASS test unit (inline): vw - ellipse(at top 50% right 80vw)
+PASS test unit (inline): vw - ellipse(at top 50vw left 50%)
+PASS test unit (inline): vw - ellipse(at top 50vw left 50vw)
+PASS test unit (inline): vw - ellipse(at top 50vw right 80%)
+PASS test unit (inline): vw - ellipse(at top 50vw right 80vw)
+PASS test unit (inline): vw - ellipse(at bottom 70% left 50vw)
+PASS test unit (inline): vw - ellipse(at bottom 70% right 80vw)
+PASS test unit (inline): vw - ellipse(at bottom 70vw left 50%)
+PASS test unit (inline): vw - ellipse(at bottom 70vw left 50vw)
+PASS test unit (inline): vw - ellipse(at bottom 70vw right 80%)
+PASS test unit (inline): vw - ellipse(at bottom 70vw right 80vw)
+PASS test unit (inline): vw - ellipse(at right 80% top 50vw)
+PASS test unit (inline): vw - ellipse(at right 80% bottom 70vw)
+PASS test unit (inline): vw - ellipse(at right 80vw top 50%)
+PASS test unit (inline): vw - ellipse(at right 80vw top 50vw)
+PASS test unit (inline): vw - ellipse(at right 80vw bottom 70%)
+PASS test unit (inline): vw - ellipse(at right 80vw bottom 70vw)
+PASS test unit (inline): vh - ellipse(at 50vh)
+PASS test unit (inline): vh - ellipse(at 50% 50vh)
+PASS test unit (inline): vh - ellipse(at 50vh 50%)
+PASS test unit (inline): vh - ellipse(at 50vh 50vh)
+PASS test unit (inline): vh - ellipse(at left 50vh)
+PASS test unit (inline): vh - ellipse(at 50vh top)
+PASS test unit (inline): vh - ellipse(at right 80vh)
+PASS test unit (inline): vh - ellipse(at 70vh bottom)
+PASS test unit (inline): vh - ellipse(at center 60vh)
+PASS test unit (inline): vh - ellipse(at 60vh center)
+PASS test unit (inline): vh - ellipse(at center top 50vh)
+PASS test unit (inline): vh - ellipse(at center left 50vh)
+PASS test unit (inline): vh - ellipse(at center right 70vh)
+PASS test unit (inline): vh - ellipse(at center bottom 70vh)
+PASS test unit (inline): vh - ellipse(at left top 50vh)
+PASS test unit (inline): vh - ellipse(at left bottom 70vh)
+PASS test unit (inline): vh - ellipse(at top left 50vh)
+PASS test unit (inline): vh - ellipse(at top right 70vh)
+PASS test unit (inline): vh - ellipse(at bottom left 50vh)
+PASS test unit (inline): vh - ellipse(at bottom right 70vh)
+PASS test unit (inline): vh - ellipse(at right bottom 70vh)
+PASS test unit (inline): vh - ellipse(at right top 50vh)
+PASS test unit (inline): vh - ellipse(at left 50vh center)
+PASS test unit (inline): vh - ellipse(at left 50vh top)
+PASS test unit (inline): vh - ellipse(at left 50vh bottom)
+PASS test unit (inline): vh - ellipse(at top 50vh center)
+PASS test unit (inline): vh - ellipse(at top 50vh left)
+PASS test unit (inline): vh - ellipse(at top 50vh right)
+PASS test unit (inline): vh - ellipse(at bottom 70vh center)
+PASS test unit (inline): vh - ellipse(at bottom 70vh left)
+PASS test unit (inline): vh - ellipse(at bottom 70vh right)
+PASS test unit (inline): vh - ellipse(at right 80vh center)
+PASS test unit (inline): vh - ellipse(at right 80vh bottom)
+PASS test unit (inline): vh - ellipse(at right 80vh top)
+PASS test unit (inline): vh - ellipse(at left 50% top 50vh)
+PASS test unit (inline): vh - ellipse(at left 50% bottom 70vh)
+PASS test unit (inline): vh - ellipse(at left 50vh top 50%)
+PASS test unit (inline): vh - ellipse(at left 50vh top 50vh)
+PASS test unit (inline): vh - ellipse(at left 50vh bottom 70%)
+PASS test unit (inline): vh - ellipse(at left 50vh bottom 70vh)
+PASS test unit (inline): vh - ellipse(at top 50% left 50vh)
+PASS test unit (inline): vh - ellipse(at top 50% right 80vh)
+PASS test unit (inline): vh - ellipse(at top 50vh left 50%)
+PASS test unit (inline): vh - ellipse(at top 50vh left 50vh)
+PASS test unit (inline): vh - ellipse(at top 50vh right 80%)
+PASS test unit (inline): vh - ellipse(at top 50vh right 80vh)
+PASS test unit (inline): vh - ellipse(at bottom 70% left 50vh)
+PASS test unit (inline): vh - ellipse(at bottom 70% right 80vh)
+PASS test unit (inline): vh - ellipse(at bottom 70vh left 50%)
+PASS test unit (inline): vh - ellipse(at bottom 70vh left 50vh)
+PASS test unit (inline): vh - ellipse(at bottom 70vh right 80%)
+PASS test unit (inline): vh - ellipse(at bottom 70vh right 80vh)
+PASS test unit (inline): vh - ellipse(at right 80% top 50vh)
+PASS test unit (inline): vh - ellipse(at right 80% bottom 70vh)
+PASS test unit (inline): vh - ellipse(at right 80vh top 50%)
+PASS test unit (inline): vh - ellipse(at right 80vh top 50vh)
+PASS test unit (inline): vh - ellipse(at right 80vh bottom 70%)
+PASS test unit (inline): vh - ellipse(at right 80vh bottom 70vh)
+PASS test unit (inline): vmin - ellipse(at 50vmin)
+PASS test unit (inline): vmin - ellipse(at 50% 50vmin)
+PASS test unit (inline): vmin - ellipse(at 50vmin 50%)
+PASS test unit (inline): vmin - ellipse(at 50vmin 50vmin)
+PASS test unit (inline): vmin - ellipse(at left 50vmin)
+PASS test unit (inline): vmin - ellipse(at 50vmin top)
+PASS test unit (inline): vmin - ellipse(at right 80vmin)
+PASS test unit (inline): vmin - ellipse(at 70vmin bottom)
+PASS test unit (inline): vmin - ellipse(at center 60vmin)
+PASS test unit (inline): vmin - ellipse(at 60vmin center)
+PASS test unit (inline): vmin - ellipse(at center top 50vmin)
+PASS test unit (inline): vmin - ellipse(at center left 50vmin)
+PASS test unit (inline): vmin - ellipse(at center right 70vmin)
+PASS test unit (inline): vmin - ellipse(at center bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at left top 50vmin)
+PASS test unit (inline): vmin - ellipse(at left bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at top left 50vmin)
+PASS test unit (inline): vmin - ellipse(at top right 70vmin)
+PASS test unit (inline): vmin - ellipse(at bottom left 50vmin)
+PASS test unit (inline): vmin - ellipse(at bottom right 70vmin)
+PASS test unit (inline): vmin - ellipse(at right bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at right top 50vmin)
+PASS test unit (inline): vmin - ellipse(at left 50vmin center)
+PASS test unit (inline): vmin - ellipse(at left 50vmin top)
+PASS test unit (inline): vmin - ellipse(at left 50vmin bottom)
+PASS test unit (inline): vmin - ellipse(at top 50vmin center)
+PASS test unit (inline): vmin - ellipse(at top 50vmin left)
+PASS test unit (inline): vmin - ellipse(at top 50vmin right)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin center)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin left)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin right)
+PASS test unit (inline): vmin - ellipse(at right 80vmin center)
+PASS test unit (inline): vmin - ellipse(at right 80vmin bottom)
+PASS test unit (inline): vmin - ellipse(at right 80vmin top)
+PASS test unit (inline): vmin - ellipse(at left 50% top 50vmin)
+PASS test unit (inline): vmin - ellipse(at left 50% bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at left 50vmin top 50%)
+PASS test unit (inline): vmin - ellipse(at left 50vmin top 50vmin)
+PASS test unit (inline): vmin - ellipse(at left 50vmin bottom 70%)
+PASS test unit (inline): vmin - ellipse(at left 50vmin bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at top 50% left 50vmin)
+PASS test unit (inline): vmin - ellipse(at top 50% right 80vmin)
+PASS test unit (inline): vmin - ellipse(at top 50vmin left 50%)
+PASS test unit (inline): vmin - ellipse(at top 50vmin left 50vmin)
+PASS test unit (inline): vmin - ellipse(at top 50vmin right 80%)
+PASS test unit (inline): vmin - ellipse(at top 50vmin right 80vmin)
+PASS test unit (inline): vmin - ellipse(at bottom 70% left 50vmin)
+PASS test unit (inline): vmin - ellipse(at bottom 70% right 80vmin)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin left 50%)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin left 50vmin)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin right 80%)
+PASS test unit (inline): vmin - ellipse(at bottom 70vmin right 80vmin)
+PASS test unit (inline): vmin - ellipse(at right 80% top 50vmin)
+PASS test unit (inline): vmin - ellipse(at right 80% bottom 70vmin)
+PASS test unit (inline): vmin - ellipse(at right 80vmin top 50%)
+PASS test unit (inline): vmin - ellipse(at right 80vmin top 50vmin)
+PASS test unit (inline): vmin - ellipse(at right 80vmin bottom 70%)
+PASS test unit (inline): vmin - ellipse(at right 80vmin bottom 70vmin)
+PASS test unit (inline): vmax - ellipse(at 50vmax)
+PASS test unit (inline): vmax - ellipse(at 50% 50vmax)
+PASS test unit (inline): vmax - ellipse(at 50vmax 50%)
+PASS test unit (inline): vmax - ellipse(at 50vmax 50vmax)
+PASS test unit (inline): vmax - ellipse(at left 50vmax)
+PASS test unit (inline): vmax - ellipse(at 50vmax top)
+PASS test unit (inline): vmax - ellipse(at right 80vmax)
+PASS test unit (inline): vmax - ellipse(at 70vmax bottom)
+PASS test unit (inline): vmax - ellipse(at center 60vmax)
+PASS test unit (inline): vmax - ellipse(at 60vmax center)
+PASS test unit (inline): vmax - ellipse(at center top 50vmax)
+PASS test unit (inline): vmax - ellipse(at center left 50vmax)
+PASS test unit (inline): vmax - ellipse(at center right 70vmax)
+PASS test unit (inline): vmax - ellipse(at center bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at left top 50vmax)
+PASS test unit (inline): vmax - ellipse(at left bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at top left 50vmax)
+PASS test unit (inline): vmax - ellipse(at top right 70vmax)
+PASS test unit (inline): vmax - ellipse(at bottom left 50vmax)
+PASS test unit (inline): vmax - ellipse(at bottom right 70vmax)
+PASS test unit (inline): vmax - ellipse(at right bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at right top 50vmax)
+PASS test unit (inline): vmax - ellipse(at left 50vmax center)
+PASS test unit (inline): vmax - ellipse(at left 50vmax top)
+PASS test unit (inline): vmax - ellipse(at left 50vmax bottom)
+PASS test unit (inline): vmax - ellipse(at top 50vmax center)
+PASS test unit (inline): vmax - ellipse(at top 50vmax left)
+PASS test unit (inline): vmax - ellipse(at top 50vmax right)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax center)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax left)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax right)
+PASS test unit (inline): vmax - ellipse(at right 80vmax center)
+PASS test unit (inline): vmax - ellipse(at right 80vmax bottom)
+PASS test unit (inline): vmax - ellipse(at right 80vmax top)
+PASS test unit (inline): vmax - ellipse(at left 50% top 50vmax)
+PASS test unit (inline): vmax - ellipse(at left 50% bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at left 50vmax top 50%)
+PASS test unit (inline): vmax - ellipse(at left 50vmax top 50vmax)
+PASS test unit (inline): vmax - ellipse(at left 50vmax bottom 70%)
+PASS test unit (inline): vmax - ellipse(at left 50vmax bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at top 50% left 50vmax)
+PASS test unit (inline): vmax - ellipse(at top 50% right 80vmax)
+PASS test unit (inline): vmax - ellipse(at top 50vmax left 50%)
+PASS test unit (inline): vmax - ellipse(at top 50vmax left 50vmax)
+PASS test unit (inline): vmax - ellipse(at top 50vmax right 80%)
+PASS test unit (inline): vmax - ellipse(at top 50vmax right 80vmax)
+PASS test unit (inline): vmax - ellipse(at bottom 70% left 50vmax)
+PASS test unit (inline): vmax - ellipse(at bottom 70% right 80vmax)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax left 50%)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax left 50vmax)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax right 80%)
+PASS test unit (inline): vmax - ellipse(at bottom 70vmax right 80vmax)
+PASS test unit (inline): vmax - ellipse(at right 80% top 50vmax)
+PASS test unit (inline): vmax - ellipse(at right 80% bottom 70vmax)
+PASS test unit (inline): vmax - ellipse(at right 80vmax top 50%)
+PASS test unit (inline): vmax - ellipse(at right 80vmax top 50vmax)
+PASS test unit (inline): vmax - ellipse(at right 80vmax bottom 70%)
+PASS test unit (inline): vmax - ellipse(at right 80vmax bottom 70vmax)
+PASS test unit (computed): cm - ellipse(at 50cm)
+PASS test unit (computed): cm - ellipse(at 50% 50cm)
+PASS test unit (computed): cm - ellipse(at 50cm 50%)
+PASS test unit (computed): cm - ellipse(at 50cm 50cm)
+PASS test unit (computed): cm - ellipse(at left 50cm)
+PASS test unit (computed): cm - ellipse(at 50cm top)
+PASS test unit (computed): cm - ellipse(at right 80cm)
+PASS test unit (computed): cm - ellipse(at 70cm bottom)
+PASS test unit (computed): cm - ellipse(at center 60cm)
+PASS test unit (computed): cm - ellipse(at 60cm center)
+PASS test unit (computed): cm - ellipse(at center top 50cm)
+PASS test unit (computed): cm - ellipse(at center left 50cm)
+PASS test unit (computed): cm - ellipse(at center right 70cm)
+PASS test unit (computed): cm - ellipse(at center bottom 70cm)
+PASS test unit (computed): cm - ellipse(at left top 50cm)
+PASS test unit (computed): cm - ellipse(at left bottom 70cm)
+PASS test unit (computed): cm - ellipse(at top left 50cm)
+PASS test unit (computed): cm - ellipse(at top right 70cm)
+PASS test unit (computed): cm - ellipse(at bottom left 50cm)
+PASS test unit (computed): cm - ellipse(at bottom right 70cm)
+PASS test unit (computed): cm - ellipse(at right bottom 70cm)
+PASS test unit (computed): cm - ellipse(at right top 50cm)
+PASS test unit (computed): cm - ellipse(at left 50cm center)
+PASS test unit (computed): cm - ellipse(at left 50cm top)
+PASS test unit (computed): cm - ellipse(at left 50cm bottom)
+PASS test unit (computed): cm - ellipse(at top 50cm center)
+PASS test unit (computed): cm - ellipse(at top 50cm left)
+PASS test unit (computed): cm - ellipse(at top 50cm right)
+PASS test unit (computed): cm - ellipse(at bottom 70cm center)
+PASS test unit (computed): cm - ellipse(at bottom 70cm left)
+PASS test unit (computed): cm - ellipse(at bottom 70cm right)
+PASS test unit (computed): cm - ellipse(at right 80cm center)
+PASS test unit (computed): cm - ellipse(at right 80cm bottom)
+PASS test unit (computed): cm - ellipse(at right 80cm top)
+PASS test unit (computed): cm - ellipse(at left 50% top 50cm)
+PASS test unit (computed): cm - ellipse(at left 50% bottom 70cm)
+PASS test unit (computed): cm - ellipse(at left 50cm top 50%)
+PASS test unit (computed): cm - ellipse(at left 50cm top 50cm)
+PASS test unit (computed): cm - ellipse(at left 50cm bottom 70%)
+PASS test unit (computed): cm - ellipse(at left 50cm bottom 70cm)
+PASS test unit (computed): cm - ellipse(at top 50% left 50cm)
+PASS test unit (computed): cm - ellipse(at top 50% right 80cm)
+PASS test unit (computed): cm - ellipse(at top 50cm left 50%)
+PASS test unit (computed): cm - ellipse(at top 50cm left 50cm)
+PASS test unit (computed): cm - ellipse(at top 50cm right 80%)
+PASS test unit (computed): cm - ellipse(at top 50cm right 80cm)
+PASS test unit (computed): cm - ellipse(at bottom 70% left 50cm)
+PASS test unit (computed): cm - ellipse(at bottom 70% right 80cm)
+PASS test unit (computed): cm - ellipse(at bottom 70cm left 50%)
+PASS test unit (computed): cm - ellipse(at bottom 70cm left 50cm)
+PASS test unit (computed): cm - ellipse(at bottom 70cm right 80%)
+PASS test unit (computed): cm - ellipse(at bottom 70cm right 80cm)
+PASS test unit (computed): cm - ellipse(at right 80% top 50cm)
+PASS test unit (computed): cm - ellipse(at right 80% bottom 70cm)
+PASS test unit (computed): cm - ellipse(at right 80cm top 50%)
+PASS test unit (computed): cm - ellipse(at right 80cm top 50cm)
+PASS test unit (computed): cm - ellipse(at right 80cm bottom 70%)
+PASS test unit (computed): cm - ellipse(at right 80cm bottom 70cm)
+PASS test unit (computed): mm - ellipse(at 50mm)
+PASS test unit (computed): mm - ellipse(at 50% 50mm)
+PASS test unit (computed): mm - ellipse(at 50mm 50%)
+PASS test unit (computed): mm - ellipse(at 50mm 50mm)
+PASS test unit (computed): mm - ellipse(at left 50mm)
+PASS test unit (computed): mm - ellipse(at 50mm top)
+PASS test unit (computed): mm - ellipse(at right 80mm)
+PASS test unit (computed): mm - ellipse(at 70mm bottom)
+PASS test unit (computed): mm - ellipse(at center 60mm)
+PASS test unit (computed): mm - ellipse(at 60mm center)
+PASS test unit (computed): mm - ellipse(at center top 50mm)
+PASS test unit (computed): mm - ellipse(at center left 50mm)
+PASS test unit (computed): mm - ellipse(at center right 70mm)
+PASS test unit (computed): mm - ellipse(at center bottom 70mm)
+PASS test unit (computed): mm - ellipse(at left top 50mm)
+PASS test unit (computed): mm - ellipse(at left bottom 70mm)
+PASS test unit (computed): mm - ellipse(at top left 50mm)
+PASS test unit (computed): mm - ellipse(at top right 70mm)
+PASS test unit (computed): mm - ellipse(at bottom left 50mm)
+PASS test unit (computed): mm - ellipse(at bottom right 70mm)
+PASS test unit (computed): mm - ellipse(at right bottom 70mm)
+PASS test unit (computed): mm - ellipse(at right top 50mm)
+PASS test unit (computed): mm - ellipse(at left 50mm center)
+PASS test unit (computed): mm - ellipse(at left 50mm top)
+PASS test unit (computed): mm - ellipse(at left 50mm bottom)
+PASS test unit (computed): mm - ellipse(at top 50mm center)
+PASS test unit (computed): mm - ellipse(at top 50mm left)
+PASS test unit (computed): mm - ellipse(at top 50mm right)
+PASS test unit (computed): mm - ellipse(at bottom 70mm center)
+PASS test unit (computed): mm - ellipse(at bottom 70mm left)
+PASS test unit (computed): mm - ellipse(at bottom 70mm right)
+PASS test unit (computed): mm - ellipse(at right 80mm center)
+PASS test unit (computed): mm - ellipse(at right 80mm bottom)
+PASS test unit (computed): mm - ellipse(at right 80mm top)
+PASS test unit (computed): mm - ellipse(at left 50% top 50mm)
+PASS test unit (computed): mm - ellipse(at left 50% bottom 70mm)
+PASS test unit (computed): mm - ellipse(at left 50mm top 50%)
+PASS test unit (computed): mm - ellipse(at left 50mm top 50mm)
+PASS test unit (computed): mm - ellipse(at left 50mm bottom 70%)
+PASS test unit (computed): mm - ellipse(at left 50mm bottom 70mm)
+PASS test unit (computed): mm - ellipse(at top 50% left 50mm)
+PASS test unit (computed): mm - ellipse(at top 50% right 80mm)
+PASS test unit (computed): mm - ellipse(at top 50mm left 50%)
+PASS test unit (computed): mm - ellipse(at top 50mm left 50mm)
+PASS test unit (computed): mm - ellipse(at top 50mm right 80%)
+PASS test unit (computed): mm - ellipse(at top 50mm right 80mm)
+PASS test unit (computed): mm - ellipse(at bottom 70% left 50mm)
+PASS test unit (computed): mm - ellipse(at bottom 70% right 80mm)
+PASS test unit (computed): mm - ellipse(at bottom 70mm left 50%)
+PASS test unit (computed): mm - ellipse(at bottom 70mm left 50mm)
+PASS test unit (computed): mm - ellipse(at bottom 70mm right 80%)
+PASS test unit (computed): mm - ellipse(at bottom 70mm right 80mm)
+PASS test unit (computed): mm - ellipse(at right 80% top 50mm)
+PASS test unit (computed): mm - ellipse(at right 80% bottom 70mm)
+PASS test unit (computed): mm - ellipse(at right 80mm top 50%)
+PASS test unit (computed): mm - ellipse(at right 80mm top 50mm)
+PASS test unit (computed): mm - ellipse(at right 80mm bottom 70%)
+PASS test unit (computed): mm - ellipse(at right 80mm bottom 70mm)
+PASS test unit (computed): in - ellipse(at 50in)
+PASS test unit (computed): in - ellipse(at 50% 50in)
+PASS test unit (computed): in - ellipse(at 50in 50%)
+PASS test unit (computed): in - ellipse(at 50in 50in)
+PASS test unit (computed): in - ellipse(at left 50in)
+PASS test unit (computed): in - ellipse(at 50in top)
+PASS test unit (computed): in - ellipse(at right 80in)
+PASS test unit (computed): in - ellipse(at 70in bottom)
+PASS test unit (computed): in - ellipse(at center 60in)
+PASS test unit (computed): in - ellipse(at 60in center)
+PASS test unit (computed): in - ellipse(at center top 50in)
+PASS test unit (computed): in - ellipse(at center left 50in)
+PASS test unit (computed): in - ellipse(at center right 70in)
+PASS test unit (computed): in - ellipse(at center bottom 70in)
+PASS test unit (computed): in - ellipse(at left top 50in)
+PASS test unit (computed): in - ellipse(at left bottom 70in)
+PASS test unit (computed): in - ellipse(at top left 50in)
+PASS test unit (computed): in - ellipse(at top right 70in)
+PASS test unit (computed): in - ellipse(at bottom left 50in)
+PASS test unit (computed): in - ellipse(at bottom right 70in)
+PASS test unit (computed): in - ellipse(at right bottom 70in)
+PASS test unit (computed): in - ellipse(at right top 50in)
+PASS test unit (computed): in - ellipse(at left 50in center)
+PASS test unit (computed): in - ellipse(at left 50in top)
+PASS test unit (computed): in - ellipse(at left 50in bottom)
+PASS test unit (computed): in - ellipse(at top 50in center)
+PASS test unit (computed): in - ellipse(at top 50in left)
+PASS test unit (computed): in - ellipse(at top 50in right)
+PASS test unit (computed): in - ellipse(at bottom 70in center)
+PASS test unit (computed): in - ellipse(at bottom 70in left)
+PASS test unit (computed): in - ellipse(at bottom 70in right)
+PASS test unit (computed): in - ellipse(at right 80in center)
+PASS test unit (computed): in - ellipse(at right 80in bottom)
+PASS test unit (computed): in - ellipse(at right 80in top)
+PASS test unit (computed): in - ellipse(at left 50% top 50in)
+PASS test unit (computed): in - ellipse(at left 50% bottom 70in)
+PASS test unit (computed): in - ellipse(at left 50in top 50%)
+PASS test unit (computed): in - ellipse(at left 50in top 50in)
+PASS test unit (computed): in - ellipse(at left 50in bottom 70%)
+PASS test unit (computed): in - ellipse(at left 50in bottom 70in)
+PASS test unit (computed): in - ellipse(at top 50% left 50in)
+PASS test unit (computed): in - ellipse(at top 50% right 80in)
+PASS test unit (computed): in - ellipse(at top 50in left 50%)
+PASS test unit (computed): in - ellipse(at top 50in left 50in)
+PASS test unit (computed): in - ellipse(at top 50in right 80%)
+PASS test unit (computed): in - ellipse(at top 50in right 80in)
+PASS test unit (computed): in - ellipse(at bottom 70% left 50in)
+PASS test unit (computed): in - ellipse(at bottom 70% right 80in)
+PASS test unit (computed): in - ellipse(at bottom 70in left 50%)
+PASS test unit (computed): in - ellipse(at bottom 70in left 50in)
+PASS test unit (computed): in - ellipse(at bottom 70in right 80%)
+PASS test unit (computed): in - ellipse(at bottom 70in right 80in)
+PASS test unit (computed): in - ellipse(at right 80% top 50in)
+PASS test unit (computed): in - ellipse(at right 80% bottom 70in)
+PASS test unit (computed): in - ellipse(at right 80in top 50%)
+PASS test unit (computed): in - ellipse(at right 80in top 50in)
+PASS test unit (computed): in - ellipse(at right 80in bottom 70%)
+PASS test unit (computed): in - ellipse(at right 80in bottom 70in)
+PASS test unit (computed): pt - ellipse(at 50pt)
+PASS test unit (computed): pt - ellipse(at 50% 50pt)
+PASS test unit (computed): pt - ellipse(at 50pt 50%)
+PASS test unit (computed): pt - ellipse(at 50pt 50pt)
+PASS test unit (computed): pt - ellipse(at left 50pt)
+PASS test unit (computed): pt - ellipse(at 50pt top)
+PASS test unit (computed): pt - ellipse(at right 80pt)
+PASS test unit (computed): pt - ellipse(at 70pt bottom)
+PASS test unit (computed): pt - ellipse(at center 60pt)
+PASS test unit (computed): pt - ellipse(at 60pt center)
+PASS test unit (computed): pt - ellipse(at center top 50pt)
+PASS test unit (computed): pt - ellipse(at center left 50pt)
+PASS test unit (computed): pt - ellipse(at center right 70pt)
+PASS test unit (computed): pt - ellipse(at center bottom 70pt)
+PASS test unit (computed): pt - ellipse(at left top 50pt)
+PASS test unit (computed): pt - ellipse(at left bottom 70pt)
+PASS test unit (computed): pt - ellipse(at top left 50pt)
+PASS test unit (computed): pt - ellipse(at top right 70pt)
+PASS test unit (computed): pt - ellipse(at bottom left 50pt)
+PASS test unit (computed): pt - ellipse(at bottom right 70pt)
+PASS test unit (computed): pt - ellipse(at right bottom 70pt)
+PASS test unit (computed): pt - ellipse(at right top 50pt)
+PASS test unit (computed): pt - ellipse(at left 50pt center)
+PASS test unit (computed): pt - ellipse(at left 50pt top)
+PASS test unit (computed): pt - ellipse(at left 50pt bottom)
+PASS test unit (computed): pt - ellipse(at top 50pt center)
+PASS test unit (computed): pt - ellipse(at top 50pt left)
+PASS test unit (computed): pt - ellipse(at top 50pt right)
+PASS test unit (computed): pt - ellipse(at bottom 70pt center)
+PASS test unit (computed): pt - ellipse(at bottom 70pt left)
+PASS test unit (computed): pt - ellipse(at bottom 70pt right)
+PASS test unit (computed): pt - ellipse(at right 80pt center)
+PASS test unit (computed): pt - ellipse(at right 80pt bottom)
+PASS test unit (computed): pt - ellipse(at right 80pt top)
+PASS test unit (computed): pt - ellipse(at left 50% top 50pt)
+PASS test unit (computed): pt - ellipse(at left 50% bottom 70pt)
+PASS test unit (computed): pt - ellipse(at left 50pt top 50%)
+PASS test unit (computed): pt - ellipse(at left 50pt top 50pt)
+PASS test unit (computed): pt - ellipse(at left 50pt bottom 70%)
+PASS test unit (computed): pt - ellipse(at left 50pt bottom 70pt)
+PASS test unit (computed): pt - ellipse(at top 50% left 50pt)
+PASS test unit (computed): pt - ellipse(at top 50% right 80pt)
+PASS test unit (computed): pt - ellipse(at top 50pt left 50%)
+PASS test unit (computed): pt - ellipse(at top 50pt left 50pt)
+PASS test unit (computed): pt - ellipse(at top 50pt right 80%)
+PASS test unit (computed): pt - ellipse(at top 50pt right 80pt)
+PASS test unit (computed): pt - ellipse(at bottom 70% left 50pt)
+PASS test unit (computed): pt - ellipse(at bottom 70% right 80pt)
+PASS test unit (computed): pt - ellipse(at bottom 70pt left 50%)
+PASS test unit (computed): pt - ellipse(at bottom 70pt left 50pt)
+PASS test unit (computed): pt - ellipse(at bottom 70pt right 80%)
+PASS test unit (computed): pt - ellipse(at bottom 70pt right 80pt)
+PASS test unit (computed): pt - ellipse(at right 80% top 50pt)
+PASS test unit (computed): pt - ellipse(at right 80% bottom 70pt)
+PASS test unit (computed): pt - ellipse(at right 80pt top 50%)
+PASS test unit (computed): pt - ellipse(at right 80pt top 50pt)
+PASS test unit (computed): pt - ellipse(at right 80pt bottom 70%)
+PASS test unit (computed): pt - ellipse(at right 80pt bottom 70pt)
+PASS test unit (computed): pc - ellipse(at 50pc)
+PASS test unit (computed): pc - ellipse(at 50% 50pc)
+PASS test unit (computed): pc - ellipse(at 50pc 50%)
+PASS test unit (computed): pc - ellipse(at 50pc 50pc)
+PASS test unit (computed): pc - ellipse(at left 50pc)
+PASS test unit (computed): pc - ellipse(at 50pc top)
+PASS test unit (computed): pc - ellipse(at right 80pc)
+PASS test unit (computed): pc - ellipse(at 70pc bottom)
+PASS test unit (computed): pc - ellipse(at center 60pc)
+PASS test unit (computed): pc - ellipse(at 60pc center)
+PASS test unit (computed): pc - ellipse(at center top 50pc)
+PASS test unit (computed): pc - ellipse(at center left 50pc)
+PASS test unit (computed): pc - ellipse(at center right 70pc)
+PASS test unit (computed): pc - ellipse(at center bottom 70pc)
+PASS test unit (computed): pc - ellipse(at left top 50pc)
+PASS test unit (computed): pc - ellipse(at left bottom 70pc)
+PASS test unit (computed): pc - ellipse(at top left 50pc)
+PASS test unit (computed): pc - ellipse(at top right 70pc)
+PASS test unit (computed): pc - ellipse(at bottom left 50pc)
+PASS test unit (computed): pc - ellipse(at bottom right 70pc)
+PASS test unit (computed): pc - ellipse(at right bottom 70pc)
+PASS test unit (computed): pc - ellipse(at right top 50pc)
+PASS test unit (computed): pc - ellipse(at left 50pc center)
+PASS test unit (computed): pc - ellipse(at left 50pc top)
+PASS test unit (computed): pc - ellipse(at left 50pc bottom)
+PASS test unit (computed): pc - ellipse(at top 50pc center)
+PASS test unit (computed): pc - ellipse(at top 50pc left)
+PASS test unit (computed): pc - ellipse(at top 50pc right)
+PASS test unit (computed): pc - ellipse(at bottom 70pc center)
+PASS test unit (computed): pc - ellipse(at bottom 70pc left)
+PASS test unit (computed): pc - ellipse(at bottom 70pc right)
+PASS test unit (computed): pc - ellipse(at right 80pc center)
+PASS test unit (computed): pc - ellipse(at right 80pc bottom)
+PASS test unit (computed): pc - ellipse(at right 80pc top)
+PASS test unit (computed): pc - ellipse(at left 50% top 50pc)
+PASS test unit (computed): pc - ellipse(at left 50% bottom 70pc)
+PASS test unit (computed): pc - ellipse(at left 50pc top 50%)
+PASS test unit (computed): pc - ellipse(at left 50pc top 50pc)
+PASS test unit (computed): pc - ellipse(at left 50pc bottom 70%)
+PASS test unit (computed): pc - ellipse(at left 50pc bottom 70pc)
+PASS test unit (computed): pc - ellipse(at top 50% left 50pc)
+PASS test unit (computed): pc - ellipse(at top 50% right 80pc)
+PASS test unit (computed): pc - ellipse(at top 50pc left 50%)
+PASS test unit (computed): pc - ellipse(at top 50pc left 50pc)
+PASS test unit (computed): pc - ellipse(at top 50pc right 80%)
+PASS test unit (computed): pc - ellipse(at top 50pc right 80pc)
+PASS test unit (computed): pc - ellipse(at bottom 70% left 50pc)
+PASS test unit (computed): pc - ellipse(at bottom 70% right 80pc)
+PASS test unit (computed): pc - ellipse(at bottom 70pc left 50%)
+PASS test unit (computed): pc - ellipse(at bottom 70pc left 50pc)
+PASS test unit (computed): pc - ellipse(at bottom 70pc right 80%)
+PASS test unit (computed): pc - ellipse(at bottom 70pc right 80pc)
+PASS test unit (computed): pc - ellipse(at right 80% top 50pc)
+PASS test unit (computed): pc - ellipse(at right 80% bottom 70pc)
+PASS test unit (computed): pc - ellipse(at right 80pc top 50%)
+PASS test unit (computed): pc - ellipse(at right 80pc top 50pc)
+PASS test unit (computed): pc - ellipse(at right 80pc bottom 70%)
+PASS test unit (computed): pc - ellipse(at right 80pc bottom 70pc)
+PASS test unit (computed): em - ellipse(at 50em)
+PASS test unit (computed): em - ellipse(at 50% 50em)
+PASS test unit (computed): em - ellipse(at 50em 50%)
+PASS test unit (computed): em - ellipse(at 50em 50em)
+PASS test unit (computed): em - ellipse(at left 50em)
+PASS test unit (computed): em - ellipse(at 50em top)
+PASS test unit (computed): em - ellipse(at right 80em)
+PASS test unit (computed): em - ellipse(at 70em bottom)
+PASS test unit (computed): em - ellipse(at center 60em)
+PASS test unit (computed): em - ellipse(at 60em center)
+PASS test unit (computed): em - ellipse(at center top 50em)
+PASS test unit (computed): em - ellipse(at center left 50em)
+PASS test unit (computed): em - ellipse(at center right 70em)
+PASS test unit (computed): em - ellipse(at center bottom 70em)
+PASS test unit (computed): em - ellipse(at left top 50em)
+PASS test unit (computed): em - ellipse(at left bottom 70em)
+PASS test unit (computed): em - ellipse(at top left 50em)
+PASS test unit (computed): em - ellipse(at top right 70em)
+PASS test unit (computed): em - ellipse(at bottom left 50em)
+PASS test unit (computed): em - ellipse(at bottom right 70em)
+PASS test unit (computed): em - ellipse(at right bottom 70em)
+PASS test unit (computed): em - ellipse(at right top 50em)
+PASS test unit (computed): em - ellipse(at left 50em center)
+PASS test unit (computed): em - ellipse(at left 50em top)
+PASS test unit (computed): em - ellipse(at left 50em bottom)
+PASS test unit (computed): em - ellipse(at top 50em center)
+PASS test unit (computed): em - ellipse(at top 50em left)
+PASS test unit (computed): em - ellipse(at top 50em right)
+PASS test unit (computed): em - ellipse(at bottom 70em center)
+PASS test unit (computed): em - ellipse(at bottom 70em left)
+PASS test unit (computed): em - ellipse(at bottom 70em right)
+PASS test unit (computed): em - ellipse(at right 80em center)
+PASS test unit (computed): em - ellipse(at right 80em bottom)
+PASS test unit (computed): em - ellipse(at right 80em top)
+PASS test unit (computed): em - ellipse(at left 50% top 50em)
+PASS test unit (computed): em - ellipse(at left 50% bottom 70em)
+PASS test unit (computed): em - ellipse(at left 50em top 50%)
+PASS test unit (computed): em - ellipse(at left 50em top 50em)
+PASS test unit (computed): em - ellipse(at left 50em bottom 70%)
+PASS test unit (computed): em - ellipse(at left 50em bottom 70em)
+PASS test unit (computed): em - ellipse(at top 50% left 50em)
+PASS test unit (computed): em - ellipse(at top 50% right 80em)
+PASS test unit (computed): em - ellipse(at top 50em left 50%)
+PASS test unit (computed): em - ellipse(at top 50em left 50em)
+PASS test unit (computed): em - ellipse(at top 50em right 80%)
+PASS test unit (computed): em - ellipse(at top 50em right 80em)
+PASS test unit (computed): em - ellipse(at bottom 70% left 50em)
+PASS test unit (computed): em - ellipse(at bottom 70% right 80em)
+PASS test unit (computed): em - ellipse(at bottom 70em left 50%)
+PASS test unit (computed): em - ellipse(at bottom 70em left 50em)
+PASS test unit (computed): em - ellipse(at bottom 70em right 80%)
+PASS test unit (computed): em - ellipse(at bottom 70em right 80em)
+PASS test unit (computed): em - ellipse(at right 80% top 50em)
+PASS test unit (computed): em - ellipse(at right 80% bottom 70em)
+PASS test unit (computed): em - ellipse(at right 80em top 50%)
+PASS test unit (computed): em - ellipse(at right 80em top 50em)
+PASS test unit (computed): em - ellipse(at right 80em bottom 70%)
+PASS test unit (computed): em - ellipse(at right 80em bottom 70em)
+PASS test unit (computed): ex - ellipse(at 50ex)
+PASS test unit (computed): ex - ellipse(at 50% 50ex)
+PASS test unit (computed): ex - ellipse(at 50ex 50%)
+PASS test unit (computed): ex - ellipse(at 50ex 50ex)
+PASS test unit (computed): ex - ellipse(at left 50ex)
+PASS test unit (computed): ex - ellipse(at 50ex top)
+PASS test unit (computed): ex - ellipse(at right 80ex)
+PASS test unit (computed): ex - ellipse(at 70ex bottom)
+PASS test unit (computed): ex - ellipse(at center 60ex)
+PASS test unit (computed): ex - ellipse(at 60ex center)
+PASS test unit (computed): ex - ellipse(at center top 50ex)
+PASS test unit (computed): ex - ellipse(at center left 50ex)
+PASS test unit (computed): ex - ellipse(at center right 70ex)
+PASS test unit (computed): ex - ellipse(at center bottom 70ex)
+PASS test unit (computed): ex - ellipse(at left top 50ex)
+PASS test unit (computed): ex - ellipse(at left bottom 70ex)
+PASS test unit (computed): ex - ellipse(at top left 50ex)
+PASS test unit (computed): ex - ellipse(at top right 70ex)
+PASS test unit (computed): ex - ellipse(at bottom left 50ex)
+PASS test unit (computed): ex - ellipse(at bottom right 70ex)
+PASS test unit (computed): ex - ellipse(at right bottom 70ex)
+PASS test unit (computed): ex - ellipse(at right top 50ex)
+PASS test unit (computed): ex - ellipse(at left 50ex center)
+PASS test unit (computed): ex - ellipse(at left 50ex top)
+PASS test unit (computed): ex - ellipse(at left 50ex bottom)
+PASS test unit (computed): ex - ellipse(at top 50ex center)
+PASS test unit (computed): ex - ellipse(at top 50ex left)
+PASS test unit (computed): ex - ellipse(at top 50ex right)
+PASS test unit (computed): ex - ellipse(at bottom 70ex center)
+PASS test unit (computed): ex - ellipse(at bottom 70ex left)
+PASS test unit (computed): ex - ellipse(at bottom 70ex right)
+PASS test unit (computed): ex - ellipse(at right 80ex center)
+PASS test unit (computed): ex - ellipse(at right 80ex bottom)
+PASS test unit (computed): ex - ellipse(at right 80ex top)
+PASS test unit (computed): ex - ellipse(at left 50% top 50ex)
+PASS test unit (computed): ex - ellipse(at left 50% bottom 70ex)
+PASS test unit (computed): ex - ellipse(at left 50ex top 50%)
+PASS test unit (computed): ex - ellipse(at left 50ex top 50ex)
+PASS test unit (computed): ex - ellipse(at left 50ex bottom 70%)
+PASS test unit (computed): ex - ellipse(at left 50ex bottom 70ex)
+PASS test unit (computed): ex - ellipse(at top 50% left 50ex)
+PASS test unit (computed): ex - ellipse(at top 50% right 80ex)
+PASS test unit (computed): ex - ellipse(at top 50ex left 50%)
+PASS test unit (computed): ex - ellipse(at top 50ex left 50ex)
+PASS test unit (computed): ex - ellipse(at top 50ex right 80%)
+PASS test unit (computed): ex - ellipse(at top 50ex right 80ex)
+PASS test unit (computed): ex - ellipse(at bottom 70% left 50ex)
+PASS test unit (computed): ex - ellipse(at bottom 70% right 80ex)
+PASS test unit (computed): ex - ellipse(at bottom 70ex left 50%)
+PASS test unit (computed): ex - ellipse(at bottom 70ex left 50ex)
+PASS test unit (computed): ex - ellipse(at bottom 70ex right 80%)
+PASS test unit (computed): ex - ellipse(at bottom 70ex right 80ex)
+PASS test unit (computed): ex - ellipse(at right 80% top 50ex)
+PASS test unit (computed): ex - ellipse(at right 80% bottom 70ex)
+PASS test unit (computed): ex - ellipse(at right 80ex top 50%)
+PASS test unit (computed): ex - ellipse(at right 80ex top 50ex)
+PASS test unit (computed): ex - ellipse(at right 80ex bottom 70%)
+PASS test unit (computed): ex - ellipse(at right 80ex bottom 70ex)
+PASS test unit (computed): ch - ellipse(at 50ch)
+PASS test unit (computed): ch - ellipse(at 50% 50ch)
+PASS test unit (computed): ch - ellipse(at 50ch 50%)
+PASS test unit (computed): ch - ellipse(at 50ch 50ch)
+PASS test unit (computed): ch - ellipse(at left 50ch)
+PASS test unit (computed): ch - ellipse(at 50ch top)
+PASS test unit (computed): ch - ellipse(at right 80ch)
+PASS test unit (computed): ch - ellipse(at 70ch bottom)
+PASS test unit (computed): ch - ellipse(at center 60ch)
+PASS test unit (computed): ch - ellipse(at 60ch center)
+PASS test unit (computed): ch - ellipse(at center top 50ch)
+PASS test unit (computed): ch - ellipse(at center left 50ch)
+PASS test unit (computed): ch - ellipse(at center right 70ch)
+PASS test unit (computed): ch - ellipse(at center bottom 70ch)
+PASS test unit (computed): ch - ellipse(at left top 50ch)
+PASS test unit (computed): ch - ellipse(at left bottom 70ch)
+PASS test unit (computed): ch - ellipse(at top left 50ch)
+PASS test unit (computed): ch - ellipse(at top right 70ch)
+PASS test unit (computed): ch - ellipse(at bottom left 50ch)
+PASS test unit (computed): ch - ellipse(at bottom right 70ch)
+PASS test unit (computed): ch - ellipse(at right bottom 70ch)
+PASS test unit (computed): ch - ellipse(at right top 50ch)
+PASS test unit (computed): ch - ellipse(at left 50ch center)
+PASS test unit (computed): ch - ellipse(at left 50ch top)
+PASS test unit (computed): ch - ellipse(at left 50ch bottom)
+PASS test unit (computed): ch - ellipse(at top 50ch center)
+PASS test unit (computed): ch - ellipse(at top 50ch left)
+PASS test unit (computed): ch - ellipse(at top 50ch right)
+PASS test unit (computed): ch - ellipse(at bottom 70ch center)
+PASS test unit (computed): ch - ellipse(at bottom 70ch left)
+PASS test unit (computed): ch - ellipse(at bottom 70ch right)
+PASS test unit (computed): ch - ellipse(at right 80ch center)
+PASS test unit (computed): ch - ellipse(at right 80ch bottom)
+PASS test unit (computed): ch - ellipse(at right 80ch top)
+PASS test unit (computed): ch - ellipse(at left 50% top 50ch)
+PASS test unit (computed): ch - ellipse(at left 50% bottom 70ch)
+PASS test unit (computed): ch - ellipse(at left 50ch top 50%)
+PASS test unit (computed): ch - ellipse(at left 50ch top 50ch)
+PASS test unit (computed): ch - ellipse(at left 50ch bottom 70%)
+PASS test unit (computed): ch - ellipse(at left 50ch bottom 70ch)
+PASS test unit (computed): ch - ellipse(at top 50% left 50ch)
+PASS test unit (computed): ch - ellipse(at top 50% right 80ch)
+PASS test unit (computed): ch - ellipse(at top 50ch left 50%)
+PASS test unit (computed): ch - ellipse(at top 50ch left 50ch)
+PASS test unit (computed): ch - ellipse(at top 50ch right 80%)
+PASS test unit (computed): ch - ellipse(at top 50ch right 80ch)
+PASS test unit (computed): ch - ellipse(at bottom 70% left 50ch)
+PASS test unit (computed): ch - ellipse(at bottom 70% right 80ch)
+PASS test unit (computed): ch - ellipse(at bottom 70ch left 50%)
+PASS test unit (computed): ch - ellipse(at bottom 70ch left 50ch)
+PASS test unit (computed): ch - ellipse(at bottom 70ch right 80%)
+PASS test unit (computed): ch - ellipse(at bottom 70ch right 80ch)
+PASS test unit (computed): ch - ellipse(at right 80% top 50ch)
+PASS test unit (computed): ch - ellipse(at right 80% bottom 70ch)
+PASS test unit (computed): ch - ellipse(at right 80ch top 50%)
+PASS test unit (computed): ch - ellipse(at right 80ch top 50ch)
+PASS test unit (computed): ch - ellipse(at right 80ch bottom 70%)
+PASS test unit (computed): ch - ellipse(at right 80ch bottom 70ch)
+PASS test unit (computed): rem - ellipse(at 50rem)
+PASS test unit (computed): rem - ellipse(at 50% 50rem)
+PASS test unit (computed): rem - ellipse(at 50rem 50%)
+PASS test unit (computed): rem - ellipse(at 50rem 50rem)
+PASS test unit (computed): rem - ellipse(at left 50rem)
+PASS test unit (computed): rem - ellipse(at 50rem top)
+PASS test unit (computed): rem - ellipse(at right 80rem)
+PASS test unit (computed): rem - ellipse(at 70rem bottom)
+PASS test unit (computed): rem - ellipse(at center 60rem)
+PASS test unit (computed): rem - ellipse(at 60rem center)
+PASS test unit (computed): rem - ellipse(at center top 50rem)
+PASS test unit (computed): rem - ellipse(at center left 50rem)
+PASS test unit (computed): rem - ellipse(at center right 70rem)
+PASS test unit (computed): rem - ellipse(at center bottom 70rem)
+PASS test unit (computed): rem - ellipse(at left top 50rem)
+PASS test unit (computed): rem - ellipse(at left bottom 70rem)
+PASS test unit (computed): rem - ellipse(at top left 50rem)
+PASS test unit (computed): rem - ellipse(at top right 70rem)
+PASS test unit (computed): rem - ellipse(at bottom left 50rem)
+PASS test unit (computed): rem - ellipse(at bottom right 70rem)
+PASS test unit (computed): rem - ellipse(at right bottom 70rem)
+PASS test unit (computed): rem - ellipse(at right top 50rem)
+PASS test unit (computed): rem - ellipse(at left 50rem center)
+PASS test unit (computed): rem - ellipse(at left 50rem top)
+PASS test unit (computed): rem - ellipse(at left 50rem bottom)
+PASS test unit (computed): rem - ellipse(at top 50rem center)
+PASS test unit (computed): rem - ellipse(at top 50rem left)
+PASS test unit (computed): rem - ellipse(at top 50rem right)
+PASS test unit (computed): rem - ellipse(at bottom 70rem center)
+PASS test unit (computed): rem - ellipse(at bottom 70rem left)
+PASS test unit (computed): rem - ellipse(at bottom 70rem right)
+PASS test unit (computed): rem - ellipse(at right 80rem center)
+PASS test unit (computed): rem - ellipse(at right 80rem bottom)
+PASS test unit (computed): rem - ellipse(at right 80rem top)
+PASS test unit (computed): rem - ellipse(at left 50% top 50rem)
+PASS test unit (computed): rem - ellipse(at left 50% bottom 70rem)
+PASS test unit (computed): rem - ellipse(at left 50rem top 50%)
+PASS test unit (computed): rem - ellipse(at left 50rem top 50rem)
+PASS test unit (computed): rem - ellipse(at left 50rem bottom 70%)
+PASS test unit (computed): rem - ellipse(at left 50rem bottom 70rem)
+PASS test unit (computed): rem - ellipse(at top 50% left 50rem)
+PASS test unit (computed): rem - ellipse(at top 50% right 80rem)
+PASS test unit (computed): rem - ellipse(at top 50rem left 50%)
+PASS test unit (computed): rem - ellipse(at top 50rem left 50rem)
+PASS test unit (computed): rem - ellipse(at top 50rem right 80%)
+PASS test unit (computed): rem - ellipse(at top 50rem right 80rem)
+PASS test unit (computed): rem - ellipse(at bottom 70% left 50rem)
+PASS test unit (computed): rem - ellipse(at bottom 70% right 80rem)
+PASS test unit (computed): rem - ellipse(at bottom 70rem left 50%)
+PASS test unit (computed): rem - ellipse(at bottom 70rem left 50rem)
+PASS test unit (computed): rem - ellipse(at bottom 70rem right 80%)
+PASS test unit (computed): rem - ellipse(at bottom 70rem right 80rem)
+PASS test unit (computed): rem - ellipse(at right 80% top 50rem)
+PASS test unit (computed): rem - ellipse(at right 80% bottom 70rem)
+PASS test unit (computed): rem - ellipse(at right 80rem top 50%)
+PASS test unit (computed): rem - ellipse(at right 80rem top 50rem)
+PASS test unit (computed): rem - ellipse(at right 80rem bottom 70%)
+PASS test unit (computed): rem - ellipse(at right 80rem bottom 70rem)
+PASS test unit (computed): vw - ellipse(at 50vw)
+PASS test unit (computed): vw - ellipse(at 50% 50vw)
+PASS test unit (computed): vw - ellipse(at 50vw 50%)
+PASS test unit (computed): vw - ellipse(at 50vw 50vw)
+PASS test unit (computed): vw - ellipse(at left 50vw)
+PASS test unit (computed): vw - ellipse(at 50vw top)
+PASS test unit (computed): vw - ellipse(at right 80vw)
+PASS test unit (computed): vw - ellipse(at 70vw bottom)
+PASS test unit (computed): vw - ellipse(at center 60vw)
+PASS test unit (computed): vw - ellipse(at 60vw center)
+PASS test unit (computed): vw - ellipse(at center top 50vw)
+PASS test unit (computed): vw - ellipse(at center left 50vw)
+PASS test unit (computed): vw - ellipse(at center right 70vw)
+PASS test unit (computed): vw - ellipse(at center bottom 70vw)
+PASS test unit (computed): vw - ellipse(at left top 50vw)
+PASS test unit (computed): vw - ellipse(at left bottom 70vw)
+PASS test unit (computed): vw - ellipse(at top left 50vw)
+PASS test unit (computed): vw - ellipse(at top right 70vw)
+PASS test unit (computed): vw - ellipse(at bottom left 50vw)
+PASS test unit (computed): vw - ellipse(at bottom right 70vw)
+PASS test unit (computed): vw - ellipse(at right bottom 70vw)
+PASS test unit (computed): vw - ellipse(at right top 50vw)
+PASS test unit (computed): vw - ellipse(at left 50vw center)
+PASS test unit (computed): vw - ellipse(at left 50vw top)
+PASS test unit (computed): vw - ellipse(at left 50vw bottom)
+PASS test unit (computed): vw - ellipse(at top 50vw center)
+PASS test unit (computed): vw - ellipse(at top 50vw left)
+PASS test unit (computed): vw - ellipse(at top 50vw right)
+PASS test unit (computed): vw - ellipse(at bottom 70vw center)
+PASS test unit (computed): vw - ellipse(at bottom 70vw left)
+PASS test unit (computed): vw - ellipse(at bottom 70vw right)
+PASS test unit (computed): vw - ellipse(at right 80vw center)
+PASS test unit (computed): vw - ellipse(at right 80vw bottom)
+PASS test unit (computed): vw - ellipse(at right 80vw top)
+PASS test unit (computed): vw - ellipse(at left 50% top 50vw)
+PASS test unit (computed): vw - ellipse(at left 50% bottom 70vw)
+PASS test unit (computed): vw - ellipse(at left 50vw top 50%)
+PASS test unit (computed): vw - ellipse(at left 50vw top 50vw)
+PASS test unit (computed): vw - ellipse(at left 50vw bottom 70%)
+PASS test unit (computed): vw - ellipse(at left 50vw bottom 70vw)
+PASS test unit (computed): vw - ellipse(at top 50% left 50vw)
+PASS test unit (computed): vw - ellipse(at top 50% right 80vw)
+PASS test unit (computed): vw - ellipse(at top 50vw left 50%)
+PASS test unit (computed): vw - ellipse(at top 50vw left 50vw)
+PASS test unit (computed): vw - ellipse(at top 50vw right 80%)
+PASS test unit (computed): vw - ellipse(at top 50vw right 80vw)
+PASS test unit (computed): vw - ellipse(at bottom 70% left 50vw)
+PASS test unit (computed): vw - ellipse(at bottom 70% right 80vw)
+PASS test unit (computed): vw - ellipse(at bottom 70vw left 50%)
+PASS test unit (computed): vw - ellipse(at bottom 70vw left 50vw)
+PASS test unit (computed): vw - ellipse(at bottom 70vw right 80%)
+PASS test unit (computed): vw - ellipse(at bottom 70vw right 80vw)
+PASS test unit (computed): vw - ellipse(at right 80% top 50vw)
+PASS test unit (computed): vw - ellipse(at right 80% bottom 70vw)
+PASS test unit (computed): vw - ellipse(at right 80vw top 50%)
+PASS test unit (computed): vw - ellipse(at right 80vw top 50vw)
+PASS test unit (computed): vw - ellipse(at right 80vw bottom 70%)
+PASS test unit (computed): vw - ellipse(at right 80vw bottom 70vw)
+PASS test unit (computed): vh - ellipse(at 50vh)
+PASS test unit (computed): vh - ellipse(at 50% 50vh)
+PASS test unit (computed): vh - ellipse(at 50vh 50%)
+PASS test unit (computed): vh - ellipse(at 50vh 50vh)
+PASS test unit (computed): vh - ellipse(at left 50vh)
+PASS test unit (computed): vh - ellipse(at 50vh top)
+PASS test unit (computed): vh - ellipse(at right 80vh)
+PASS test unit (computed): vh - ellipse(at 70vh bottom)
+PASS test unit (computed): vh - ellipse(at center 60vh)
+PASS test unit (computed): vh - ellipse(at 60vh center)
+PASS test unit (computed): vh - ellipse(at center top 50vh)
+PASS test unit (computed): vh - ellipse(at center left 50vh)
+PASS test unit (computed): vh - ellipse(at center right 70vh)
+PASS test unit (computed): vh - ellipse(at center bottom 70vh)
+PASS test unit (computed): vh - ellipse(at left top 50vh)
+PASS test unit (computed): vh - ellipse(at left bottom 70vh)
+PASS test unit (computed): vh - ellipse(at top left 50vh)
+PASS test unit (computed): vh - ellipse(at top right 70vh)
+PASS test unit (computed): vh - ellipse(at bottom left 50vh)
+PASS test unit (computed): vh - ellipse(at bottom right 70vh)
+PASS test unit (computed): vh - ellipse(at right bottom 70vh)
+PASS test unit (computed): vh - ellipse(at right top 50vh)
+PASS test unit (computed): vh - ellipse(at left 50vh center)
+PASS test unit (computed): vh - ellipse(at left 50vh top)
+PASS test unit (computed): vh - ellipse(at left 50vh bottom)
+PASS test unit (computed): vh - ellipse(at top 50vh center)
+PASS test unit (computed): vh - ellipse(at top 50vh left)
+PASS test unit (computed): vh - ellipse(at top 50vh right)
+PASS test unit (computed): vh - ellipse(at bottom 70vh center)
+PASS test unit (computed): vh - ellipse(at bottom 70vh left)
+PASS test unit (computed): vh - ellipse(at bottom 70vh right)
+PASS test unit (computed): vh - ellipse(at right 80vh center)
+PASS test unit (computed): vh - ellipse(at right 80vh bottom)
+PASS test unit (computed): vh - ellipse(at right 80vh top)
+PASS test unit (computed): vh - ellipse(at left 50% top 50vh)
+PASS test unit (computed): vh - ellipse(at left 50% bottom 70vh)
+PASS test unit (computed): vh - ellipse(at left 50vh top 50%)
+PASS test unit (computed): vh - ellipse(at left 50vh top 50vh)
+PASS test unit (computed): vh - ellipse(at left 50vh bottom 70%)
+PASS test unit (computed): vh - ellipse(at left 50vh bottom 70vh)
+PASS test unit (computed): vh - ellipse(at top 50% left 50vh)
+PASS test unit (computed): vh - ellipse(at top 50% right 80vh)
+PASS test unit (computed): vh - ellipse(at top 50vh left 50%)
+PASS test unit (computed): vh - ellipse(at top 50vh left 50vh)
+PASS test unit (computed): vh - ellipse(at top 50vh right 80%)
+PASS test unit (computed): vh - ellipse(at top 50vh right 80vh)
+PASS test unit (computed): vh - ellipse(at bottom 70% left 50vh)
+PASS test unit (computed): vh - ellipse(at bottom 70% right 80vh)
+PASS test unit (computed): vh - ellipse(at bottom 70vh left 50%)
+PASS test unit (computed): vh - ellipse(at bottom 70vh left 50vh)
+PASS test unit (computed): vh - ellipse(at bottom 70vh right 80%)
+PASS test unit (computed): vh - ellipse(at bottom 70vh right 80vh)
+PASS test unit (computed): vh - ellipse(at right 80% top 50vh)
+PASS test unit (computed): vh - ellipse(at right 80% bottom 70vh)
+PASS test unit (computed): vh - ellipse(at right 80vh top 50%)
+PASS test unit (computed): vh - ellipse(at right 80vh top 50vh)
+PASS test unit (computed): vh - ellipse(at right 80vh bottom 70%)
+PASS test unit (computed): vh - ellipse(at right 80vh bottom 70vh)
+PASS test unit (computed): vmin - ellipse(at 50vmin)
+PASS test unit (computed): vmin - ellipse(at 50% 50vmin)
+PASS test unit (computed): vmin - ellipse(at 50vmin 50%)
+PASS test unit (computed): vmin - ellipse(at 50vmin 50vmin)
+PASS test unit (computed): vmin - ellipse(at left 50vmin)
+PASS test unit (computed): vmin - ellipse(at 50vmin top)
+PASS test unit (computed): vmin - ellipse(at right 80vmin)
+PASS test unit (computed): vmin - ellipse(at 70vmin bottom)
+PASS test unit (computed): vmin - ellipse(at center 60vmin)
+PASS test unit (computed): vmin - ellipse(at 60vmin center)
+PASS test unit (computed): vmin - ellipse(at center top 50vmin)
+PASS test unit (computed): vmin - ellipse(at center left 50vmin)
+PASS test unit (computed): vmin - ellipse(at center right 70vmin)
+PASS test unit (computed): vmin - ellipse(at center bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at left top 50vmin)
+PASS test unit (computed): vmin - ellipse(at left bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at top left 50vmin)
+PASS test unit (computed): vmin - ellipse(at top right 70vmin)
+PASS test unit (computed): vmin - ellipse(at bottom left 50vmin)
+PASS test unit (computed): vmin - ellipse(at bottom right 70vmin)
+PASS test unit (computed): vmin - ellipse(at right bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at right top 50vmin)
+PASS test unit (computed): vmin - ellipse(at left 50vmin center)
+PASS test unit (computed): vmin - ellipse(at left 50vmin top)
+PASS test unit (computed): vmin - ellipse(at left 50vmin bottom)
+PASS test unit (computed): vmin - ellipse(at top 50vmin center)
+PASS test unit (computed): vmin - ellipse(at top 50vmin left)
+PASS test unit (computed): vmin - ellipse(at top 50vmin right)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin center)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin left)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin right)
+PASS test unit (computed): vmin - ellipse(at right 80vmin center)
+PASS test unit (computed): vmin - ellipse(at right 80vmin bottom)
+PASS test unit (computed): vmin - ellipse(at right 80vmin top)
+PASS test unit (computed): vmin - ellipse(at left 50% top 50vmin)
+PASS test unit (computed): vmin - ellipse(at left 50% bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at left 50vmin top 50%)
+PASS test unit (computed): vmin - ellipse(at left 50vmin top 50vmin)
+PASS test unit (computed): vmin - ellipse(at left 50vmin bottom 70%)
+PASS test unit (computed): vmin - ellipse(at left 50vmin bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at top 50% left 50vmin)
+PASS test unit (computed): vmin - ellipse(at top 50% right 80vmin)
+PASS test unit (computed): vmin - ellipse(at top 50vmin left 50%)
+PASS test unit (computed): vmin - ellipse(at top 50vmin left 50vmin)
+PASS test unit (computed): vmin - ellipse(at top 50vmin right 80%)
+PASS test unit (computed): vmin - ellipse(at top 50vmin right 80vmin)
+PASS test unit (computed): vmin - ellipse(at bottom 70% left 50vmin)
+PASS test unit (computed): vmin - ellipse(at bottom 70% right 80vmin)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin left 50%)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin left 50vmin)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin right 80%)
+PASS test unit (computed): vmin - ellipse(at bottom 70vmin right 80vmin)
+PASS test unit (computed): vmin - ellipse(at right 80% top 50vmin)
+PASS test unit (computed): vmin - ellipse(at right 80% bottom 70vmin)
+PASS test unit (computed): vmin - ellipse(at right 80vmin top 50%)
+PASS test unit (computed): vmin - ellipse(at right 80vmin top 50vmin)
+PASS test unit (computed): vmin - ellipse(at right 80vmin bottom 70%)
+PASS test unit (computed): vmin - ellipse(at right 80vmin bottom 70vmin)
+PASS test unit (computed): vmax - ellipse(at 50vmax)
+PASS test unit (computed): vmax - ellipse(at 50% 50vmax)
+PASS test unit (computed): vmax - ellipse(at 50vmax 50%)
+PASS test unit (computed): vmax - ellipse(at 50vmax 50vmax)
+PASS test unit (computed): vmax - ellipse(at left 50vmax)
+PASS test unit (computed): vmax - ellipse(at 50vmax top)
+PASS test unit (computed): vmax - ellipse(at right 80vmax)
+PASS test unit (computed): vmax - ellipse(at 70vmax bottom)
+PASS test unit (computed): vmax - ellipse(at center 60vmax)
+PASS test unit (computed): vmax - ellipse(at 60vmax center)
+PASS test unit (computed): vmax - ellipse(at center top 50vmax)
+PASS test unit (computed): vmax - ellipse(at center left 50vmax)
+PASS test unit (computed): vmax - ellipse(at center right 70vmax)
+PASS test unit (computed): vmax - ellipse(at center bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at left top 50vmax)
+PASS test unit (computed): vmax - ellipse(at left bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at top left 50vmax)
+PASS test unit (computed): vmax - ellipse(at top right 70vmax)
+PASS test unit (computed): vmax - ellipse(at bottom left 50vmax)
+PASS test unit (computed): vmax - ellipse(at bottom right 70vmax)
+PASS test unit (computed): vmax - ellipse(at right bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at right top 50vmax)
+PASS test unit (computed): vmax - ellipse(at left 50vmax center)
+PASS test unit (computed): vmax - ellipse(at left 50vmax top)
+PASS test unit (computed): vmax - ellipse(at left 50vmax bottom)
+PASS test unit (computed): vmax - ellipse(at top 50vmax center)
+PASS test unit (computed): vmax - ellipse(at top 50vmax left)
+PASS test unit (computed): vmax - ellipse(at top 50vmax right)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax center)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax left)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax right)
+PASS test unit (computed): vmax - ellipse(at right 80vmax center)
+PASS test unit (computed): vmax - ellipse(at right 80vmax bottom)
+PASS test unit (computed): vmax - ellipse(at right 80vmax top)
+PASS test unit (computed): vmax - ellipse(at left 50% top 50vmax)
+PASS test unit (computed): vmax - ellipse(at left 50% bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at left 50vmax top 50%)
+PASS test unit (computed): vmax - ellipse(at left 50vmax top 50vmax)
+PASS test unit (computed): vmax - ellipse(at left 50vmax bottom 70%)
+PASS test unit (computed): vmax - ellipse(at left 50vmax bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at top 50% left 50vmax)
+PASS test unit (computed): vmax - ellipse(at top 50% right 80vmax)
+PASS test unit (computed): vmax - ellipse(at top 50vmax left 50%)
+PASS test unit (computed): vmax - ellipse(at top 50vmax left 50vmax)
+PASS test unit (computed): vmax - ellipse(at top 50vmax right 80%)
+PASS test unit (computed): vmax - ellipse(at top 50vmax right 80vmax)
+PASS test unit (computed): vmax - ellipse(at bottom 70% left 50vmax)
+PASS test unit (computed): vmax - ellipse(at bottom 70% right 80vmax)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax left 50%)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax left 50vmax)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax right 80%)
+PASS test unit (computed): vmax - ellipse(at bottom 70vmax right 80vmax)
+PASS test unit (computed): vmax - ellipse(at right 80% top 50vmax)
+PASS test unit (computed): vmax - ellipse(at right 80% bottom 70vmax)
+PASS test unit (computed): vmax - ellipse(at right 80vmax top 50%)
+PASS test unit (computed): vmax - ellipse(at right 80vmax top 50vmax)
+PASS test unit (computed): vmax - ellipse(at right 80vmax bottom 70%)
+PASS test unit (computed): vmax - ellipse(at right 80vmax bottom 70vmax)
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse - Position Length Units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="An ellipse's position arguments may in any valid <length> unit allowed by a <position> value.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildPositionTests("ellipse", true, 'lengthUnit + inline', ParsingUtils.validUnits) );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildPositionTests("ellipse", true, 'lengthUnit + computed', ParsingUtils.validUnits) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,236 @@
</span><ins>+
+PASS test unit: cm - ellipse(50cm) - inline
+PASS test unit: cm - ellipse(50cm 100cm) - inline
+PASS test unit: cm - ellipse(100cm 100px) - inline
+PASS test unit: cm - ellipse(50cm 25%) - inline
+PASS test unit: cm - ellipse(25% 50cm) - inline
+PASS test unit: cm - ellipse(25cm closest-side) - inline
+PASS test unit: cm - ellipse(closest-side 75cm) - inline
+PASS test unit: cm - ellipse(25cm farthest-side) - inline
+PASS test unit: cm - ellipse(farthest-side 75cm) - inline
+PASS test unit: mm - ellipse(50mm) - inline
+PASS test unit: mm - ellipse(50mm 100mm) - inline
+PASS test unit: mm - ellipse(100mm 100px) - inline
+PASS test unit: mm - ellipse(50mm 25%) - inline
+PASS test unit: mm - ellipse(25% 50mm) - inline
+PASS test unit: mm - ellipse(25mm closest-side) - inline
+PASS test unit: mm - ellipse(closest-side 75mm) - inline
+PASS test unit: mm - ellipse(25mm farthest-side) - inline
+PASS test unit: mm - ellipse(farthest-side 75mm) - inline
+PASS test unit: in - ellipse(50in) - inline
+PASS test unit: in - ellipse(50in 100in) - inline
+PASS test unit: in - ellipse(100in 100px) - inline
+PASS test unit: in - ellipse(50in 25%) - inline
+PASS test unit: in - ellipse(25% 50in) - inline
+PASS test unit: in - ellipse(25in closest-side) - inline
+PASS test unit: in - ellipse(closest-side 75in) - inline
+PASS test unit: in - ellipse(25in farthest-side) - inline
+PASS test unit: in - ellipse(farthest-side 75in) - inline
+PASS test unit: pt - ellipse(50pt) - inline
+PASS test unit: pt - ellipse(50pt 100pt) - inline
+PASS test unit: pt - ellipse(100pt 100px) - inline
+PASS test unit: pt - ellipse(50pt 25%) - inline
+PASS test unit: pt - ellipse(25% 50pt) - inline
+PASS test unit: pt - ellipse(25pt closest-side) - inline
+PASS test unit: pt - ellipse(closest-side 75pt) - inline
+PASS test unit: pt - ellipse(25pt farthest-side) - inline
+PASS test unit: pt - ellipse(farthest-side 75pt) - inline
+PASS test unit: pc - ellipse(50pc) - inline
+PASS test unit: pc - ellipse(50pc 100pc) - inline
+PASS test unit: pc - ellipse(100pc 100px) - inline
+PASS test unit: pc - ellipse(50pc 25%) - inline
+PASS test unit: pc - ellipse(25% 50pc) - inline
+PASS test unit: pc - ellipse(25pc closest-side) - inline
+PASS test unit: pc - ellipse(closest-side 75pc) - inline
+PASS test unit: pc - ellipse(25pc farthest-side) - inline
+PASS test unit: pc - ellipse(farthest-side 75pc) - inline
+PASS test unit: em - ellipse(50em) - inline
+PASS test unit: em - ellipse(50em 100em) - inline
+PASS test unit: em - ellipse(100em 100px) - inline
+PASS test unit: em - ellipse(50em 25%) - inline
+PASS test unit: em - ellipse(25% 50em) - inline
+PASS test unit: em - ellipse(25em closest-side) - inline
+PASS test unit: em - ellipse(closest-side 75em) - inline
+PASS test unit: em - ellipse(25em farthest-side) - inline
+PASS test unit: em - ellipse(farthest-side 75em) - inline
+PASS test unit: ex - ellipse(50ex) - inline
+PASS test unit: ex - ellipse(50ex 100ex) - inline
+PASS test unit: ex - ellipse(100ex 100px) - inline
+PASS test unit: ex - ellipse(50ex 25%) - inline
+PASS test unit: ex - ellipse(25% 50ex) - inline
+PASS test unit: ex - ellipse(25ex closest-side) - inline
+PASS test unit: ex - ellipse(closest-side 75ex) - inline
+PASS test unit: ex - ellipse(25ex farthest-side) - inline
+PASS test unit: ex - ellipse(farthest-side 75ex) - inline
+PASS test unit: ch - ellipse(50ch) - inline
+PASS test unit: ch - ellipse(50ch 100ch) - inline
+PASS test unit: ch - ellipse(100ch 100px) - inline
+PASS test unit: ch - ellipse(50ch 25%) - inline
+PASS test unit: ch - ellipse(25% 50ch) - inline
+PASS test unit: ch - ellipse(25ch closest-side) - inline
+PASS test unit: ch - ellipse(closest-side 75ch) - inline
+PASS test unit: ch - ellipse(25ch farthest-side) - inline
+PASS test unit: ch - ellipse(farthest-side 75ch) - inline
+PASS test unit: rem - ellipse(50rem) - inline
+PASS test unit: rem - ellipse(50rem 100rem) - inline
+PASS test unit: rem - ellipse(100rem 100px) - inline
+PASS test unit: rem - ellipse(50rem 25%) - inline
+PASS test unit: rem - ellipse(25% 50rem) - inline
+PASS test unit: rem - ellipse(25rem closest-side) - inline
+PASS test unit: rem - ellipse(closest-side 75rem) - inline
+PASS test unit: rem - ellipse(25rem farthest-side) - inline
+PASS test unit: rem - ellipse(farthest-side 75rem) - inline
+PASS test unit: vw - ellipse(50vw) - inline
+PASS test unit: vw - ellipse(50vw 100vw) - inline
+PASS test unit: vw - ellipse(100vw 100px) - inline
+PASS test unit: vw - ellipse(50vw 25%) - inline
+PASS test unit: vw - ellipse(25% 50vw) - inline
+PASS test unit: vw - ellipse(25vw closest-side) - inline
+PASS test unit: vw - ellipse(closest-side 75vw) - inline
+PASS test unit: vw - ellipse(25vw farthest-side) - inline
+PASS test unit: vw - ellipse(farthest-side 75vw) - inline
+PASS test unit: vh - ellipse(50vh) - inline
+PASS test unit: vh - ellipse(50vh 100vh) - inline
+PASS test unit: vh - ellipse(100vh 100px) - inline
+PASS test unit: vh - ellipse(50vh 25%) - inline
+PASS test unit: vh - ellipse(25% 50vh) - inline
+PASS test unit: vh - ellipse(25vh closest-side) - inline
+PASS test unit: vh - ellipse(closest-side 75vh) - inline
+PASS test unit: vh - ellipse(25vh farthest-side) - inline
+PASS test unit: vh - ellipse(farthest-side 75vh) - inline
+PASS test unit: vmin - ellipse(50vmin) - inline
+PASS test unit: vmin - ellipse(50vmin 100vmin) - inline
+PASS test unit: vmin - ellipse(100vmin 100px) - inline
+PASS test unit: vmin - ellipse(50vmin 25%) - inline
+PASS test unit: vmin - ellipse(25% 50vmin) - inline
+PASS test unit: vmin - ellipse(25vmin closest-side) - inline
+PASS test unit: vmin - ellipse(closest-side 75vmin) - inline
+PASS test unit: vmin - ellipse(25vmin farthest-side) - inline
+PASS test unit: vmin - ellipse(farthest-side 75vmin) - inline
+PASS test unit: vmax - ellipse(50vmax) - inline
+PASS test unit: vmax - ellipse(50vmax 100vmax) - inline
+PASS test unit: vmax - ellipse(100vmax 100px) - inline
+PASS test unit: vmax - ellipse(50vmax 25%) - inline
+PASS test unit: vmax - ellipse(25% 50vmax) - inline
+PASS test unit: vmax - ellipse(25vmax closest-side) - inline
+PASS test unit: vmax - ellipse(closest-side 75vmax) - inline
+PASS test unit: vmax - ellipse(25vmax farthest-side) - inline
+PASS test unit: vmax - ellipse(farthest-side 75vmax) - inline
+PASS test unit: cm - ellipse(50cm) - computed
+PASS test unit: cm - ellipse(50cm 100cm) - computed
+PASS test unit: cm - ellipse(100cm 100px) - computed
+PASS test unit: cm - ellipse(50cm 25%) - computed
+PASS test unit: cm - ellipse(25% 50cm) - computed
+PASS test unit: cm - ellipse(25cm closest-side) - computed
+PASS test unit: cm - ellipse(closest-side 75cm) - computed
+PASS test unit: cm - ellipse(25cm farthest-side) - computed
+PASS test unit: cm - ellipse(farthest-side 75cm) - computed
+PASS test unit: mm - ellipse(50mm) - computed
+PASS test unit: mm - ellipse(50mm 100mm) - computed
+PASS test unit: mm - ellipse(100mm 100px) - computed
+PASS test unit: mm - ellipse(50mm 25%) - computed
+PASS test unit: mm - ellipse(25% 50mm) - computed
+PASS test unit: mm - ellipse(25mm closest-side) - computed
+PASS test unit: mm - ellipse(closest-side 75mm) - computed
+PASS test unit: mm - ellipse(25mm farthest-side) - computed
+PASS test unit: mm - ellipse(farthest-side 75mm) - computed
+PASS test unit: in - ellipse(50in) - computed
+PASS test unit: in - ellipse(50in 100in) - computed
+PASS test unit: in - ellipse(100in 100px) - computed
+PASS test unit: in - ellipse(50in 25%) - computed
+PASS test unit: in - ellipse(25% 50in) - computed
+PASS test unit: in - ellipse(25in closest-side) - computed
+PASS test unit: in - ellipse(closest-side 75in) - computed
+PASS test unit: in - ellipse(25in farthest-side) - computed
+PASS test unit: in - ellipse(farthest-side 75in) - computed
+PASS test unit: pt - ellipse(50pt) - computed
+PASS test unit: pt - ellipse(50pt 100pt) - computed
+PASS test unit: pt - ellipse(100pt 100px) - computed
+PASS test unit: pt - ellipse(50pt 25%) - computed
+PASS test unit: pt - ellipse(25% 50pt) - computed
+PASS test unit: pt - ellipse(25pt closest-side) - computed
+PASS test unit: pt - ellipse(closest-side 75pt) - computed
+PASS test unit: pt - ellipse(25pt farthest-side) - computed
+PASS test unit: pt - ellipse(farthest-side 75pt) - computed
+PASS test unit: pc - ellipse(50pc) - computed
+PASS test unit: pc - ellipse(50pc 100pc) - computed
+PASS test unit: pc - ellipse(100pc 100px) - computed
+PASS test unit: pc - ellipse(50pc 25%) - computed
+PASS test unit: pc - ellipse(25% 50pc) - computed
+PASS test unit: pc - ellipse(25pc closest-side) - computed
+PASS test unit: pc - ellipse(closest-side 75pc) - computed
+PASS test unit: pc - ellipse(25pc farthest-side) - computed
+PASS test unit: pc - ellipse(farthest-side 75pc) - computed
+PASS test unit: em - ellipse(50em) - computed
+PASS test unit: em - ellipse(50em 100em) - computed
+PASS test unit: em - ellipse(100em 100px) - computed
+PASS test unit: em - ellipse(50em 25%) - computed
+PASS test unit: em - ellipse(25% 50em) - computed
+PASS test unit: em - ellipse(25em closest-side) - computed
+PASS test unit: em - ellipse(closest-side 75em) - computed
+PASS test unit: em - ellipse(25em farthest-side) - computed
+PASS test unit: em - ellipse(farthest-side 75em) - computed
+PASS test unit: ex - ellipse(50ex) - computed
+PASS test unit: ex - ellipse(50ex 100ex) - computed
+PASS test unit: ex - ellipse(100ex 100px) - computed
+PASS test unit: ex - ellipse(50ex 25%) - computed
+PASS test unit: ex - ellipse(25% 50ex) - computed
+PASS test unit: ex - ellipse(25ex closest-side) - computed
+PASS test unit: ex - ellipse(closest-side 75ex) - computed
+PASS test unit: ex - ellipse(25ex farthest-side) - computed
+PASS test unit: ex - ellipse(farthest-side 75ex) - computed
+PASS test unit: ch - ellipse(50ch) - computed
+PASS test unit: ch - ellipse(50ch 100ch) - computed
+PASS test unit: ch - ellipse(100ch 100px) - computed
+PASS test unit: ch - ellipse(50ch 25%) - computed
+PASS test unit: ch - ellipse(25% 50ch) - computed
+PASS test unit: ch - ellipse(25ch closest-side) - computed
+PASS test unit: ch - ellipse(closest-side 75ch) - computed
+PASS test unit: ch - ellipse(25ch farthest-side) - computed
+PASS test unit: ch - ellipse(farthest-side 75ch) - computed
+PASS test unit: rem - ellipse(50rem) - computed
+PASS test unit: rem - ellipse(50rem 100rem) - computed
+PASS test unit: rem - ellipse(100rem 100px) - computed
+PASS test unit: rem - ellipse(50rem 25%) - computed
+PASS test unit: rem - ellipse(25% 50rem) - computed
+PASS test unit: rem - ellipse(25rem closest-side) - computed
+PASS test unit: rem - ellipse(closest-side 75rem) - computed
+PASS test unit: rem - ellipse(25rem farthest-side) - computed
+PASS test unit: rem - ellipse(farthest-side 75rem) - computed
+PASS test unit: vw - ellipse(50vw) - computed
+PASS test unit: vw - ellipse(50vw 100vw) - computed
+PASS test unit: vw - ellipse(100vw 100px) - computed
+PASS test unit: vw - ellipse(50vw 25%) - computed
+PASS test unit: vw - ellipse(25% 50vw) - computed
+PASS test unit: vw - ellipse(25vw closest-side) - computed
+PASS test unit: vw - ellipse(closest-side 75vw) - computed
+PASS test unit: vw - ellipse(25vw farthest-side) - computed
+PASS test unit: vw - ellipse(farthest-side 75vw) - computed
+PASS test unit: vh - ellipse(50vh) - computed
+PASS test unit: vh - ellipse(50vh 100vh) - computed
+PASS test unit: vh - ellipse(100vh 100px) - computed
+PASS test unit: vh - ellipse(50vh 25%) - computed
+PASS test unit: vh - ellipse(25% 50vh) - computed
+PASS test unit: vh - ellipse(25vh closest-side) - computed
+PASS test unit: vh - ellipse(closest-side 75vh) - computed
+PASS test unit: vh - ellipse(25vh farthest-side) - computed
+PASS test unit: vh - ellipse(farthest-side 75vh) - computed
+PASS test unit: vmin - ellipse(50vmin) - computed
+PASS test unit: vmin - ellipse(50vmin 100vmin) - computed
+PASS test unit: vmin - ellipse(100vmin 100px) - computed
+PASS test unit: vmin - ellipse(50vmin 25%) - computed
+PASS test unit: vmin - ellipse(25% 50vmin) - computed
+PASS test unit: vmin - ellipse(25vmin closest-side) - computed
+PASS test unit: vmin - ellipse(closest-side 75vmin) - computed
+PASS test unit: vmin - ellipse(25vmin farthest-side) - computed
+PASS test unit: vmin - ellipse(farthest-side 75vmin) - computed
+PASS test unit: vmax - ellipse(50vmax) - computed
+PASS test unit: vmax - ellipse(50vmax 100vmax) - computed
+PASS test unit: vmax - ellipse(100vmax 100px) - computed
+PASS test unit: vmax - ellipse(50vmax 25%) - computed
+PASS test unit: vmax - ellipse(25% 50vmax) - computed
+PASS test unit: vmax - ellipse(25vmax closest-side) - computed
+PASS test unit: vmax - ellipse(closest-side 75vmax) - computed
+PASS test unit: vmax - ellipse(25vmax farthest-side) - computed
+PASS test unit: vmax - ellipse(farthest-side 75vmax) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Valid Radii - length units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An ellipse's radii may be in any valid length unit.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildRadiiTests('ellipse', 'lengthUnit + inline', ParsingUtils.validUnits));
+ generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildRadiiTests('ellipse', 'lengthUnit + computed', ParsingUtils.validUnits));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse006expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+
+PASS ellipse(+10px +20px) - inline
+PASS ellipse(+30px 40px) - inline
+PASS ellipse(50px +60px) - inline
+PASS ellipse(+10.00px +20.230px) - inline
+PASS ellipse(+30.00px 40.567px) - inline
+PASS ellipse(50.10px +60.7px) - inline
+PASS ellipse(+10% +20%) - inline
+PASS ellipse(+30% 40%) - inline
+PASS ellipse(+50% +60%) - inline
+PASS ellipse(+10.00% +20.230%) - inline
+PASS ellipse(+30.00% 40.567%) - inline
+PASS ellipse(50.10% +60.7%) - inline
+PASS ellipse(+10px +20px) - computed
+PASS ellipse(+30px 40px) - computed
+PASS ellipse(50px +60px) - computed
+PASS ellipse(+10.00px +20.230px) - computed
+PASS ellipse(+30.00px 40.567px) - computed
+PASS ellipse(50.10px +60.7px) - computed
+PASS ellipse(+10% +20%) - computed
+PASS ellipse(+30% 40%) - computed
+PASS ellipse(+50% +60%) - computed
+PASS ellipse(+10.00% +20.230%) - computed
+PASS ellipse(+30.00% 40.567%) - computed
+PASS ellipse(50.10% +60.7%) - computed
+PASS ellipse(-10px -20px) - invalid
+PASS ellipse(-30px 40px) - invalid
+PASS ellipse(50px -60px) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,95 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Radii - positive/negative, decimal/non-decimal</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An ellipse's radii may be in signed positive or decimal/non-decimal format. Negative
+ radii are invalid.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_ellipse_radii_tests = [
+ {
+ "actual": "ellipse(+10px +20px)",
+ "expected_inline": "ellipse(10px 20px at 50% 50%)",
+ "expected_computed": "ellipse(10px 20px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+30px 40px)",
+ "expected_inline": "ellipse(30px 40px at 50% 50%)",
+ "expected_computed": "ellipse(30px 40px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(50px +60px)",
+ "expected_inline": "ellipse(50px 60px at 50% 50%)",
+ "expected_computed": "ellipse(50px 60px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+10.00px +20.230px)",
+ "expected_inline": "ellipse(10px 20.23px at 50% 50%)",
+ "expected_computed": "ellipse(10px 20.23px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+30.00px 40.567px)",
+ "expected_inline": "ellipse(30px 40.567px at 50% 50%)",
+ "expected_computed": "ellipse(30px 40.567px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(50.10px +60.7px)",
+ "expected_inline": "ellipse(50.1px 60.7px at 50% 50%)",
+ "expected_computed": "ellipse(50.1px 60.7px at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+10% +20%)",
+ "expected_inline": "ellipse(10% 20% at 50% 50%)",
+ "expected_computed": "ellipse(10% 20% at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+30% 40%)",
+ "expected_inline": "ellipse(30% 40% at 50% 50%)",
+ "expected_computed": "ellipse(30% 40% at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+50% +60%)",
+ "expected_inline": "ellipse(50% 60% at 50% 50%)",
+ "expected_computed": "ellipse(50% 60% at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+10.00% +20.230%)",
+ "expected_inline": "ellipse(10% 20.23% at 50% 50%)",
+ "expected_computed": "ellipse(10% 20.23% at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(+30.00% 40.567%)",
+ "expected_inline": "ellipse(30% 40.567% at 50% 50%)",
+ "expected_computed": "ellipse(30% 40.567% at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(50.10% +60.7%)",
+ "expected_inline": "ellipse(50.1% 60.7% at 50% 50%)",
+ "expected_computed": "ellipse(50.1% 60.7% at 50% 50%)"
+ }
+ ];
+ invalid_ellipse_radii_tests = [
+ {"name": "ellipse(-10px -20px)"},
+ {"name": "ellipse(-30px 40px)"},
+ {"name": "ellipse(50px -60px)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_radii_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_radii_tests, "computed") );
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_ellipse_radii_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse007expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+
+PASS ellipse(foo) - invalid
+PASS ellipse(10) - invalid
+PASS ellipse(20px 30px 40px) - invalid
+PASS ellipse(20% 30% 40%) - invalid
+PASS ellipse(20px, 30px, 40px) - invalid
+PASS ellipse(20%, 30%, 40%) - invalid
+PASS ellipse(20px 30px closest-side) - invalid
+PASS ellipse(20px 30px farthest-side) - invalid
+PASS ellipse(closest-side 20px 30px) - invalid
+PASS ellipse(farthest-side 20px 30px) - invalid
+PASS ellipse(20% 30% closest-side) - invalid
+PASS ellipse(20% 30% farthest-side) - invalid
+PASS ellipse(closest-side 20% 30%) - invalid
+PASS ellipse(farthest-side 20% 30%) - invalid
+PASS ellipse(closest-side farthest-side 20px) - invalid
+PASS ellipse(closest-side farthest-side 20%) - invalid
+PASS ellipse(farthest-side closest-side closest-side) - invalid
+PASS ellipse(farthest-side, closest-side, closest-side) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Radii - invalid args</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="This test verifies that invalid shape-radius arguments on ellipse() don't parse.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_ellipse_radiii_tests = [
+ {"name": "ellipse(foo)"},
+ {"name": "ellipse(10)"},
+ {"name": "ellipse(20px 30px 40px)"},
+ {"name": "ellipse(20% 30% 40%)"},
+ {"name": "ellipse(20px, 30px, 40px)"},
+ {"name": "ellipse(20%, 30%, 40%)"},
+ {"name": "ellipse(20px 30px closest-side)"},
+ {"name": "ellipse(20px 30px farthest-side)"},
+ {"name": "ellipse(closest-side 20px 30px)"},
+ {"name": "ellipse(farthest-side 20px 30px)"},
+ {"name": "ellipse(20% 30% closest-side)"},
+ {"name": "ellipse(20% 30% farthest-side)"},
+ {"name": "ellipse(closest-side 20% 30%)"},
+ {"name": "ellipse(farthest-side 20% 30%)"},
+ {"name": "ellipse(closest-side farthest-side 20px)"},
+ {"name": "ellipse(closest-side farthest-side 20%)"},
+ {"name": "ellipse(farthest-side closest-side closest-side)"},
+ {"name": "ellipse(farthest-side, closest-side, closest-side)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_ellipse_radiii_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse008expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+
+PASS ellipse(at foo) - invalid
+PASS ellipse(at 50) - invalid
+PASS ellipse(at 10px 20px 30px) - invalid
+PASS ellipse(at 20% 30% 40%) - invalid
+PASS ellipse(at 20px, 30px) - invalid
+PASS ellipse(at 20%, 30%) - invalid
+PASS ellipse(at 20px, 30px, 40px) - invalid
+PASS ellipse(at 20%, 30%, 40%) - invalid
+PASS ellipse(at closest-side) - invalid
+PASS ellipse(at farthest-side) - invalid
+PASS ellipse(at 20px 30px closest-side) - invalid
+PASS ellipse(at 20px 30px farthest-side) - invalid
+PASS ellipse(at 20px 30px foo) - invalid
+PASS ellipse(at closest-side 20px 30px) - invalid
+PASS ellipse(at farthest-side 20px 30px) - invalid
+PASS ellipse(at 20% 30% closest-side) - invalid
+PASS ellipse(at 20% 30% farthest-side) - invalid
+PASS ellipse(at closest-side 20% 30%) - invalid
+PASS ellipse(at farthest-side 20% 30%) - invalid
+PASS ellipse(at closest-side farthest-side 20px) - invalid
+PASS ellipse(at closest-side farthest-side 20%) - invalid
+PASS ellipse(at farthest-side closest-side closest-side) - invalid
+PASS ellipse(at farthest-side, closest-side, closest-side) - invalid
+PASS ellipse(at left 50x top 50px bottom) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Invalid Position Argument Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="This test verifies that invalid position arguments on ellipse() don't parse">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_ellipse_position_tests = [
+ {"name": "ellipse(at foo)"},
+ {"name": "ellipse(at 50)"},
+ {"name": "ellipse(at 10px 20px 30px)"},
+ {"name": "ellipse(at 20% 30% 40%)"},
+ {"name": "ellipse(at 20px, 30px)"},
+ {"name": "ellipse(at 20%, 30%)"},
+ {"name": "ellipse(at 20px, 30px, 40px)"},
+ {"name": "ellipse(at 20%, 30%, 40%)"},
+ {"name": "ellipse(at closest-side)"},
+ {"name": "ellipse(at farthest-side)"},
+ {"name": "ellipse(at 20px 30px closest-side)"},
+ {"name": "ellipse(at 20px 30px farthest-side)"},
+ {"name": "ellipse(at 20px 30px foo)"},
+ {"name": "ellipse(at closest-side 20px 30px)"},
+ {"name": "ellipse(at farthest-side 20px 30px)"},
+ {"name": "ellipse(at 20% 30% closest-side)"},
+ {"name": "ellipse(at 20% 30% farthest-side)"},
+ {"name": "ellipse(at closest-side 20% 30%)"},
+ {"name": "ellipse(at farthest-side 20% 30%)"},
+ {"name": "ellipse(at closest-side farthest-side 20px)"},
+ {"name": "ellipse(at closest-side farthest-side 20%)"},
+ {"name": "ellipse(at farthest-side closest-side closest-side)"},
+ {"name": "ellipse(at farthest-side, closest-side, closest-side)"},
+ {"name": "ellipse(at left 50x top 50px bottom)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_ellipse_position_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse009expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+
+PASS ellipse(at +50px) - inline
+PASS ellipse(at -50px) - inline
+PASS ellipse(at +50%) - inline
+PASS ellipse(at -50%) - inline
+PASS ellipse(at left +50px) - inline
+PASS ellipse(at left +50%) - inline
+PASS ellipse(at right -50px) - inline
+PASS ellipse(at right -50%) - inline
+PASS ellipse(at +50px top) - inline
+PASS ellipse(at +50% top) - inline
+PASS ellipse(at -50px bottom) - inline
+PASS ellipse(at -50% bottom) - inline
+PASS ellipse(at +50px +50px) - inline
+PASS ellipse(at +50% +50%) - inline
+PASS ellipse(at -50px -50px) - inline
+PASS ellipse(at +50px -50px) - inline
+PASS ellipse(at -50px +50px) - inline
+PASS ellipse(at +50% -50%) - inline
+PASS ellipse(at -50% +50%) - inline
+PASS ellipse(at +50px) - computed
+PASS ellipse(at -50px) - computed
+PASS ellipse(at +50%) - computed
+PASS ellipse(at -50%) - computed
+PASS ellipse(at left +50px) - computed
+PASS ellipse(at left +50%) - computed
+PASS ellipse(at right -50px) - computed
+PASS ellipse(at right -50%) - computed
+PASS ellipse(at +50px top) - computed
+PASS ellipse(at +50% top) - computed
+PASS ellipse(at -50px bottom) - computed
+PASS ellipse(at -50% bottom) - computed
+PASS ellipse(at +50px +50px) - computed
+PASS ellipse(at +50% +50%) - computed
+PASS ellipse(at -50px -50px) - computed
+PASS ellipse(at +50px -50px) - computed
+PASS ellipse(at -50px +50px) - computed
+PASS ellipse(at +50% -50%) - computed
+PASS ellipse(at -50% +50%) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse009html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,123 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse Position Arguments - positive/negative, decimal/non-decimal</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An ellipse's position arguments may be in signed positive/negative or
+ decimal/non-decimal format.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_ellipse_radii_tests = [
+ {
+ "actual": "ellipse(at +50px)",
+ "expected_inline": "ellipse(at 50px 50%)",
+ "expected_computed": "ellipse(at 50px 50%)"
+ },
+ {
+ "actual": "ellipse(at -50px)",
+ "expected_inline": "ellipse(at -50px 50%)",
+ "expected_computed": "ellipse(at -50px 50%)"
+ },
+ {
+ "actual": "ellipse(at +50%)",
+ "expected_inline": "ellipse(at 50% 50%)",
+ "expected_computed": "ellipse(at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(at -50%)",
+ "expected_inline": "ellipse(at -50% 50%)",
+ "expected_computed": "ellipse(at -50% 50%)"
+ },
+ {
+ "actual": "ellipse(at left +50px)",
+ "expected_inline": "ellipse(at 0% 50px)",
+ "expected_computed": "ellipse(at 0% 50px)"
+ },
+ {
+ "actual": "ellipse(at left +50%)",
+ "expected_inline": "ellipse(at 0% 50%)",
+ "expected_computed": "ellipse(at 0% 50%)"
+ },
+ {
+ "actual": "ellipse(at right -50px)",
+ "expected_inline": "ellipse(at 100% -50px)",
+ "expected_computed": "ellipse(at 100% -50px)"
+ },
+ {
+ "actual": "ellipse(at right -50%)",
+ "expected_inline": "ellipse(at 100% -50%)",
+ "expected_computed": "ellipse(at 100% -50%)"
+ },
+ {
+ "actual": "ellipse(at +50px top)",
+ "expected_inline": "ellipse(at 50px 0%)",
+ "expected_computed": "ellipse(at 50px 0%)"
+ },
+ {
+ "actual": "ellipse(at +50% top)",
+ "expected_inline": "ellipse(at 50% 0%)",
+ "expected_computed": "ellipse(at 50% 0%)"
+ },
+ {
+ "actual": "ellipse(at -50px bottom)",
+ "expected_inline": "ellipse(at -50px 100%)",
+ "expected_computed": "ellipse(at -50px 100%)"
+ },
+ {
+ "actual": "ellipse(at -50% bottom)",
+ "expected_inline": "ellipse(at -50% 100%)",
+ "expected_computed": "ellipse(at -50% 100%)"
+ },
+ {
+ "actual": "ellipse(at +50px +50px)",
+ "expected_inline": "ellipse(at 50px 50px)",
+ "expected_computed": "ellipse(at 50px 50px)"
+ },
+ {
+ "actual": "ellipse(at +50% +50%)",
+ "expected_inline": "ellipse(at 50% 50%)",
+ "expected_computed": "ellipse(at 50% 50%)"
+ },
+ {
+ "actual": "ellipse(at -50px -50px)",
+ "expected_inline": "ellipse(at -50px -50px)",
+ "expected_computed": "ellipse(at -50px -50px)"
+ },
+ {
+ "actual": "ellipse(at +50px -50px)",
+ "expected_inline": "ellipse(at 50px -50px)",
+ "expected_computed": "ellipse(at 50px -50px)"
+ },
+ {
+ "actual": "ellipse(at -50px +50px)",
+ "expected_inline": "ellipse(at -50px 50px)",
+ "expected_computed": "ellipse(at -50px 50px)"
+ },
+ {
+ "actual": "ellipse(at +50% -50%)",
+ "expected_inline": "ellipse(at 50% -50%)",
+ "expected_computed": "ellipse(at 50% -50%)"
+ },
+ {
+ "actual": "ellipse(at -50% +50%)",
+ "expected_inline": "ellipse(at -50% 50%)",
+ "expected_computed": "ellipse(at -50% 50%)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_radii_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_ellipse_radii_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse010expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+
+PASS ellipse(calc(10in)) - inline style
+PASS ellipse(calc(10in + 20px)) - inline style
+PASS ellipse(calc(30%)) - inline style
+PASS ellipse(calc(100%/4)) - inline style
+PASS ellipse(calc(25%*3)) - inline style
+PASS ellipse(calc(25%*3 - 10in)) - inline style
+PASS ellipse(calc((12.5%*6 + 10in) / 4)) - inline style
+PASS ellipse(farthest-side calc(10in)) - inline style
+PASS ellipse(farthest-side calc(10in + 20px)) - inline style
+PASS ellipse(farthest-side calc(30%)) - inline style
+PASS ellipse(farthest-side calc(100%/4)) - inline style
+PASS ellipse(farthest-side calc(25%*3)) - inline style
+PASS ellipse(farthest-side calc(25%*3 - 10in)) - inline style
+PASS ellipse(farthest-side calc((12.5%*6 + 10in) / 4)) - inline style
+PASS ellipse(calc(10in) calc(10in)) - inline style
+PASS ellipse(calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS ellipse(calc(30%) calc(30%)) - inline style
+PASS ellipse(calc(100%/4) calc(100%/4)) - inline style
+PASS ellipse(calc(25%*3) calc(25%*3)) - inline style
+PASS ellipse(calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS ellipse(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS ellipse(calc(10in)) - computed style
+PASS ellipse(calc(10in + 20px)) - computed style
+PASS ellipse(calc(30%)) - computed style
+PASS ellipse(calc(100%/4)) - computed style
+PASS ellipse(calc(25%*3)) - computed style
+PASS ellipse(calc(25%*3 - 10in)) - computed style
+PASS ellipse(calc((12.5%*6 + 10in) / 4)) - computed style
+PASS ellipse(farthest-side calc(10in)) - computed style
+PASS ellipse(farthest-side calc(10in + 20px)) - computed style
+PASS ellipse(farthest-side calc(30%)) - computed style
+PASS ellipse(farthest-side calc(100%/4)) - computed style
+PASS ellipse(farthest-side calc(25%*3)) - computed style
+PASS ellipse(farthest-side calc(25%*3 - 10in)) - computed style
+PASS ellipse(farthest-side calc((12.5%*6 + 10in) / 4)) - computed style
+PASS ellipse(calc(10in) calc(10in)) - computed style
+PASS ellipse(calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS ellipse(calc(30%) calc(30%)) - computed style
+PASS ellipse(calc(100%/4) calc(100%/4)) - computed style
+PASS ellipse(calc(25%*3) calc(25%*3)) - computed style
+PASS ellipse(calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS ellipse(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="An ellipse's arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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]' && 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse011expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+
+PASS ellipse(at calc(10in) 50%) - inline style
+PASS ellipse(at calc(10in + 20px) 50%) - inline style
+PASS ellipse(at calc(30%) 50%) - inline style
+PASS ellipse(at calc(100%/4) 50%) - inline style
+PASS ellipse(at calc(25%*3) 50%) - inline style
+PASS ellipse(at calc(25%*3 - 10in) 50%) - inline style
+PASS ellipse(at calc((12.5%*6 + 10in) / 4) 50%) - inline style
+PASS ellipse(farthest-side at calc(10in) 50%) - inline style
+PASS ellipse(farthest-side at calc(10in + 20px) 50%) - inline style
+PASS ellipse(farthest-side at calc(30%) 50%) - inline style
+PASS ellipse(farthest-side at calc(100%/4) 50%) - inline style
+PASS ellipse(farthest-side at calc(25%*3) 50%) - inline style
+PASS ellipse(farthest-side at calc(25%*3 - 10in) 50%) - inline style
+PASS ellipse(farthest-side at calc((12.5%*6 + 10in) / 4) 50%) - inline style
+PASS ellipse(closest-side farthest-side at calc(10in) calc(10in)) - inline style
+PASS ellipse(closest-side farthest-side at calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS ellipse(closest-side farthest-side at calc(30%) calc(30%)) - inline style
+PASS ellipse(closest-side farthest-side at calc(100%/4) calc(100%/4)) - inline style
+PASS ellipse(closest-side farthest-side at calc(25%*3) calc(25%*3)) - inline style
+PASS ellipse(closest-side farthest-side at calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS ellipse(closest-side farthest-side at calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS ellipse(at calc(10in) 50%) - computed style
+PASS ellipse(at calc(10in + 20px) 50%) - computed style
+PASS ellipse(at calc(30%) 50%) - computed style
+PASS ellipse(at calc(100%/4) 50%) - computed style
+PASS ellipse(at calc(25%*3) 50%) - computed style
+PASS ellipse(at calc(25%*3 - 10in) 50%) - computed style
+PASS ellipse(at calc((12.5%*6 + 10in) / 4) 50%) - computed style
+PASS ellipse(farthest-side at calc(10in) 50%) - computed style
+PASS ellipse(farthest-side at calc(10in + 20px) 50%) - computed style
+PASS ellipse(farthest-side at calc(30%) 50%) - computed style
+PASS ellipse(farthest-side at calc(100%/4) 50%) - computed style
+PASS ellipse(farthest-side at calc(25%*3) 50%) - computed style
+PASS ellipse(farthest-side at calc(25%*3 - 10in) 50%) - computed style
+PASS ellipse(farthest-side at calc((12.5%*6 + 10in) / 4) 50%) - computed style
+PASS ellipse(closest-side farthest-side at calc(10in) calc(10in)) - computed style
+PASS ellipse(closest-side farthest-side at calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS ellipse(closest-side farthest-side at calc(30%) calc(30%)) - computed style
+PASS ellipse(closest-side farthest-side at calc(100%/4) calc(100%/4)) - computed style
+PASS ellipse(closest-side farthest-side at calc(25%*3) calc(25%*3)) - computed style
+PASS ellipse(closest-side farthest-side at calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS ellipse(closest-side farthest-side at calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideellipse011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Ellipse position args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="An ellipse's <position> arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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]' && 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+
+PASS 1 inset - inline
+PASS 2 insets - inline
+PASS 3 insets - inline
+PASS 4 insets - inline
+PASS 1 inset and round - inline
+PASS 2 insets and round - inline
+PASS 3 insets and round - inline
+PASS 4 insets and round - inline
+PASS 1 inset - computed
+PASS 2 insets - computed
+PASS 3 insets - computed
+PASS 4 insets - computed
+PASS 1 inset and round - computed
+PASS 2 insets and round - computed
+PASS 3 insets and round - computed
+PASS 4 insets and round - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Valid Formats</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An inset has 1 to 4 insets, and optional border radii that follow the border-radius format">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_inset_tests = [
+ {
+ "name": "1 inset",
+ "actual": "inset(10px)",
+ "expected_inline": "inset(10px)",
+ "expected_computed": "inset(10px)"
+ },
+ {
+ "name": "2 insets",
+ "actual": "inset(10px 20px)",
+ "expected_inline": "inset(10px 20px)",
+ "expected_computed": "inset(10px 20px)"
+ },
+ {
+ "name": "3 insets",
+ "actual": "inset(10px 20px 30px)",
+ "expected_inline": "inset(10px 20px 30px)",
+ "expected_computed": "inset(10px 20px 30px)"
+ },
+ {
+ "name": "4 insets",
+ "actual": "inset(10px 20px 30px 40px)",
+ "expected_inline": "inset(10px 20px 30px 40px)",
+ "expected_computed": "inset(10px 20px 30px 40px)"
+ },
+ {
+ "name": "1 inset and round",
+ "actual": "inset(10px round 20px)",
+ "expected_inline": "inset(10px round 20px)",
+ "expected_computed": "inset(10px round 20px)"
+ },
+ {
+ "name": "2 insets and round",
+ "actual": "inset(10px 20px round 30px)",
+ "expected_inline": "inset(10px 20px round 30px)",
+ "expected_computed": "inset(10px 20px round 30px)"
+ },
+ {
+ "name": "3 insets and round",
+ "actual": "inset(10px 20px 30px round 40px)",
+ "expected_inline": "inset(10px 20px 30px round 40px)",
+ "expected_computed": "inset(10px 20px 30px round 40px)"
+ },
+ {
+ "name": "4 insets and round",
+ "actual": "inset(10px 20px 30px 40px round 50px)",
+ "expected_inline": "inset(10px 20px 30px 40px round 50px)",
+ "expected_computed": "inset(10px 20px 30px 40px round 50px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_inset_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_inset_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,686 @@
</span><ins>+
+PASS One arg - cm - inline
+PASS One arg - % - inline
+PASS Two args - cm cm - inline
+PASS Two args - cm % - inline
+PASS Two args - % cm - inline
+PASS Two args - % % - inline
+PASS Three args - cm cm cm - inline
+PASS Three args - cm cm % - inline
+PASS Three args - cm % cm - inline
+PASS Three args - cm % % - inline
+PASS Three args - % cm cm - inline
+PASS Three args - % cm % - inline
+PASS Three args - % % cm - inline
+PASS Three args - % % % - inline
+PASS Four args - cm cm cm cm - inline
+PASS Four args - cm cm cm % - inline
+PASS Four args - cm cm % cm - inline
+PASS Four args - cm cm % % - inline
+PASS Four args - cm % cm cm - inline
+PASS Four args - cm % cm % - inline
+PASS Four args - cm % % cm - inline
+PASS Four args - cm % % % - inline
+PASS Four args - % cm cm cm - inline
+PASS Four args - % cm cm % - inline
+PASS Four args - % cm % cm - inline
+PASS Four args - % cm % % - inline
+PASS Four args - % % cm cm - inline
+PASS Four args - % % cm % - inline
+PASS Four args - % % % cm - inline
+PASS Four args - % % % % - inline
+PASS One arg - mm - inline
+PASS Two args - mm mm - inline
+PASS Two args - mm % - inline
+PASS Two args - % mm - inline
+PASS Three args - mm mm mm - inline
+PASS Three args - mm mm % - inline
+PASS Three args - mm % mm - inline
+PASS Three args - mm % % - inline
+PASS Three args - % mm mm - inline
+PASS Three args - % mm % - inline
+PASS Three args - % % mm - inline
+PASS Four args - mm mm mm mm - inline
+PASS Four args - mm mm mm % - inline
+PASS Four args - mm mm % mm - inline
+PASS Four args - mm mm % % - inline
+PASS Four args - mm % mm mm - inline
+PASS Four args - mm % mm % - inline
+PASS Four args - mm % % mm - inline
+PASS Four args - mm % % % - inline
+PASS Four args - % mm mm mm - inline
+PASS Four args - % mm mm % - inline
+PASS Four args - % mm % mm - inline
+PASS Four args - % mm % % - inline
+PASS Four args - % % mm mm - inline
+PASS Four args - % % mm % - inline
+PASS Four args - % % % mm - inline
+PASS One arg - in - inline
+PASS Two args - in in - inline
+PASS Two args - in % - inline
+PASS Two args - % in - inline
+PASS Three args - in in in - inline
+PASS Three args - in in % - inline
+PASS Three args - in % in - inline
+PASS Three args - in % % - inline
+PASS Three args - % in in - inline
+PASS Three args - % in % - inline
+PASS Three args - % % in - inline
+PASS Four args - in in in in - inline
+PASS Four args - in in in % - inline
+PASS Four args - in in % in - inline
+PASS Four args - in in % % - inline
+PASS Four args - in % in in - inline
+PASS Four args - in % in % - inline
+PASS Four args - in % % in - inline
+PASS Four args - in % % % - inline
+PASS Four args - % in in in - inline
+PASS Four args - % in in % - inline
+PASS Four args - % in % in - inline
+PASS Four args - % in % % - inline
+PASS Four args - % % in in - inline
+PASS Four args - % % in % - inline
+PASS Four args - % % % in - inline
+PASS One arg - pt - inline
+PASS Two args - pt pt - inline
+PASS Two args - pt % - inline
+PASS Two args - % pt - inline
+PASS Three args - pt pt pt - inline
+PASS Three args - pt pt % - inline
+PASS Three args - pt % pt - inline
+PASS Three args - pt % % - inline
+PASS Three args - % pt pt - inline
+PASS Three args - % pt % - inline
+PASS Three args - % % pt - inline
+PASS Four args - pt pt pt pt - inline
+PASS Four args - pt pt pt % - inline
+PASS Four args - pt pt % pt - inline
+PASS Four args - pt pt % % - inline
+PASS Four args - pt % pt pt - inline
+PASS Four args - pt % pt % - inline
+PASS Four args - pt % % pt - inline
+PASS Four args - pt % % % - inline
+PASS Four args - % pt pt pt - inline
+PASS Four args - % pt pt % - inline
+PASS Four args - % pt % pt - inline
+PASS Four args - % pt % % - inline
+PASS Four args - % % pt pt - inline
+PASS Four args - % % pt % - inline
+PASS Four args - % % % pt - inline
+PASS One arg - pc - inline
+PASS Two args - pc pc - inline
+PASS Two args - pc % - inline
+PASS Two args - % pc - inline
+PASS Three args - pc pc pc - inline
+PASS Three args - pc pc % - inline
+PASS Three args - pc % pc - inline
+PASS Three args - pc % % - inline
+PASS Three args - % pc pc - inline
+PASS Three args - % pc % - inline
+PASS Three args - % % pc - inline
+PASS Four args - pc pc pc pc - inline
+PASS Four args - pc pc pc % - inline
+PASS Four args - pc pc % pc - inline
+PASS Four args - pc pc % % - inline
+PASS Four args - pc % pc pc - inline
+PASS Four args - pc % pc % - inline
+PASS Four args - pc % % pc - inline
+PASS Four args - pc % % % - inline
+PASS Four args - % pc pc pc - inline
+PASS Four args - % pc pc % - inline
+PASS Four args - % pc % pc - inline
+PASS Four args - % pc % % - inline
+PASS Four args - % % pc pc - inline
+PASS Four args - % % pc % - inline
+PASS Four args - % % % pc - inline
+PASS One arg - em - inline
+PASS Two args - em em - inline
+PASS Two args - em % - inline
+PASS Two args - % em - inline
+PASS Three args - em em em - inline
+PASS Three args - em em % - inline
+PASS Three args - em % em - inline
+PASS Three args - em % % - inline
+PASS Three args - % em em - inline
+PASS Three args - % em % - inline
+PASS Three args - % % em - inline
+PASS Four args - em em em em - inline
+PASS Four args - em em em % - inline
+PASS Four args - em em % em - inline
+PASS Four args - em em % % - inline
+PASS Four args - em % em em - inline
+PASS Four args - em % em % - inline
+PASS Four args - em % % em - inline
+PASS Four args - em % % % - inline
+PASS Four args - % em em em - inline
+PASS Four args - % em em % - inline
+PASS Four args - % em % em - inline
+PASS Four args - % em % % - inline
+PASS Four args - % % em em - inline
+PASS Four args - % % em % - inline
+PASS Four args - % % % em - inline
+PASS One arg - ex - inline
+PASS Two args - ex ex - inline
+PASS Two args - ex % - inline
+PASS Two args - % ex - inline
+PASS Three args - ex ex ex - inline
+PASS Three args - ex ex % - inline
+PASS Three args - ex % ex - inline
+PASS Three args - ex % % - inline
+PASS Three args - % ex ex - inline
+PASS Three args - % ex % - inline
+PASS Three args - % % ex - inline
+PASS Four args - ex ex ex ex - inline
+PASS Four args - ex ex ex % - inline
+PASS Four args - ex ex % ex - inline
+PASS Four args - ex ex % % - inline
+PASS Four args - ex % ex ex - inline
+PASS Four args - ex % ex % - inline
+PASS Four args - ex % % ex - inline
+PASS Four args - ex % % % - inline
+PASS Four args - % ex ex ex - inline
+PASS Four args - % ex ex % - inline
+PASS Four args - % ex % ex - inline
+PASS Four args - % ex % % - inline
+PASS Four args - % % ex ex - inline
+PASS Four args - % % ex % - inline
+PASS Four args - % % % ex - inline
+PASS One arg - ch - inline
+PASS Two args - ch ch - inline
+PASS Two args - ch % - inline
+PASS Two args - % ch - inline
+PASS Three args - ch ch ch - inline
+PASS Three args - ch ch % - inline
+PASS Three args - ch % ch - inline
+PASS Three args - ch % % - inline
+PASS Three args - % ch ch - inline
+PASS Three args - % ch % - inline
+PASS Three args - % % ch - inline
+PASS Four args - ch ch ch ch - inline
+PASS Four args - ch ch ch % - inline
+PASS Four args - ch ch % ch - inline
+PASS Four args - ch ch % % - inline
+PASS Four args - ch % ch ch - inline
+PASS Four args - ch % ch % - inline
+PASS Four args - ch % % ch - inline
+PASS Four args - ch % % % - inline
+PASS Four args - % ch ch ch - inline
+PASS Four args - % ch ch % - inline
+PASS Four args - % ch % ch - inline
+PASS Four args - % ch % % - inline
+PASS Four args - % % ch ch - inline
+PASS Four args - % % ch % - inline
+PASS Four args - % % % ch - inline
+PASS One arg - rem - inline
+PASS Two args - rem rem - inline
+PASS Two args - rem % - inline
+PASS Two args - % rem - inline
+PASS Three args - rem rem rem - inline
+PASS Three args - rem rem % - inline
+PASS Three args - rem % rem - inline
+PASS Three args - rem % % - inline
+PASS Three args - % rem rem - inline
+PASS Three args - % rem % - inline
+PASS Three args - % % rem - inline
+PASS Four args - rem rem rem rem - inline
+PASS Four args - rem rem rem % - inline
+PASS Four args - rem rem % rem - inline
+PASS Four args - rem rem % % - inline
+PASS Four args - rem % rem rem - inline
+PASS Four args - rem % rem % - inline
+PASS Four args - rem % % rem - inline
+PASS Four args - rem % % % - inline
+PASS Four args - % rem rem rem - inline
+PASS Four args - % rem rem % - inline
+PASS Four args - % rem % rem - inline
+PASS Four args - % rem % % - inline
+PASS Four args - % % rem rem - inline
+PASS Four args - % % rem % - inline
+PASS Four args - % % % rem - inline
+PASS One arg - vw - inline
+PASS Two args - vw vw - inline
+PASS Two args - vw % - inline
+PASS Two args - % vw - inline
+PASS Three args - vw vw vw - inline
+PASS Three args - vw vw % - inline
+PASS Three args - vw % vw - inline
+PASS Three args - vw % % - inline
+PASS Three args - % vw vw - inline
+PASS Three args - % vw % - inline
+PASS Three args - % % vw - inline
+PASS Four args - vw vw vw vw - inline
+PASS Four args - vw vw vw % - inline
+PASS Four args - vw vw % vw - inline
+PASS Four args - vw vw % % - inline
+PASS Four args - vw % vw vw - inline
+PASS Four args - vw % vw % - inline
+PASS Four args - vw % % vw - inline
+PASS Four args - vw % % % - inline
+PASS Four args - % vw vw vw - inline
+PASS Four args - % vw vw % - inline
+PASS Four args - % vw % vw - inline
+PASS Four args - % vw % % - inline
+PASS Four args - % % vw vw - inline
+PASS Four args - % % vw % - inline
+PASS Four args - % % % vw - inline
+PASS One arg - vh - inline
+PASS Two args - vh vh - inline
+PASS Two args - vh % - inline
+PASS Two args - % vh - inline
+PASS Three args - vh vh vh - inline
+PASS Three args - vh vh % - inline
+PASS Three args - vh % vh - inline
+PASS Three args - vh % % - inline
+PASS Three args - % vh vh - inline
+PASS Three args - % vh % - inline
+PASS Three args - % % vh - inline
+PASS Four args - vh vh vh vh - inline
+PASS Four args - vh vh vh % - inline
+PASS Four args - vh vh % vh - inline
+PASS Four args - vh vh % % - inline
+PASS Four args - vh % vh vh - inline
+PASS Four args - vh % vh % - inline
+PASS Four args - vh % % vh - inline
+PASS Four args - vh % % % - inline
+PASS Four args - % vh vh vh - inline
+PASS Four args - % vh vh % - inline
+PASS Four args - % vh % vh - inline
+PASS Four args - % vh % % - inline
+PASS Four args - % % vh vh - inline
+PASS Four args - % % vh % - inline
+PASS Four args - % % % vh - inline
+PASS One arg - vmin - inline
+PASS Two args - vmin vmin - inline
+PASS Two args - vmin % - inline
+PASS Two args - % vmin - inline
+PASS Three args - vmin vmin vmin - inline
+PASS Three args - vmin vmin % - inline
+PASS Three args - vmin % vmin - inline
+PASS Three args - vmin % % - inline
+PASS Three args - % vmin vmin - inline
+PASS Three args - % vmin % - inline
+PASS Three args - % % vmin - inline
+PASS Four args - vmin vmin vmin vmin - inline
+PASS Four args - vmin vmin vmin % - inline
+PASS Four args - vmin vmin % vmin - inline
+PASS Four args - vmin vmin % % - inline
+PASS Four args - vmin % vmin vmin - inline
+PASS Four args - vmin % vmin % - inline
+PASS Four args - vmin % % vmin - inline
+PASS Four args - vmin % % % - inline
+PASS Four args - % vmin vmin vmin - inline
+PASS Four args - % vmin vmin % - inline
+PASS Four args - % vmin % vmin - inline
+PASS Four args - % vmin % % - inline
+PASS Four args - % % vmin vmin - inline
+PASS Four args - % % vmin % - inline
+PASS Four args - % % % vmin - inline
+PASS One arg - vmax - inline
+PASS Two args - vmax vmax - inline
+PASS Two args - vmax % - inline
+PASS Two args - % vmax - inline
+PASS Three args - vmax vmax vmax - inline
+PASS Three args - vmax vmax % - inline
+PASS Three args - vmax % vmax - inline
+PASS Three args - vmax % % - inline
+PASS Three args - % vmax vmax - inline
+PASS Three args - % vmax % - inline
+PASS Three args - % % vmax - inline
+PASS Four args - vmax vmax vmax vmax - inline
+PASS Four args - vmax vmax vmax % - inline
+PASS Four args - vmax vmax % vmax - inline
+PASS Four args - vmax vmax % % - inline
+PASS Four args - vmax % vmax vmax - inline
+PASS Four args - vmax % vmax % - inline
+PASS Four args - vmax % % vmax - inline
+PASS Four args - vmax % % % - inline
+PASS Four args - % vmax vmax vmax - inline
+PASS Four args - % vmax vmax % - inline
+PASS Four args - % vmax % vmax - inline
+PASS Four args - % vmax % % - inline
+PASS Four args - % % vmax vmax - inline
+PASS Four args - % % vmax % - inline
+PASS Four args - % % % vmax - inline
+PASS One arg - cm - computed
+PASS One arg - % - computed
+PASS Two args - cm cm - computed
+PASS Two args - cm % - computed
+PASS Two args - % cm - computed
+PASS Two args - % % - computed
+PASS Three args - cm cm cm - computed
+PASS Three args - cm cm % - computed
+PASS Three args - cm % cm - computed
+PASS Three args - cm % % - computed
+PASS Three args - % cm cm - computed
+PASS Three args - % cm % - computed
+PASS Three args - % % cm - computed
+PASS Three args - % % % - computed
+PASS Four args - cm cm cm cm - computed
+PASS Four args - cm cm cm % - computed
+PASS Four args - cm cm % cm - computed
+PASS Four args - cm cm % % - computed
+PASS Four args - cm % cm cm - computed
+PASS Four args - cm % cm % - computed
+PASS Four args - cm % % cm - computed
+PASS Four args - cm % % % - computed
+PASS Four args - % cm cm cm - computed
+PASS Four args - % cm cm % - computed
+PASS Four args - % cm % cm - computed
+PASS Four args - % cm % % - computed
+PASS Four args - % % cm cm - computed
+PASS Four args - % % cm % - computed
+PASS Four args - % % % cm - computed
+PASS Four args - % % % % - computed
+PASS One arg - mm - computed
+PASS Two args - mm mm - computed
+PASS Two args - mm % - computed
+PASS Two args - % mm - computed
+PASS Three args - mm mm mm - computed
+PASS Three args - mm mm % - computed
+PASS Three args - mm % mm - computed
+PASS Three args - mm % % - computed
+PASS Three args - % mm mm - computed
+PASS Three args - % mm % - computed
+PASS Three args - % % mm - computed
+PASS Four args - mm mm mm mm - computed
+PASS Four args - mm mm mm % - computed
+PASS Four args - mm mm % mm - computed
+PASS Four args - mm mm % % - computed
+PASS Four args - mm % mm mm - computed
+PASS Four args - mm % mm % - computed
+PASS Four args - mm % % mm - computed
+PASS Four args - mm % % % - computed
+PASS Four args - % mm mm mm - computed
+PASS Four args - % mm mm % - computed
+PASS Four args - % mm % mm - computed
+PASS Four args - % mm % % - computed
+PASS Four args - % % mm mm - computed
+PASS Four args - % % mm % - computed
+PASS Four args - % % % mm - computed
+PASS One arg - in - computed
+PASS Two args - in in - computed
+PASS Two args - in % - computed
+PASS Two args - % in - computed
+PASS Three args - in in in - computed
+PASS Three args - in in % - computed
+PASS Three args - in % in - computed
+PASS Three args - in % % - computed
+PASS Three args - % in in - computed
+PASS Three args - % in % - computed
+PASS Three args - % % in - computed
+PASS Four args - in in in in - computed
+PASS Four args - in in in % - computed
+PASS Four args - in in % in - computed
+PASS Four args - in in % % - computed
+PASS Four args - in % in in - computed
+PASS Four args - in % in % - computed
+PASS Four args - in % % in - computed
+PASS Four args - in % % % - computed
+PASS Four args - % in in in - computed
+PASS Four args - % in in % - computed
+PASS Four args - % in % in - computed
+PASS Four args - % in % % - computed
+PASS Four args - % % in in - computed
+PASS Four args - % % in % - computed
+PASS Four args - % % % in - computed
+PASS One arg - pt - computed
+PASS Two args - pt pt - computed
+PASS Two args - pt % - computed
+PASS Two args - % pt - computed
+PASS Three args - pt pt pt - computed
+PASS Three args - pt pt % - computed
+PASS Three args - pt % pt - computed
+PASS Three args - pt % % - computed
+PASS Three args - % pt pt - computed
+PASS Three args - % pt % - computed
+PASS Three args - % % pt - computed
+PASS Four args - pt pt pt pt - computed
+PASS Four args - pt pt pt % - computed
+PASS Four args - pt pt % pt - computed
+PASS Four args - pt pt % % - computed
+PASS Four args - pt % pt pt - computed
+PASS Four args - pt % pt % - computed
+PASS Four args - pt % % pt - computed
+PASS Four args - pt % % % - computed
+PASS Four args - % pt pt pt - computed
+PASS Four args - % pt pt % - computed
+PASS Four args - % pt % pt - computed
+PASS Four args - % pt % % - computed
+PASS Four args - % % pt pt - computed
+PASS Four args - % % pt % - computed
+PASS Four args - % % % pt - computed
+PASS One arg - pc - computed
+PASS Two args - pc pc - computed
+PASS Two args - pc % - computed
+PASS Two args - % pc - computed
+PASS Three args - pc pc pc - computed
+PASS Three args - pc pc % - computed
+PASS Three args - pc % pc - computed
+PASS Three args - pc % % - computed
+PASS Three args - % pc pc - computed
+PASS Three args - % pc % - computed
+PASS Three args - % % pc - computed
+PASS Four args - pc pc pc pc - computed
+PASS Four args - pc pc pc % - computed
+PASS Four args - pc pc % pc - computed
+PASS Four args - pc pc % % - computed
+PASS Four args - pc % pc pc - computed
+PASS Four args - pc % pc % - computed
+PASS Four args - pc % % pc - computed
+PASS Four args - pc % % % - computed
+PASS Four args - % pc pc pc - computed
+PASS Four args - % pc pc % - computed
+PASS Four args - % pc % pc - computed
+PASS Four args - % pc % % - computed
+PASS Four args - % % pc pc - computed
+PASS Four args - % % pc % - computed
+PASS Four args - % % % pc - computed
+PASS One arg - em - computed
+PASS Two args - em em - computed
+PASS Two args - em % - computed
+PASS Two args - % em - computed
+PASS Three args - em em em - computed
+PASS Three args - em em % - computed
+PASS Three args - em % em - computed
+PASS Three args - em % % - computed
+PASS Three args - % em em - computed
+PASS Three args - % em % - computed
+PASS Three args - % % em - computed
+PASS Four args - em em em em - computed
+PASS Four args - em em em % - computed
+PASS Four args - em em % em - computed
+PASS Four args - em em % % - computed
+PASS Four args - em % em em - computed
+PASS Four args - em % em % - computed
+PASS Four args - em % % em - computed
+PASS Four args - em % % % - computed
+PASS Four args - % em em em - computed
+PASS Four args - % em em % - computed
+PASS Four args - % em % em - computed
+PASS Four args - % em % % - computed
+PASS Four args - % % em em - computed
+PASS Four args - % % em % - computed
+PASS Four args - % % % em - computed
+PASS One arg - ex - computed
+PASS Two args - ex ex - computed
+PASS Two args - ex % - computed
+PASS Two args - % ex - computed
+PASS Three args - ex ex ex - computed
+PASS Three args - ex ex % - computed
+PASS Three args - ex % ex - computed
+PASS Three args - ex % % - computed
+PASS Three args - % ex ex - computed
+PASS Three args - % ex % - computed
+PASS Three args - % % ex - computed
+PASS Four args - ex ex ex ex - computed
+PASS Four args - ex ex ex % - computed
+PASS Four args - ex ex % ex - computed
+PASS Four args - ex ex % % - computed
+PASS Four args - ex % ex ex - computed
+PASS Four args - ex % ex % - computed
+PASS Four args - ex % % ex - computed
+PASS Four args - ex % % % - computed
+PASS Four args - % ex ex ex - computed
+PASS Four args - % ex ex % - computed
+PASS Four args - % ex % ex - computed
+PASS Four args - % ex % % - computed
+PASS Four args - % % ex ex - computed
+PASS Four args - % % ex % - computed
+PASS Four args - % % % ex - computed
+PASS One arg - ch - computed
+PASS Two args - ch ch - computed
+PASS Two args - ch % - computed
+PASS Two args - % ch - computed
+PASS Three args - ch ch ch - computed
+PASS Three args - ch ch % - computed
+PASS Three args - ch % ch - computed
+PASS Three args - ch % % - computed
+PASS Three args - % ch ch - computed
+PASS Three args - % ch % - computed
+PASS Three args - % % ch - computed
+PASS Four args - ch ch ch ch - computed
+PASS Four args - ch ch ch % - computed
+PASS Four args - ch ch % ch - computed
+PASS Four args - ch ch % % - computed
+PASS Four args - ch % ch ch - computed
+PASS Four args - ch % ch % - computed
+PASS Four args - ch % % ch - computed
+PASS Four args - ch % % % - computed
+PASS Four args - % ch ch ch - computed
+PASS Four args - % ch ch % - computed
+PASS Four args - % ch % ch - computed
+PASS Four args - % ch % % - computed
+PASS Four args - % % ch ch - computed
+PASS Four args - % % ch % - computed
+PASS Four args - % % % ch - computed
+PASS One arg - rem - computed
+PASS Two args - rem rem - computed
+PASS Two args - rem % - computed
+PASS Two args - % rem - computed
+PASS Three args - rem rem rem - computed
+PASS Three args - rem rem % - computed
+PASS Three args - rem % rem - computed
+PASS Three args - rem % % - computed
+PASS Three args - % rem rem - computed
+PASS Three args - % rem % - computed
+PASS Three args - % % rem - computed
+PASS Four args - rem rem rem rem - computed
+PASS Four args - rem rem rem % - computed
+PASS Four args - rem rem % rem - computed
+PASS Four args - rem rem % % - computed
+PASS Four args - rem % rem rem - computed
+PASS Four args - rem % rem % - computed
+PASS Four args - rem % % rem - computed
+PASS Four args - rem % % % - computed
+PASS Four args - % rem rem rem - computed
+PASS Four args - % rem rem % - computed
+PASS Four args - % rem % rem - computed
+PASS Four args - % rem % % - computed
+PASS Four args - % % rem rem - computed
+PASS Four args - % % rem % - computed
+PASS Four args - % % % rem - computed
+PASS One arg - vw - computed
+PASS Two args - vw vw - computed
+PASS Two args - vw % - computed
+PASS Two args - % vw - computed
+PASS Three args - vw vw vw - computed
+PASS Three args - vw vw % - computed
+PASS Three args - vw % vw - computed
+PASS Three args - vw % % - computed
+PASS Three args - % vw vw - computed
+PASS Three args - % vw % - computed
+PASS Three args - % % vw - computed
+PASS Four args - vw vw vw vw - computed
+PASS Four args - vw vw vw % - computed
+PASS Four args - vw vw % vw - computed
+PASS Four args - vw vw % % - computed
+PASS Four args - vw % vw vw - computed
+PASS Four args - vw % vw % - computed
+PASS Four args - vw % % vw - computed
+PASS Four args - vw % % % - computed
+PASS Four args - % vw vw vw - computed
+PASS Four args - % vw vw % - computed
+PASS Four args - % vw % vw - computed
+PASS Four args - % vw % % - computed
+PASS Four args - % % vw vw - computed
+PASS Four args - % % vw % - computed
+PASS Four args - % % % vw - computed
+PASS One arg - vh - computed
+PASS Two args - vh vh - computed
+PASS Two args - vh % - computed
+PASS Two args - % vh - computed
+PASS Three args - vh vh vh - computed
+PASS Three args - vh vh % - computed
+PASS Three args - vh % vh - computed
+PASS Three args - vh % % - computed
+PASS Three args - % vh vh - computed
+PASS Three args - % vh % - computed
+PASS Three args - % % vh - computed
+PASS Four args - vh vh vh vh - computed
+PASS Four args - vh vh vh % - computed
+PASS Four args - vh vh % vh - computed
+PASS Four args - vh vh % % - computed
+PASS Four args - vh % vh vh - computed
+PASS Four args - vh % vh % - computed
+PASS Four args - vh % % vh - computed
+PASS Four args - vh % % % - computed
+PASS Four args - % vh vh vh - computed
+PASS Four args - % vh vh % - computed
+PASS Four args - % vh % vh - computed
+PASS Four args - % vh % % - computed
+PASS Four args - % % vh vh - computed
+PASS Four args - % % vh % - computed
+PASS Four args - % % % vh - computed
+PASS One arg - vmin - computed
+PASS Two args - vmin vmin - computed
+PASS Two args - vmin % - computed
+PASS Two args - % vmin - computed
+PASS Three args - vmin vmin vmin - computed
+PASS Three args - vmin vmin % - computed
+PASS Three args - vmin % vmin - computed
+PASS Three args - vmin % % - computed
+PASS Three args - % vmin vmin - computed
+PASS Three args - % vmin % - computed
+PASS Three args - % % vmin - computed
+PASS Four args - vmin vmin vmin vmin - computed
+PASS Four args - vmin vmin vmin % - computed
+PASS Four args - vmin vmin % vmin - computed
+PASS Four args - vmin vmin % % - computed
+PASS Four args - vmin % vmin vmin - computed
+PASS Four args - vmin % vmin % - computed
+PASS Four args - vmin % % vmin - computed
+PASS Four args - vmin % % % - computed
+PASS Four args - % vmin vmin vmin - computed
+PASS Four args - % vmin vmin % - computed
+PASS Four args - % vmin % vmin - computed
+PASS Four args - % vmin % % - computed
+PASS Four args - % % vmin vmin - computed
+PASS Four args - % % vmin % - computed
+PASS Four args - % % % vmin - computed
+PASS One arg - vmax - computed
+PASS Two args - vmax vmax - computed
+PASS Two args - vmax % - computed
+PASS Two args - % vmax - computed
+PASS Three args - vmax vmax vmax - computed
+PASS Three args - vmax vmax % - computed
+PASS Three args - vmax % vmax - computed
+PASS Three args - vmax % % - computed
+PASS Three args - % vmax vmax - computed
+PASS Three args - % vmax % - computed
+PASS Three args - % % vmax - computed
+PASS Four args - vmax vmax vmax vmax - computed
+PASS Four args - vmax vmax vmax % - computed
+PASS Four args - vmax vmax % vmax - computed
+PASS Four args - vmax vmax % % - computed
+PASS Four args - vmax % vmax vmax - computed
+PASS Four args - vmax % vmax % - computed
+PASS Four args - vmax % % vmax - computed
+PASS Four args - vmax % % % - computed
+PASS Four args - % vmax vmax vmax - computed
+PASS Four args - % vmax vmax % - computed
+PASS Four args - % vmax % vmax - computed
+PASS Four args - % vmax % % - computed
+PASS Four args - % % vmax vmax - computed
+PASS Four args - % % vmax % - computed
+PASS Four args - % % % vmax - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Valid Insets</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="An inset has 1 to 4 insets as percentages or length in any unit">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildInsetTests(ParsingUtils.validUnits, "%", "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildInsetTests(ParsingUtils.validUnits, "%", "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+
+PASS inset(10px round 10px) - inline
+PASS inset(10px round 10px / 10px) - inline
+PASS inset(10px round 10px / 10px 20px) - inline
+PASS inset(10px round 10px / 10px 20px 30px) - inline
+PASS inset(10px round 10px / 10px 20px 30px 40px) - inline
+PASS inset(10px round 10px 20px) - inline
+PASS inset(10px round 10px 20px / 10px) - inline
+PASS inset(10px round 10px 20px / 10px 20px) - inline
+PASS inset(10px round 10px 20px / 10px 20px 30px) - inline
+PASS inset(10px round 10px 20px / 10px 20px 30px 40px) - inline
+PASS inset(10px round 10px 20px 30px) - inline
+PASS inset(10px round 10px 20px 30px / 10px) - inline
+PASS inset(10px round 10px 20px 30px / 10px 20px) - inline
+PASS inset(10px round 10px 20px 30px / 10px 20px 30px) - inline
+PASS inset(10px round 10px 20px 30px / 10px 20px 30px 40px) - inline
+PASS inset(10px round 10px 20px 30px 40px) - inline
+PASS inset(10px round 10px 20px 30px 40px / 10px) - inline
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px) - inline
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30px) - inline
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40px) - inline
+PASS inset(10% round 10%) - inline
+PASS inset(10% round 10% / 10%) - inline
+PASS inset(10% round 10% / 10% 20%) - inline
+PASS inset(10% round 10% / 10% 20% 30%) - inline
+PASS inset(10% round 10% / 10% 20% 30% 40%) - inline
+PASS inset(10% round 10% 20%) - inline
+PASS inset(10% round 10% 20% / 10%) - inline
+PASS inset(10% round 10% 20% / 10% 20%) - inline
+PASS inset(10% round 10% 20% / 10% 20% 30%) - inline
+PASS inset(10% round 10% 20% / 10% 20% 30% 40%) - inline
+PASS inset(10% round 10% 20% 30%) - inline
+PASS inset(10% round 10% 20% 30% / 10%) - inline
+PASS inset(10% round 10% 20% 30% / 10% 20%) - inline
+PASS inset(10% round 10% 20% 30% / 10% 20% 30%) - inline
+PASS inset(10% round 10% 20% 30% / 10% 20% 30% 40%) - inline
+PASS inset(10% round 10% 20% 30% 40%) - inline
+PASS inset(10% round 10% 20% 30% 40% / 10%) - inline
+PASS inset(10% round 10% 20% 30% 40% / 10% 20%) - inline
+PASS inset(10% round 10% 20% 30% 40% / 10% 20% 30%) - inline
+PASS inset(10% round 10% 20% 30% 40% / 10% 20% 30% 40%) - inline
+PASS inset(10px round 10px) - computed
+PASS inset(10px round 10px / 10px) - computed
+PASS inset(10px round 10px / 10px 20px) - computed
+PASS inset(10px round 10px / 10px 20px 30px) - computed
+PASS inset(10px round 10px / 10px 20px 30px 40px) - computed
+PASS inset(10px round 10px 20px) - computed
+PASS inset(10px round 10px 20px / 10px) - computed
+PASS inset(10px round 10px 20px / 10px 20px) - computed
+PASS inset(10px round 10px 20px / 10px 20px 30px) - computed
+PASS inset(10px round 10px 20px / 10px 20px 30px 40px) - computed
+PASS inset(10px round 10px 20px 30px) - computed
+PASS inset(10px round 10px 20px 30px / 10px) - computed
+PASS inset(10px round 10px 20px 30px / 10px 20px) - computed
+PASS inset(10px round 10px 20px 30px / 10px 20px 30px) - computed
+PASS inset(10px round 10px 20px 30px / 10px 20px 30px 40px) - computed
+PASS inset(10px round 10px 20px 30px 40px) - computed
+PASS inset(10px round 10px 20px 30px 40px / 10px) - computed
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px) - computed
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30px) - computed
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40px) - computed
+PASS inset(10% round 10%) - computed
+PASS inset(10% round 10% / 10%) - computed
+PASS inset(10% round 10% / 10% 20%) - computed
+PASS inset(10% round 10% / 10% 20% 30%) - computed
+PASS inset(10% round 10% / 10% 20% 30% 40%) - computed
+PASS inset(10% round 10% 20%) - computed
+PASS inset(10% round 10% 20% / 10%) - computed
+PASS inset(10% round 10% 20% / 10% 20%) - computed
+PASS inset(10% round 10% 20% / 10% 20% 30%) - computed
+PASS inset(10% round 10% 20% / 10% 20% 30% 40%) - computed
+PASS inset(10% round 10% 20% 30%) - computed
+PASS inset(10% round 10% 20% 30% / 10%) - computed
+PASS inset(10% round 10% 20% 30% / 10% 20%) - computed
+PASS inset(10% round 10% 20% 30% / 10% 20% 30%) - computed
+PASS inset(10% round 10% 20% 30% / 10% 20% 30% 40%) - computed
+PASS inset(10% round 10% 20% 30% 40%) - computed
+PASS inset(10% round 10% 20% 30% 40% / 10%) - computed
+PASS inset(10% round 10% 20% 30% 40% / 10% 20%) - computed
+PASS inset(10% round 10% 20% 30% 40% / 10% 20% 30%) - computed
+PASS inset(10% round 10% 20% 30% 40% / 10% 20% 30% 40%) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Valid Rounds</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="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.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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'));
+
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,522 @@
</span><ins>+
+PASS inset(10cm round 10cm) - inline
+PASS inset(10cm round 10cm / 10cm) - inline
+PASS inset(10cm round 10cm / 10cm 20cm) - inline
+PASS inset(10cm round 10cm / 10cm 20cm 30cm) - inline
+PASS inset(10cm round 10cm / 10cm 20cm 30cm 40cm) - inline
+PASS inset(10cm round 10cm 20cm) - inline
+PASS inset(10cm round 10cm 20cm / 10cm) - inline
+PASS inset(10cm round 10cm 20cm / 10cm 20cm) - inline
+PASS inset(10cm round 10cm 20cm / 10cm 20cm 30cm) - inline
+PASS inset(10cm round 10cm 20cm / 10cm 20cm 30cm 40cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm / 10cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm 30cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm 30cm 40cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm 40cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm 30cm) - inline
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm 30cm 40cm) - inline
+PASS inset(10mm round 10mm) - inline
+PASS inset(10mm round 10mm / 10mm) - inline
+PASS inset(10mm round 10mm / 10mm 20mm) - inline
+PASS inset(10mm round 10mm / 10mm 20mm 30mm) - inline
+PASS inset(10mm round 10mm / 10mm 20mm 30mm 40mm) - inline
+PASS inset(10mm round 10mm 20mm) - inline
+PASS inset(10mm round 10mm 20mm / 10mm) - inline
+PASS inset(10mm round 10mm 20mm / 10mm 20mm) - inline
+PASS inset(10mm round 10mm 20mm / 10mm 20mm 30mm) - inline
+PASS inset(10mm round 10mm 20mm / 10mm 20mm 30mm 40mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm / 10mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm 30mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm 30mm 40mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm 40mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm 30mm) - inline
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm 30mm 40mm) - inline
+PASS inset(10in round 10in) - inline
+PASS inset(10in round 10in / 10in) - inline
+PASS inset(10in round 10in / 10in 20in) - inline
+PASS inset(10in round 10in / 10in 20in 30in) - inline
+PASS inset(10in round 10in / 10in 20in 30in 40in) - inline
+PASS inset(10in round 10in 20in) - inline
+PASS inset(10in round 10in 20in / 10in) - inline
+PASS inset(10in round 10in 20in / 10in 20in) - inline
+PASS inset(10in round 10in 20in / 10in 20in 30in) - inline
+PASS inset(10in round 10in 20in / 10in 20in 30in 40in) - inline
+PASS inset(10in round 10in 20in 30in) - inline
+PASS inset(10in round 10in 20in 30in / 10in) - inline
+PASS inset(10in round 10in 20in 30in / 10in 20in) - inline
+PASS inset(10in round 10in 20in 30in / 10in 20in 30in) - inline
+PASS inset(10in round 10in 20in 30in / 10in 20in 30in 40in) - inline
+PASS inset(10in round 10in 20in 30in 40in) - inline
+PASS inset(10in round 10in 20in 30in 40in / 10in) - inline
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in) - inline
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in 30in) - inline
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in 30in 40in) - inline
+PASS inset(10pt round 10pt) - inline
+PASS inset(10pt round 10pt / 10pt) - inline
+PASS inset(10pt round 10pt / 10pt 20pt) - inline
+PASS inset(10pt round 10pt / 10pt 20pt 30pt) - inline
+PASS inset(10pt round 10pt / 10pt 20pt 30pt 40pt) - inline
+PASS inset(10pt round 10pt 20pt) - inline
+PASS inset(10pt round 10pt 20pt / 10pt) - inline
+PASS inset(10pt round 10pt 20pt / 10pt 20pt) - inline
+PASS inset(10pt round 10pt 20pt / 10pt 20pt 30pt) - inline
+PASS inset(10pt round 10pt 20pt / 10pt 20pt 30pt 40pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt / 10pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt 30pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt 30pt 40pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt 40pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt 30pt) - inline
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt 30pt 40pt) - inline
+PASS inset(10pc round 10pc) - inline
+PASS inset(10pc round 10pc / 10pc) - inline
+PASS inset(10pc round 10pc / 10pc 20pc) - inline
+PASS inset(10pc round 10pc / 10pc 20pc 30pc) - inline
+PASS inset(10pc round 10pc / 10pc 20pc 30pc 40pc) - inline
+PASS inset(10pc round 10pc 20pc) - inline
+PASS inset(10pc round 10pc 20pc / 10pc) - inline
+PASS inset(10pc round 10pc 20pc / 10pc 20pc) - inline
+PASS inset(10pc round 10pc 20pc / 10pc 20pc 30pc) - inline
+PASS inset(10pc round 10pc 20pc / 10pc 20pc 30pc 40pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc / 10pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc 30pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc 30pc 40pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc 40pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc 30pc) - inline
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc 30pc 40pc) - inline
+PASS inset(10em round 10em) - inline
+PASS inset(10em round 10em / 10em) - inline
+PASS inset(10em round 10em / 10em 20em) - inline
+PASS inset(10em round 10em / 10em 20em 30em) - inline
+PASS inset(10em round 10em / 10em 20em 30em 40em) - inline
+PASS inset(10em round 10em 20em) - inline
+PASS inset(10em round 10em 20em / 10em) - inline
+PASS inset(10em round 10em 20em / 10em 20em) - inline
+PASS inset(10em round 10em 20em / 10em 20em 30em) - inline
+PASS inset(10em round 10em 20em / 10em 20em 30em 40em) - inline
+PASS inset(10em round 10em 20em 30em) - inline
+PASS inset(10em round 10em 20em 30em / 10em) - inline
+PASS inset(10em round 10em 20em 30em / 10em 20em) - inline
+PASS inset(10em round 10em 20em 30em / 10em 20em 30em) - inline
+PASS inset(10em round 10em 20em 30em / 10em 20em 30em 40em) - inline
+PASS inset(10em round 10em 20em 30em 40em) - inline
+PASS inset(10em round 10em 20em 30em 40em / 10em) - inline
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em) - inline
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em 30em) - inline
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em 30em 40em) - inline
+PASS inset(10ex round 10ex) - inline
+PASS inset(10ex round 10ex / 10ex) - inline
+PASS inset(10ex round 10ex / 10ex 20ex) - inline
+PASS inset(10ex round 10ex / 10ex 20ex 30ex) - inline
+PASS inset(10ex round 10ex / 10ex 20ex 30ex 40ex) - inline
+PASS inset(10ex round 10ex 20ex) - inline
+PASS inset(10ex round 10ex 20ex / 10ex) - inline
+PASS inset(10ex round 10ex 20ex / 10ex 20ex) - inline
+PASS inset(10ex round 10ex 20ex / 10ex 20ex 30ex) - inline
+PASS inset(10ex round 10ex 20ex / 10ex 20ex 30ex 40ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex / 10ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex 30ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex 30ex 40ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex 40ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex 30ex) - inline
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex 30ex 40ex) - inline
+PASS inset(10ch round 10ch) - inline
+PASS inset(10ch round 10ch / 10ch) - inline
+PASS inset(10ch round 10ch / 10ch 20ch) - inline
+PASS inset(10ch round 10ch / 10ch 20ch 30ch) - inline
+PASS inset(10ch round 10ch / 10ch 20ch 30ch 40ch) - inline
+PASS inset(10ch round 10ch 20ch) - inline
+PASS inset(10ch round 10ch 20ch / 10ch) - inline
+PASS inset(10ch round 10ch 20ch / 10ch 20ch) - inline
+PASS inset(10ch round 10ch 20ch / 10ch 20ch 30ch) - inline
+PASS inset(10ch round 10ch 20ch / 10ch 20ch 30ch 40ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch / 10ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch 30ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch 30ch 40ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch 40ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch 30ch) - inline
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch 30ch 40ch) - inline
+PASS inset(10rem round 10rem) - inline
+PASS inset(10rem round 10rem / 10rem) - inline
+PASS inset(10rem round 10rem / 10rem 20rem) - inline
+PASS inset(10rem round 10rem / 10rem 20rem 30rem) - inline
+PASS inset(10rem round 10rem / 10rem 20rem 30rem 40rem) - inline
+PASS inset(10rem round 10rem 20rem) - inline
+PASS inset(10rem round 10rem 20rem / 10rem) - inline
+PASS inset(10rem round 10rem 20rem / 10rem 20rem) - inline
+PASS inset(10rem round 10rem 20rem / 10rem 20rem 30rem) - inline
+PASS inset(10rem round 10rem 20rem / 10rem 20rem 30rem 40rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem / 10rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem 30rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem 30rem 40rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem 40rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem 30rem) - inline
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem 30rem 40rem) - inline
+PASS inset(10vw round 10vw) - inline
+PASS inset(10vw round 10vw / 10vw) - inline
+PASS inset(10vw round 10vw / 10vw 20vw) - inline
+PASS inset(10vw round 10vw / 10vw 20vw 30vw) - inline
+PASS inset(10vw round 10vw / 10vw 20vw 30vw 40vw) - inline
+PASS inset(10vw round 10vw 20vw) - inline
+PASS inset(10vw round 10vw 20vw / 10vw) - inline
+PASS inset(10vw round 10vw 20vw / 10vw 20vw) - inline
+PASS inset(10vw round 10vw 20vw / 10vw 20vw 30vw) - inline
+PASS inset(10vw round 10vw 20vw / 10vw 20vw 30vw 40vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw / 10vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw 30vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw 30vw 40vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw 40vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw 30vw) - inline
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw 30vw 40vw) - inline
+PASS inset(10vh round 10vh) - inline
+PASS inset(10vh round 10vh / 10vh) - inline
+PASS inset(10vh round 10vh / 10vh 20vh) - inline
+PASS inset(10vh round 10vh / 10vh 20vh 30vh) - inline
+PASS inset(10vh round 10vh / 10vh 20vh 30vh 40vh) - inline
+PASS inset(10vh round 10vh 20vh) - inline
+PASS inset(10vh round 10vh 20vh / 10vh) - inline
+PASS inset(10vh round 10vh 20vh / 10vh 20vh) - inline
+PASS inset(10vh round 10vh 20vh / 10vh 20vh 30vh) - inline
+PASS inset(10vh round 10vh 20vh / 10vh 20vh 30vh 40vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh / 10vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh 30vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh 30vh 40vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh 40vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh 30vh) - inline
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh 30vh 40vh) - inline
+PASS inset(10vmin round 10vmin) - inline
+PASS inset(10vmin round 10vmin / 10vmin) - inline
+PASS inset(10vmin round 10vmin / 10vmin 20vmin) - inline
+PASS inset(10vmin round 10vmin / 10vmin 20vmin 30vmin) - inline
+PASS inset(10vmin round 10vmin / 10vmin 20vmin 30vmin 40vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin / 10vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin 30vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin 30vmin 40vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin 30vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin 30vmin 40vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin 30vmin) - inline
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin 30vmin 40vmin) - inline
+PASS inset(10vmax round 10vmax) - inline
+PASS inset(10vmax round 10vmax / 10vmax) - inline
+PASS inset(10vmax round 10vmax / 10vmax 20vmax) - inline
+PASS inset(10vmax round 10vmax / 10vmax 20vmax 30vmax) - inline
+PASS inset(10vmax round 10vmax / 10vmax 20vmax 30vmax 40vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax / 10vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax 30vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax 30vmax 40vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax 30vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax 30vmax 40vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax 30vmax) - inline
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax 30vmax 40vmax) - inline
+PASS inset(10cm round 10cm) - computed
+PASS inset(10cm round 10cm / 10cm) - computed
+PASS inset(10cm round 10cm / 10cm 20cm) - computed
+PASS inset(10cm round 10cm / 10cm 20cm 30cm) - computed
+PASS inset(10cm round 10cm / 10cm 20cm 30cm 40cm) - computed
+PASS inset(10cm round 10cm 20cm) - computed
+PASS inset(10cm round 10cm 20cm / 10cm) - computed
+PASS inset(10cm round 10cm 20cm / 10cm 20cm) - computed
+PASS inset(10cm round 10cm 20cm / 10cm 20cm 30cm) - computed
+PASS inset(10cm round 10cm 20cm / 10cm 20cm 30cm 40cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm / 10cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm 30cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm / 10cm 20cm 30cm 40cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm 40cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm 30cm) - computed
+PASS inset(10cm round 10cm 20cm 30cm 40cm / 10cm 20cm 30cm 40cm) - computed
+PASS inset(10mm round 10mm) - computed
+PASS inset(10mm round 10mm / 10mm) - computed
+PASS inset(10mm round 10mm / 10mm 20mm) - computed
+PASS inset(10mm round 10mm / 10mm 20mm 30mm) - computed
+PASS inset(10mm round 10mm / 10mm 20mm 30mm 40mm) - computed
+PASS inset(10mm round 10mm 20mm) - computed
+PASS inset(10mm round 10mm 20mm / 10mm) - computed
+PASS inset(10mm round 10mm 20mm / 10mm 20mm) - computed
+PASS inset(10mm round 10mm 20mm / 10mm 20mm 30mm) - computed
+PASS inset(10mm round 10mm 20mm / 10mm 20mm 30mm 40mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm / 10mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm 30mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm / 10mm 20mm 30mm 40mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm 40mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm 30mm) - computed
+PASS inset(10mm round 10mm 20mm 30mm 40mm / 10mm 20mm 30mm 40mm) - computed
+PASS inset(10in round 10in) - computed
+PASS inset(10in round 10in / 10in) - computed
+PASS inset(10in round 10in / 10in 20in) - computed
+PASS inset(10in round 10in / 10in 20in 30in) - computed
+PASS inset(10in round 10in / 10in 20in 30in 40in) - computed
+PASS inset(10in round 10in 20in) - computed
+PASS inset(10in round 10in 20in / 10in) - computed
+PASS inset(10in round 10in 20in / 10in 20in) - computed
+PASS inset(10in round 10in 20in / 10in 20in 30in) - computed
+PASS inset(10in round 10in 20in / 10in 20in 30in 40in) - computed
+PASS inset(10in round 10in 20in 30in) - computed
+PASS inset(10in round 10in 20in 30in / 10in) - computed
+PASS inset(10in round 10in 20in 30in / 10in 20in) - computed
+PASS inset(10in round 10in 20in 30in / 10in 20in 30in) - computed
+PASS inset(10in round 10in 20in 30in / 10in 20in 30in 40in) - computed
+PASS inset(10in round 10in 20in 30in 40in) - computed
+PASS inset(10in round 10in 20in 30in 40in / 10in) - computed
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in) - computed
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in 30in) - computed
+PASS inset(10in round 10in 20in 30in 40in / 10in 20in 30in 40in) - computed
+PASS inset(10pt round 10pt) - computed
+PASS inset(10pt round 10pt / 10pt) - computed
+PASS inset(10pt round 10pt / 10pt 20pt) - computed
+PASS inset(10pt round 10pt / 10pt 20pt 30pt) - computed
+PASS inset(10pt round 10pt / 10pt 20pt 30pt 40pt) - computed
+PASS inset(10pt round 10pt 20pt) - computed
+PASS inset(10pt round 10pt 20pt / 10pt) - computed
+PASS inset(10pt round 10pt 20pt / 10pt 20pt) - computed
+PASS inset(10pt round 10pt 20pt / 10pt 20pt 30pt) - computed
+PASS inset(10pt round 10pt 20pt / 10pt 20pt 30pt 40pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt / 10pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt 30pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt / 10pt 20pt 30pt 40pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt 40pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt 30pt) - computed
+PASS inset(10pt round 10pt 20pt 30pt 40pt / 10pt 20pt 30pt 40pt) - computed
+PASS inset(10pc round 10pc) - computed
+PASS inset(10pc round 10pc / 10pc) - computed
+PASS inset(10pc round 10pc / 10pc 20pc) - computed
+PASS inset(10pc round 10pc / 10pc 20pc 30pc) - computed
+PASS inset(10pc round 10pc / 10pc 20pc 30pc 40pc) - computed
+PASS inset(10pc round 10pc 20pc) - computed
+PASS inset(10pc round 10pc 20pc / 10pc) - computed
+PASS inset(10pc round 10pc 20pc / 10pc 20pc) - computed
+PASS inset(10pc round 10pc 20pc / 10pc 20pc 30pc) - computed
+PASS inset(10pc round 10pc 20pc / 10pc 20pc 30pc 40pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc / 10pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc 30pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc / 10pc 20pc 30pc 40pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc 40pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc 30pc) - computed
+PASS inset(10pc round 10pc 20pc 30pc 40pc / 10pc 20pc 30pc 40pc) - computed
+PASS inset(10em round 10em) - computed
+PASS inset(10em round 10em / 10em) - computed
+PASS inset(10em round 10em / 10em 20em) - computed
+PASS inset(10em round 10em / 10em 20em 30em) - computed
+PASS inset(10em round 10em / 10em 20em 30em 40em) - computed
+PASS inset(10em round 10em 20em) - computed
+PASS inset(10em round 10em 20em / 10em) - computed
+PASS inset(10em round 10em 20em / 10em 20em) - computed
+PASS inset(10em round 10em 20em / 10em 20em 30em) - computed
+PASS inset(10em round 10em 20em / 10em 20em 30em 40em) - computed
+PASS inset(10em round 10em 20em 30em) - computed
+PASS inset(10em round 10em 20em 30em / 10em) - computed
+PASS inset(10em round 10em 20em 30em / 10em 20em) - computed
+PASS inset(10em round 10em 20em 30em / 10em 20em 30em) - computed
+PASS inset(10em round 10em 20em 30em / 10em 20em 30em 40em) - computed
+PASS inset(10em round 10em 20em 30em 40em) - computed
+PASS inset(10em round 10em 20em 30em 40em / 10em) - computed
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em) - computed
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em 30em) - computed
+PASS inset(10em round 10em 20em 30em 40em / 10em 20em 30em 40em) - computed
+PASS inset(10ex round 10ex) - computed
+PASS inset(10ex round 10ex / 10ex) - computed
+PASS inset(10ex round 10ex / 10ex 20ex) - computed
+PASS inset(10ex round 10ex / 10ex 20ex 30ex) - computed
+PASS inset(10ex round 10ex / 10ex 20ex 30ex 40ex) - computed
+PASS inset(10ex round 10ex 20ex) - computed
+PASS inset(10ex round 10ex 20ex / 10ex) - computed
+PASS inset(10ex round 10ex 20ex / 10ex 20ex) - computed
+PASS inset(10ex round 10ex 20ex / 10ex 20ex 30ex) - computed
+PASS inset(10ex round 10ex 20ex / 10ex 20ex 30ex 40ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex / 10ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex 30ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex / 10ex 20ex 30ex 40ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex 40ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex 30ex) - computed
+PASS inset(10ex round 10ex 20ex 30ex 40ex / 10ex 20ex 30ex 40ex) - computed
+PASS inset(10ch round 10ch) - computed
+PASS inset(10ch round 10ch / 10ch) - computed
+PASS inset(10ch round 10ch / 10ch 20ch) - computed
+PASS inset(10ch round 10ch / 10ch 20ch 30ch) - computed
+PASS inset(10ch round 10ch / 10ch 20ch 30ch 40ch) - computed
+PASS inset(10ch round 10ch 20ch) - computed
+PASS inset(10ch round 10ch 20ch / 10ch) - computed
+PASS inset(10ch round 10ch 20ch / 10ch 20ch) - computed
+PASS inset(10ch round 10ch 20ch / 10ch 20ch 30ch) - computed
+PASS inset(10ch round 10ch 20ch / 10ch 20ch 30ch 40ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch / 10ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch 30ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch / 10ch 20ch 30ch 40ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch 40ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch 30ch) - computed
+PASS inset(10ch round 10ch 20ch 30ch 40ch / 10ch 20ch 30ch 40ch) - computed
+PASS inset(10rem round 10rem) - computed
+PASS inset(10rem round 10rem / 10rem) - computed
+PASS inset(10rem round 10rem / 10rem 20rem) - computed
+PASS inset(10rem round 10rem / 10rem 20rem 30rem) - computed
+PASS inset(10rem round 10rem / 10rem 20rem 30rem 40rem) - computed
+PASS inset(10rem round 10rem 20rem) - computed
+PASS inset(10rem round 10rem 20rem / 10rem) - computed
+PASS inset(10rem round 10rem 20rem / 10rem 20rem) - computed
+PASS inset(10rem round 10rem 20rem / 10rem 20rem 30rem) - computed
+PASS inset(10rem round 10rem 20rem / 10rem 20rem 30rem 40rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem / 10rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem 30rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem / 10rem 20rem 30rem 40rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem 40rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem 30rem) - computed
+PASS inset(10rem round 10rem 20rem 30rem 40rem / 10rem 20rem 30rem 40rem) - computed
+PASS inset(10vw round 10vw) - computed
+PASS inset(10vw round 10vw / 10vw) - computed
+PASS inset(10vw round 10vw / 10vw 20vw) - computed
+PASS inset(10vw round 10vw / 10vw 20vw 30vw) - computed
+PASS inset(10vw round 10vw / 10vw 20vw 30vw 40vw) - computed
+PASS inset(10vw round 10vw 20vw) - computed
+PASS inset(10vw round 10vw 20vw / 10vw) - computed
+PASS inset(10vw round 10vw 20vw / 10vw 20vw) - computed
+PASS inset(10vw round 10vw 20vw / 10vw 20vw 30vw) - computed
+PASS inset(10vw round 10vw 20vw / 10vw 20vw 30vw 40vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw / 10vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw 30vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw / 10vw 20vw 30vw 40vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw 40vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw 30vw) - computed
+PASS inset(10vw round 10vw 20vw 30vw 40vw / 10vw 20vw 30vw 40vw) - computed
+PASS inset(10vh round 10vh) - computed
+PASS inset(10vh round 10vh / 10vh) - computed
+PASS inset(10vh round 10vh / 10vh 20vh) - computed
+PASS inset(10vh round 10vh / 10vh 20vh 30vh) - computed
+PASS inset(10vh round 10vh / 10vh 20vh 30vh 40vh) - computed
+PASS inset(10vh round 10vh 20vh) - computed
+PASS inset(10vh round 10vh 20vh / 10vh) - computed
+PASS inset(10vh round 10vh 20vh / 10vh 20vh) - computed
+PASS inset(10vh round 10vh 20vh / 10vh 20vh 30vh) - computed
+PASS inset(10vh round 10vh 20vh / 10vh 20vh 30vh 40vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh / 10vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh 30vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh / 10vh 20vh 30vh 40vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh 40vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh 30vh) - computed
+PASS inset(10vh round 10vh 20vh 30vh 40vh / 10vh 20vh 30vh 40vh) - computed
+PASS inset(10vmin round 10vmin) - computed
+PASS inset(10vmin round 10vmin / 10vmin) - computed
+PASS inset(10vmin round 10vmin / 10vmin 20vmin) - computed
+PASS inset(10vmin round 10vmin / 10vmin 20vmin 30vmin) - computed
+PASS inset(10vmin round 10vmin / 10vmin 20vmin 30vmin 40vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin / 10vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin 30vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin / 10vmin 20vmin 30vmin 40vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin 30vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin / 10vmin 20vmin 30vmin 40vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin 30vmin) - computed
+PASS inset(10vmin round 10vmin 20vmin 30vmin 40vmin / 10vmin 20vmin 30vmin 40vmin) - computed
+PASS inset(10vmax round 10vmax) - computed
+PASS inset(10vmax round 10vmax / 10vmax) - computed
+PASS inset(10vmax round 10vmax / 10vmax 20vmax) - computed
+PASS inset(10vmax round 10vmax / 10vmax 20vmax 30vmax) - computed
+PASS inset(10vmax round 10vmax / 10vmax 20vmax 30vmax 40vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax / 10vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax 30vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax / 10vmax 20vmax 30vmax 40vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax 30vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax / 10vmax 20vmax 30vmax 40vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax 30vmax) - computed
+PASS inset(10vmax round 10vmax 20vmax 30vmax 40vmax / 10vmax 20vmax 30vmax 40vmax) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Valid Round Length Units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="An inset's radial component's values can be in any length unit">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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'));
+ });
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+
+PASS inset(+10px -20px +30px -40px) - inline
+PASS inset(-10px +20px -30px +40px) - inline
+PASS inset(10.1200px 20.34px 30.56px 40.780px) - inline
+PASS inset(10.123px 20.00px 30.10px 40.5678px) - inline
+PASS inset(+10.1200px -20.340px +30.56px -40.780px) - inline
+PASS inset(-10.123px +20.00px -30.10px +40.5678px) - inline
+PASS inset(+10px -20px +30px -40px) - computed
+PASS inset(-10px +20px -30px +40px) - computed
+PASS inset(10.1200px 20.34px 30.56px 40.780px) - computed
+PASS inset(10.123px 20.00px 30.10px 40.5678px) - computed
+PASS inset(+10.1200px -20.340px +30.56px -40.780px) - computed
+PASS inset(-10.123px +20.00px -30.10px +40.5678px) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset - positive/negative, decimal/non-decimal args</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="These tests verify that shape-outside inset() arguments can be numbers that are signed in
+ positive and negative and/or decimal/non-decimal form.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_inset_args_tests = [
+ {
+ "actual": "inset(+10px -20px +30px -40px)",
+ "expected_inline": "inset(10px -20px 30px -40px)",
+ "expected_computed": "inset(10px -20px 30px -40px)"
+ },
+ {
+ "actual": "inset(-10px +20px -30px +40px)",
+ "expected_inline": "inset(-10px 20px -30px 40px)",
+ "expected_computed": "inset(-10px 20px -30px 40px)"
+ },
+ {
+ "actual": "inset(10.1200px 20.34px 30.56px 40.780px)",
+ "expected_inline": "inset(10.12px 20.34px 30.56px 40.78px)",
+ "expected_computed": "inset(10.12px 20.34px 30.56px 40.78px)"
+ },
+ {
+ "actual": "inset(10.123px 20.00px 30.10px 40.5678px)",
+ "expected_inline": "inset(10.123px 20px 30.1px 40.5678px)",
+ "expected_computed": "inset(10.123px 20px 30.1px 40.5678px)"
+ },
+ {
+ "actual": "inset(+10.1200px -20.340px +30.56px -40.780px)",
+ "expected_inline": "inset(10.12px -20.34px 30.56px -40.78px)",
+ "expected_computed": "inset(10.12px -20.34px 30.56px -40.78px)"
+ },
+ {
+ "actual": "inset(-10.123px +20.00px -30.10px +40.5678px)",
+ "expected_inline": "inset(-10.123px 20px -30.1px 40.5678px)",
+ "expected_computed": "inset(-10.123px 20px -30.1px 40.5678px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_inset_args_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_inset_args_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+
+PASS inset(10 20px 30px 40px) - invalid
+PASS inset(10px 20 30px 40px) - invalid
+PASS inset(10px, 20px 30 40px) - invalid
+PASS inset(10px 20px 30px 40) - invalid
+PASS inset(10 20 30 40) - invalid
+PASS inset(10px, 20px, 30px, 40px) - invalid
+PASS inset(10px, 20px, 30px 40px) - invalid
+PASS inset(10px, 20px 30px 40px) - invalid
+PASS inset(10px 20px, 30px, 40px) - invalid
+PASS inset(10px 20px 30px, 40px) - invalid
+PASS inset(foo bar blah woo) - invalid
+PASS inset(10px roo 30px coo) - invalid
+PASS inset(may 20px blah 40px) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset - Invalid args</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="These tests verifies that invalid inset() arguments don't parse.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_inset_args_tests = [
+ // no units
+ {"name": "inset(10 20px 30px 40px)"},
+ {"name": "inset(10px 20 30px 40px)"},
+ {"name": "inset(10px, 20px 30 40px)"},
+ {"name": "inset(10px 20px 30px 40)"},
+ {"name": "inset(10 20 30 40)"},
+ // comma delimited args
+ {"name": "inset(10px, 20px, 30px, 40px)"},
+ {"name": "inset(10px, 20px, 30px 40px)"},
+ {"name": "inset(10px, 20px 30px 40px)"},
+ {"name": "inset(10px 20px, 30px, 40px)"},
+ {"name": "inset(10px 20px 30px, 40px)"},
+ // bogus args
+ {"name": "inset(foo bar blah woo)"},
+ {"name": "inset(10px roo 30px coo)"},
+ {"name": "inset(may 20px blah 40px)"}
+ ];
+ generate_tests(ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_inset_args_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset006expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+
+PASS inset(10px round +10px +20px +30px +40px) - inline
+PASS inset(10px round 10.1200px 20.34px 30.56px 40.780px) - inline
+PASS inset(10px round 10.123px 20.00px 30.10px 40.5678px) - inline
+PASS inset(10px round +10.1200px +20.340px +30.56px +40.780px) - inline
+PASS inset(10px round +10px +20px +30px +40px / +10px +20px +30px +40px ) - inline
+PASS inset(10px round 10.1200px 20.34px 30.56px 40.780px / 10.1200px 20.34px 30.56px 40.780px) - inline
+PASS inset(10px round 10.123px 20.00px 30.10px 40.5678px / 10.123px 20.00px 30.10px 40.5678px) - inline
+PASS inset(10px round +10.1200px +20.340px +30.56px +40.780px / +10.1200px +20.340px +30.56px +40.780px) - inline
+PASS inset(10px round +10.123px +20.00px +30.10px +40.5678px / 10.123px +20.00px +30.10px +40.5678px) - inline
+PASS inset(10px round +10px +20px +30px +40px) - computed
+PASS inset(10px round 10.1200px 20.34px 30.56px 40.780px) - computed
+PASS inset(10px round 10.123px 20.00px 30.10px 40.5678px) - computed
+PASS inset(10px round +10.1200px +20.340px +30.56px +40.780px) - computed
+PASS inset(10px round +10px +20px +30px +40px / +10px +20px +30px +40px ) - computed
+PASS inset(10px round 10.1200px 20.34px 30.56px 40.780px / 10.1200px 20.34px 30.56px 40.780px) - computed
+PASS inset(10px round 10.123px 20.00px 30.10px 40.5678px / 10.123px 20.00px 30.10px 40.5678px) - computed
+PASS inset(10px round +10.1200px +20.340px +30.56px +40.780px / +10.1200px +20.340px +30.56px +40.780px) - computed
+PASS inset(10px round +10.123px +20.00px +30.10px +40.5678px / 10.123px +20.00px +30.10px +40.5678px) - computed
+PASS inset(10px round -10px -20px -30px -40px) - invalid
+PASS inset(10px round -10.1200px -20.340px -30.56px -40.780px) - invalid
+PASS inset(10px round -10px -20px -30px -40px / -10px -20px -30px -40px) - invalid
+PASS inset(10px round -10.123px -20.00px -30.10px -40.5678px / 10.123px -20.00px -30.10px -40.5678px) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,81 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="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">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_inset_radial_args_tests = [
+ {
+ "actual": "inset(10px round +10px +20px +30px +40px)",
+ "expected_inline": "inset(10px round 10px 20px 30px 40px)",
+ "expected_computed": "inset(10px round 10px 20px 30px 40px)"
+ },
+ {
+ "actual": "inset(10px round 10.1200px 20.34px 30.56px 40.780px)",
+ "expected_inline": "inset(10px round 10.12px 20.34px 30.56px 40.78px)",
+ "expected_computed": "inset(10px round 10.12px 20.34px 30.56px 40.78px)"
+ },
+ {
+ "actual": "inset(10px round 10.123px 20.00px 30.10px 40.5678px)",
+ "expected_inline": "inset(10px round 10.123px 20px 30.1px 40.5678px)",
+ "expected_computed": "inset(10px round 10.123px 20px 30.1px 40.5678px)"
+ },
+ {
+ "actual": "inset(10px round +10.1200px +20.340px +30.56px +40.780px)",
+ "expected_inline": "inset(10px round 10.12px 20.34px 30.56px 40.78px)",
+ "expected_computed": "inset(10px round 10.12px 20.34px 30.56px 40.78px)"
+ },
+ {
+ "actual": "inset(10px round +10px +20px +30px +40px / +10px +20px +30px +40px )",
+ "expected_inline": "inset(10px round 10px 20px 30px 40px)",
+ "expected_computed": "inset(10px round 10px 20px 30px 40px)"
+ },
+ {
+ "actual": "inset(10px round 10.1200px 20.34px 30.56px 40.780px / 10.1200px 20.34px 30.56px 40.780px)",
+ "expected_inline": "inset(10px round 10.12px 20.34px 30.56px 40.78px)",
+ "expected_computed": "inset(10px round 10.12px 20.34px 30.56px 40.78px)"
+ },
+ {
+ "actual": "inset(10px round 10.123px 20.00px 30.10px 40.5678px / 10.123px 20.00px 30.10px 40.5678px)",
+ "expected_inline": "inset(10px round 10.123px 20px 30.1px 40.5678px)",
+ "expected_computed": "inset(10px round 10.123px 20px 30.1px 40.5678px)"
+ },
+ {
+ "actual": "inset(10px round +10.1200px +20.340px +30.56px +40.780px / +10.1200px +20.340px +30.56px +40.780px)",
+ "expected_inline": "inset(10px round 10.12px 20.34px 30.56px 40.78px)",
+ "expected_computed": "inset(10px round 10.12px 20.34px 30.56px 40.78px)"
+ },
+ {
+ "actual": "inset(10px round +10.123px +20.00px +30.10px +40.5678px / 10.123px +20.00px +30.10px +40.5678px)",
+ "expected_inline": "inset(10px round 10.123px 20px 30.1px 40.5678px)",
+ "expected_computed": "inset(10px round 10.123px 20px 30.1px 40.5678px)"
+ }
+ ];
+ invalid_radial_args_tests = [
+ {"name": "inset(10px round -10px -20px -30px -40px)"},
+ {"name": "inset(10px round -10.1200px -20.340px -30.56px -40.780px)"},
+ {"name": "inset(10px round -10px -20px -30px -40px / -10px -20px -30px -40px)"},
+ {"name": "inset(10px round -10.123px -20.00px -30.10px -40.5678px / 10.123px -20.00px -30.10px -40.5678px)"}
+ ];
+ 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) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset007expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+
+PASS inset(10px round 10 20 30 40) - invalid
+PASS inset(10px round 10px 20 30 40) - invalid
+PASS inset(10px round 10px 20px 30 40) - invalid
+PASS inset(10px round 10px 20px 30px 40) - invalid
+PASS inset(10px round 10px 20px 30px 40px / 10 20 30 40) - invalid
+PASS inset(10px round 10px 20px 30px 40px / 10px 20 30 40) - invalid
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30 40) - invalid
+PASS inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40) - invalid
+PASS inset(10px round 10px, 20px, 30px, 40px) - invalid
+PASS inset(10px round 10px, 20px, 30px 40px) - invalid
+PASS inset(10px round 10px, 20px 30px 40px) - invalid
+PASS inset(10px round 10px 20px, 30px, 40px) - invalid
+PASS inset(10px round 10px 20px 30px, 40px) - invalid
+PASS inset(10px round 10px, 20px, 30px, 40px / 10px, 20px, 30px, 40px) - invalid
+PASS inset(10px round 10px 20px, 30px, 40px / 10px 20px, 30px, 40) - invalid
+PASS inset(10px round 10px 20px 30px, 40px / 10px 20px 30px, 40) - invalid
+PASS inset(10px round foo, bar, boo, $$) - invalid
+PASS inset(10px round 10px, xx, px pt) - invalid
+PASS inset(10px round word) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Radial Args - Invalid</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="These tests verify invalid radial component arguments don't parse.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_radial_args_tests = [
+ // no units
+ {"name": "inset(10px round 10 20 30 40)"},
+ {"name": "inset(10px round 10px 20 30 40)"},
+ {"name": "inset(10px round 10px 20px 30 40)"},
+ {"name": "inset(10px round 10px 20px 30px 40)"},
+ {"name": "inset(10px round 10px 20px 30px 40px / 10 20 30 40)"},
+ {"name": "inset(10px round 10px 20px 30px 40px / 10px 20 30 40)"},
+ {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30 40)"},
+ {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40)"},
+ // commas
+ {"name": "inset(10px round 10px, 20px, 30px, 40px)"},
+ {"name": "inset(10px round 10px, 20px, 30px 40px)"},
+ {"name": "inset(10px round 10px, 20px 30px 40px)"},
+ {"name": "inset(10px round 10px 20px, 30px, 40px)"},
+ {"name": "inset(10px round 10px 20px 30px, 40px)"},
+ {"name": "inset(10px round 10px, 20px, 30px, 40px / 10px, 20px, 30px, 40px)"},
+ {"name": "inset(10px round 10px 20px, 30px, 40px / 10px 20px, 30px, 40)"},
+ {"name": "inset(10px round 10px 20px 30px, 40px / 10px 20px 30px, 40)"},
+ // bogus args
+ {"name": "inset(10px round foo, bar, boo, $$)"},
+ {"name": "inset(10px round 10px, xx, px pt)"},
+ {"name": "inset(10px round word)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_radial_args_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset008expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+
+PASS inset(calc(10in)) - inline style
+PASS inset(calc(10in + 20px)) - inline style
+PASS inset(calc(30%)) - inline style
+PASS inset(calc(100%/4)) - inline style
+PASS inset(calc(25%*3)) - inline style
+PASS inset(calc(25%*3 - 10in)) - inline style
+PASS inset(calc((12.5%*6 + 10in) / 4)) - inline style
+PASS inset(calc(10in) calc(10in)) - inline style
+PASS inset(calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS inset(calc(30%) calc(30%)) - inline style
+PASS inset(calc(100%/4) calc(100%/4)) - inline style
+PASS inset(calc(25%*3) calc(25%*3)) - inline style
+PASS inset(calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS inset(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS inset(calc(10in)) - computed style
+PASS inset(calc(10in + 20px)) - computed style
+PASS inset(calc(30%)) - computed style
+PASS inset(calc(100%/4)) - computed style
+PASS inset(calc(25%*3)) - computed style
+PASS inset(calc(25%*3 - 10in)) - computed style
+PASS inset(calc((12.5%*6 + 10in) / 4)) - computed style
+PASS inset(calc(10in) calc(10in)) - computed style
+PASS inset(calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS inset(calc(30%) calc(30%)) - computed style
+PASS inset(calc(100%/4) calc(100%/4)) - computed style
+PASS inset(calc(25%*3) calc(25%*3)) - computed style
+PASS inset(calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS inset(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset Args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="An inset's arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset009expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+
+PASS inset(10px 10px 10px 10px round calc(10in)) - inline style
+PASS inset(10px 10px 10px 10px round calc(10in + 20px)) - inline style
+PASS inset(10px 10px 10px 10px round calc(30%)) - inline style
+PASS inset(10px 10px 10px 10px round calc(100%/4)) - inline style
+PASS inset(10px 10px 10px 10px round calc(25%*3)) - inline style
+PASS inset(10px 10px 10px 10px round calc(25%*3 - 10in)) - inline style
+PASS inset(10px 10px 10px 10px round calc((12.5%*6 + 10in) / 4)) - inline style
+PASS inset(10px 10px 10px 10px round calc(10in) calc(10in)) - inline style
+PASS inset(10px 10px 10px 10px round calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS inset(10px 10px 10px 10px round calc(30%) calc(30%)) - inline style
+PASS inset(10px 10px 10px 10px round calc(100%/4) calc(100%/4)) - inline style
+PASS inset(10px 10px 10px 10px round calc(25%*3) calc(25%*3)) - inline style
+PASS inset(10px 10px 10px 10px round calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS inset(10px 10px 10px 10px round calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS inset(10px 10px 10px 10px round calc(10in)) - computed style
+PASS inset(10px 10px 10px 10px round calc(10in + 20px)) - computed style
+PASS inset(10px 10px 10px 10px round calc(30%)) - computed style
+PASS inset(10px 10px 10px 10px round calc(100%/4)) - computed style
+PASS inset(10px 10px 10px 10px round calc(25%*3)) - computed style
+PASS inset(10px 10px 10px 10px round calc(25%*3 - 10in)) - computed style
+PASS inset(10px 10px 10px 10px round calc((12.5%*6 + 10in) / 4)) - computed style
+PASS inset(10px 10px 10px 10px round calc(10in) calc(10in)) - computed style
+PASS inset(10px 10px 10px 10px round calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS inset(10px 10px 10px 10px round calc(30%) calc(30%)) - computed style
+PASS inset(10px 10px 10px 10px round calc(100%/4) calc(100%/4)) - computed style
+PASS inset(10px 10px 10px 10px round calc(25%*3) calc(25%*3)) - computed style
+PASS inset(10px 10px 10px 10px round calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS inset(10px 10px 10px 10px round calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideinset009html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Inset round args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="An inset's radial component arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var fullInset = '10px 10px 10px 10px';
+ var serializedInset = "10px";
+
+ 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]' && 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+
+PASS Single point - inline
+PASS Single point with fill-rule - inline
+PASS Multiple points - inline
+PASS Multiple points with fill-rule - inline
+PASS Single point - computed
+PASS Single point with fill-rule - computed
+PASS Multiple points - computed
+PASS Multiple points with fill-rule - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon Valid Formats</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A polygonal basic shape has an optional fill-rule and one or more pairs of coordinates">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_polygon_tests = [
+ {
+ "name": "Single point",
+ "actual": "polygon(1px 2px)",
+ "expected_inline": "polygon(1px 2px)",
+ "expected_computed": "polygon(1px 2px)"
+ },
+ {
+ "name": "Single point with fill-rule",
+ "actual": "polygon(evenodd, 1px 2px)",
+ "expected_inline": "polygon(evenodd, 1px 2px)",
+ "expected_computed": "polygon(evenodd, 1px 2px)"
+ },
+ {
+ "name": "Multiple points",
+ "actual": "polygon(1px 2px, 3px 4px, 5px 6px)",
+ "expected_inline": "polygon(1px 2px, 3px 4px, 5px 6px)",
+ "expected_computed": "polygon(1px 2px, 3px 4px, 5px 6px)"
+ },
+ {
+ "name": "Multiple points with fill-rule",
+ "actual": "polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)",
+ "expected_inline": "polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)",
+ "expected_computed": "polygon(evenodd, 1px 2px, 3px 4px, 5px 6px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_polygon_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_polygon_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS Nonzero - inline
+PASS Evenodd - inline
+PASS Nonzero - computed
+PASS Evenodd - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon Valid Fill-Rules</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A polygonal basic shape's optional fill-rule may be either 'nonzero' or 'evenodd'">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_fill_rule_tests = [
+ {
+ "name": "Nonzero",
+ "actual": "polygon(nonzero, 1px 2px)",
+ "expected_inline": "polygon(1px 2px)",
+ "expected_computed": "polygon(1px 2px)"
+ },
+ {
+ "name": "Evenodd",
+ "actual": "polygon(evenodd, 1px 2px)",
+ "expected_inline": "polygon(evenodd, 1px 2px)",
+ "expected_computed": "polygon(evenodd, 1px 2px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_fill_rule_tests, 'inline') );
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_fill_rule_tests, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+
+PASS Lengths - inline
+PASS Percentages - inline
+PASS Mixed Lengths and Percentages - inline
+PASS Lengths - computed
+PASS Percentages - computed
+PASS Mixed Lengths and Percentages - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon Valid Points</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A polygonal basic shape's points may be either lengths or percentages">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_polygon_points_tests = [
+ {
+ "name": "Lengths",
+ "actual": "polygon(1px 2px, 3px 4px, 5px 6px)",
+ "expected_inline": "polygon(1px 2px, 3px 4px, 5px 6px)",
+ "expected_computed": "polygon(1px 2px, 3px 4px, 5px 6px)"
+ },
+ {
+ "name": "Percentages",
+ "actual": "polygon(1% 2%, 3% 4%, 5% 6%)",
+ "expected_inline": "polygon(1% 2%, 3% 4%, 5% 6%)",
+ "expected_computed": "polygon(1% 2%, 3% 4%, 5% 6%)"
+ },
+ {
+ "name": "Mixed Lengths and Percentages",
+ "actual": "polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)",
+ "expected_inline": "polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)",
+ "expected_computed": "polygon(1px 2px, 3px 4%, 5% 6px, 7% 8%)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_polygon_points_tests, 'inline') );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_polygon_points_tests, 'computed') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+
+PASS polygon() - invalid
+PASS polygon(evenodd) - invalid
+PASS polygon(nonzero) - invalid
+PASS polygon(evenodd, foo bar) - invalid
+PASS polygon(nonzero, bar foo) - invalid
+PASS polygon(foo, 1px 2px) - invalid
+PASS polygon(evenodd 1px 2px) - invalid
+PASS polygon(nonzero 1px 2px) - invalid
+PASS polygon(1px) - invalid
+PASS polygon(1px 2px 3px) - invalid
+PASS polygon(1px 2px 3px 4px) - invalid
+PASS polygon(1px, 2px) - invalid
+PASS polygon(1px 2px evenodd) - invalid
+PASS polygon(1px 2px nonzero) - invalid
+PASS polygon(evenodd, 10 20) - invalid
+PASS polygon(nonzero, 10 20) - invalid
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon Invalid Points</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A polygonal basic shape's points may be either lengths or percentages">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var invalid_polygon_points_tests = [
+ {"name": "polygon()"},
+ {"name": "polygon(evenodd)"},
+ {"name": "polygon(nonzero)"},
+ {"name": "polygon(evenodd, foo bar)"},
+ {"name": "polygon(nonzero, bar foo)"},
+ {"name": "polygon(foo, 1px 2px)"},
+ {"name": "polygon(evenodd 1px 2px)"},
+ {"name": "polygon(nonzero 1px 2px)"},
+ {"name": "polygon(1px)"},
+ {"name": "polygon(1px 2px 3px)"},
+ {"name": "polygon(1px 2px 3px 4px)"},
+ {"name": "polygon(1px, 2px)"},
+ {"name": "polygon(1px 2px evenodd)"},
+ {"name": "polygon(1px 2px nonzero)"},
+ {"name": "polygon(evenodd, 10 20)"},
+ {"name": "polygon(nonzero, 10 20)"}
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(invalid_polygon_points_tests) );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,146 @@
</span><ins>+
+PASS One vertex - % % - inline
+PASS One vertex - % px - inline
+PASS Two vertices - % %, % % - inline
+PASS Two vertices - % %, px px - inline
+PASS Two vertices - px px, % % - inline
+PASS Two vertices - % px, px % - inline
+PASS Three vertices - % %, % %, % % - inline
+PASS Three vertices - px px, px px, px px - inline
+PASS Three vertices - % %, px px, px px - inline
+PASS Three vertices - px px, %, %, px px - inline
+PASS One vertex - px px - inline
+PASS One vertex - px % - inline
+PASS Two vertices - px px, px px - inline
+PASS Two vertices - px %, % px - inline
+PASS Three vertices - px px, % %, px px - inline
+PASS Three vertices - px px, px, px, % % - inline
+PASS Three vertices - px px, px px, % % - inline
+PASS Three vertices - % %, px, px, px px - inline
+PASS Three vertices - % %, %, %, % % - inline
+PASS One vertex - em em - inline
+PASS Two vertices - em em, em em - inline
+PASS Three vertices - em em, em em, em em - inline
+PASS Three vertices - ex ex, ex ex, ex ex - inline
+PASS Three vertices - em em, em em, ex ex - inline
+PASS Three vertices - ex ex, em, em, em em - inline
+PASS One vertex - vw vw - inline
+PASS One vertex - vw vh - inline
+PASS Two vertices - vw vw, vw vw - inline
+PASS Two vertices - vw vw, vh vh - inline
+PASS Two vertices - vh vh, vw vw - inline
+PASS Two vertices - vw vh, vh vw - inline
+PASS Three vertices - vw vw, vw vw, vw vw - inline
+PASS Three vertices - vh vh, vh vh, vh vh - inline
+PASS Three vertices - vw vw, vh vh, % % - inline
+PASS Three vertices - % %, vw, vw, vh vh - inline
+PASS One vertex - cm cm - inline
+PASS One vertex - cm mm - inline
+PASS Two vertices - cm cm, cm cm - inline
+PASS Two vertices - cm cm, mm mm - inline
+PASS Two vertices - mm mm, cm cm - inline
+PASS Two vertices - cm mm, mm cm - inline
+PASS Three vertices - cm cm, cm cm, cm cm - inline
+PASS Three vertices - mm mm, mm mm, mm mm - inline
+PASS Three vertices - pc pc, pc pc, pc pc - inline
+PASS Three vertices - cm cm, mm mm, pc pc - inline
+PASS Three vertices - pc pc, cm, cm, mm mm - inline
+PASS One vertex - vmin vmin - inline
+PASS Two vertices - vmin vmin, vmin vmin - inline
+PASS Three vertices - vmin vmin, vmin vmin, vmin vmin - inline
+PASS Three vertices - vmax vmax, vmax vmax, vmax vmax - inline
+PASS Three vertices - vmin vmin, vmin vmin, vmax vmax - inline
+PASS Three vertices - vmax vmax, vmin, vmin, vmin vmin - inline
+PASS One vertex - rem rem - inline
+PASS One vertex - rem ch - inline
+PASS Two vertices - rem rem, rem rem - inline
+PASS Two vertices - rem rem, ch ch - inline
+PASS Two vertices - ch ch, rem rem - inline
+PASS Two vertices - rem ch, ch rem - inline
+PASS Three vertices - rem rem, rem rem, rem rem - inline
+PASS Three vertices - ch ch, ch ch, ch ch - inline
+PASS Three vertices - rem rem, ch ch, rem rem - inline
+PASS Three vertices - rem rem, rem, rem, ch ch - inline
+PASS One vertex - in in - inline
+PASS One vertex - in pt - inline
+PASS Two vertices - in in, in in - inline
+PASS Two vertices - in in, pt pt - inline
+PASS Two vertices - pt pt, in in - inline
+PASS Two vertices - in pt, pt in - inline
+PASS Three vertices - in in, in in, in in - inline
+PASS Three vertices - pt pt, pt pt, pt pt - inline
+PASS Three vertices - in in, pt pt, % % - inline
+PASS Three vertices - % %, in, in, pt pt - inline
+PASS One vertex - % % - computed
+PASS One vertex - % px - computed
+PASS Two vertices - % %, % % - computed
+PASS Two vertices - % %, px px - computed
+PASS Two vertices - px px, % % - computed
+PASS Two vertices - % px, px % - computed
+PASS Three vertices - % %, % %, % % - computed
+PASS Three vertices - px px, px px, px px - computed
+PASS Three vertices - % %, px px, px px - computed
+PASS Three vertices - px px, %, %, px px - computed
+PASS One vertex - px px - computed
+PASS One vertex - px % - computed
+PASS Two vertices - px px, px px - computed
+PASS Two vertices - px %, % px - computed
+PASS Three vertices - px px, % %, px px - computed
+PASS Three vertices - px px, px, px, % % - computed
+PASS Three vertices - px px, px px, % % - computed
+PASS Three vertices - % %, px, px, px px - computed
+PASS Three vertices - % %, %, %, % % - computed
+PASS One vertex - em em - computed
+PASS Two vertices - em em, em em - computed
+PASS Three vertices - em em, em em, em em - computed
+PASS Three vertices - ex ex, ex ex, ex ex - computed
+PASS Three vertices - em em, em em, ex ex - computed
+PASS Three vertices - ex ex, em, em, em em - computed
+PASS One vertex - vw vw - computed
+PASS One vertex - vw vh - computed
+PASS Two vertices - vw vw, vw vw - computed
+PASS Two vertices - vw vw, vh vh - computed
+PASS Two vertices - vh vh, vw vw - computed
+PASS Two vertices - vw vh, vh vw - computed
+PASS Three vertices - vw vw, vw vw, vw vw - computed
+PASS Three vertices - vh vh, vh vh, vh vh - computed
+PASS Three vertices - vw vw, vh vh, % % - computed
+PASS Three vertices - % %, vw, vw, vh vh - computed
+PASS One vertex - cm cm - computed
+PASS One vertex - cm mm - computed
+PASS Two vertices - cm cm, cm cm - computed
+PASS Two vertices - cm cm, mm mm - computed
+PASS Two vertices - mm mm, cm cm - computed
+PASS Two vertices - cm mm, mm cm - computed
+PASS Three vertices - cm cm, cm cm, cm cm - computed
+PASS Three vertices - mm mm, mm mm, mm mm - computed
+PASS Three vertices - pc pc, pc pc, pc pc - computed
+PASS Three vertices - cm cm, mm mm, pc pc - computed
+PASS Three vertices - pc pc, cm, cm, mm mm - computed
+PASS One vertex - vmin vmin - computed
+PASS Two vertices - vmin vmin, vmin vmin - computed
+PASS Three vertices - vmin vmin, vmin vmin, vmin vmin - computed
+PASS Three vertices - vmax vmax, vmax vmax, vmax vmax - computed
+PASS Three vertices - vmin vmin, vmin vmin, vmax vmax - computed
+PASS Three vertices - vmax vmax, vmin, vmin, vmin vmin - computed
+PASS One vertex - rem rem - computed
+PASS One vertex - rem ch - computed
+PASS Two vertices - rem rem, rem rem - computed
+PASS Two vertices - rem rem, ch ch - computed
+PASS Two vertices - ch ch, rem rem - computed
+PASS Two vertices - rem ch, ch rem - computed
+PASS Three vertices - rem rem, rem rem, rem rem - computed
+PASS Three vertices - ch ch, ch ch, ch ch - computed
+PASS Three vertices - rem rem, ch ch, rem rem - computed
+PASS Three vertices - rem rem, rem, rem, ch ch - computed
+PASS One vertex - in in - computed
+PASS One vertex - in pt - computed
+PASS Two vertices - in in, in in - computed
+PASS Two vertices - in in, pt pt - computed
+PASS Two vertices - pt pt, in in - computed
+PASS Two vertices - in pt, pt in - computed
+PASS Three vertices - in in, in in, in in - computed
+PASS Three vertices - pt pt, pt pt, pt pt - computed
+PASS Three vertices - in in, pt pt, % % - computed
+PASS Three vertices - % %, in, in, pt pt - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon - Argument Length Units</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths">
+ <meta name="assert" content="A polygon's veritices may in percentage or any valid <length> units.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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') );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+
+PASS polygon(+1px +2px, +3px +4px, +5px +6px) - inline
+PASS polygon(-1px -2px, -3px -4px, -5px -6px) - inline
+PASS polygon(+1px +2px, -3px -4px, +5px +6px) - inline
+PASS polygon(-1px -2px, +3px +4px, -5px -6px) - inline
+PASS polygon(1.0px 2.22px, 3.40px 4.555px, 5.607px 6.99px) - inline
+PASS polygon(+1.0px -2.22px, +3.40px -4.550px, 5.67px -6.99px) - inline
+PASS polygon(+1px +2px, +3px +4px, +5px +6px) - computed
+PASS polygon(-1px -2px, -3px -4px, -5px -6px) - computed
+PASS polygon(+1px +2px, -3px -4px, +5px +6px) - computed
+PASS polygon(-1px -2px, +3px +4px, -5px -6px) - computed
+PASS polygon(1.0px 2.22px, 3.40px 4.555px, 5.607px 6.99px) - computed
+PASS polygon(+1.0px -2.22px, +3.40px -4.550px, 5.67px -6.99px) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon Valid Points</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="A polygon's vertices can be in signed positive/negative or decimal/non-decimal format">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var valid_polygon_points_tests = [
+ {
+ "actual": "polygon(+1px +2px, +3px +4px, +5px +6px)",
+ "expected_inline": "polygon(1px 2px, 3px 4px, 5px 6px)",
+ "expected_computed": "polygon(1px 2px, 3px 4px, 5px 6px)"
+ },
+ {
+ "actual": "polygon(-1px -2px, -3px -4px, -5px -6px)",
+ "expected_inline": "polygon(-1px -2px, -3px -4px, -5px -6px)",
+ "expected_computed": "polygon(-1px -2px, -3px -4px, -5px -6px)"
+ },
+ {
+ "actual": "polygon(+1px +2px, -3px -4px, +5px +6px)",
+ "expected_inline": "polygon(1px 2px, -3px -4px, 5px 6px)",
+ "expected_computed": "polygon(1px 2px, -3px -4px, 5px 6px)"
+ },
+ {
+ "actual": "polygon(-1px -2px, +3px +4px, -5px -6px)",
+ "expected_inline": "polygon(-1px -2px, 3px 4px, -5px -6px)",
+ "expected_computed": "polygon(-1px -2px, 3px 4px, -5px -6px)"
+ },
+ {
+ "actual": "polygon(1.0px 2.22px, 3.40px 4.555px, 5.607px 6.99px)",
+ "expected_inline": "polygon(1px 2.22px, 3.4px 4.555px, 5.607px 6.99px)",
+ "expected_computed": "polygon(1px 2.22px, 3.4px 4.555px, 5.607px 6.99px)"
+ },
+ {
+ "actual": "polygon(+1.0px -2.22px, +3.40px -4.550px, 5.67px -6.99px)",
+ "expected_inline": "polygon(1px -2.22px, 3.4px -4.55px, 5.67px -6.99px)",
+ "expected_computed": "polygon(1px -2.22px, 3.4px -4.55px, 5.67px -6.99px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(valid_polygon_points_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(valid_polygon_points_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon006expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+
+PASS polygon(calc(10in) calc(10in)) - inline style
+PASS polygon(calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS polygon(calc(30%) calc(30%)) - inline style
+PASS polygon(calc(100%/4) calc(100%/4)) - inline style
+PASS polygon(calc(25%*3) calc(25%*3)) - inline style
+PASS polygon(calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS polygon(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS polygon(evenodd, calc(10in) calc(10in), calc(10in) calc(10in)) - inline style
+PASS polygon(evenodd, calc(10in + 20px) calc(10in + 20px), calc(10in + 20px) calc(10in + 20px)) - inline style
+PASS polygon(evenodd, calc(30%) calc(30%), calc(30%) calc(30%)) - inline style
+PASS polygon(evenodd, calc(100%/4) calc(100%/4), calc(100%/4) calc(100%/4)) - inline style
+PASS polygon(evenodd, calc(25%*3) calc(25%*3), calc(25%*3) calc(25%*3)) - inline style
+PASS polygon(evenodd, calc(25%*3 - 10in) calc(25%*3 - 10in), calc(25%*3 - 10in) calc(25%*3 - 10in)) - inline style
+PASS polygon(evenodd, calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4), calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - inline style
+PASS polygon(calc(10in) calc(10in)) - computed style
+PASS polygon(calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS polygon(calc(30%) calc(30%)) - computed style
+PASS polygon(calc(100%/4) calc(100%/4)) - computed style
+PASS polygon(calc(25%*3) calc(25%*3)) - computed style
+PASS polygon(calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS polygon(calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+PASS polygon(evenodd, calc(10in) calc(10in), calc(10in) calc(10in)) - computed style
+PASS polygon(evenodd, calc(10in + 20px) calc(10in + 20px), calc(10in + 20px) calc(10in + 20px)) - computed style
+PASS polygon(evenodd, calc(30%) calc(30%), calc(30%) calc(30%)) - computed style
+PASS polygon(evenodd, calc(100%/4) calc(100%/4), calc(100%/4) calc(100%/4)) - computed style
+PASS polygon(evenodd, calc(25%*3) calc(25%*3), calc(25%*3) calc(25%*3)) - computed style
+PASS polygon(evenodd, calc(25%*3 - 10in) calc(25%*3 - 10in), calc(25%*3 - 10in) calc(25%*3 - 10in)) - computed style
+PASS polygon(evenodd, calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4), calc((12.5%*6 + 10in) / 4) calc((12.5%*6 + 10in) / 4)) - computed style
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsidepolygon006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Polygon args - calc() values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css3-values/#calc">
+ <meta name="assert" content="A polygon's arguments may be in calc() values.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ 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]' && 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]' && 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'));
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+
+PASS 0-valued - inline
+PASS Font relative units - inline
+PASS View relative units - inline
+PASS Fixed units - inline
+PASS Percentage units - inline
+PASS 0-valued - computed
+PASS Font relative units - computed
+PASS View relative units - computed
+PASS Fixed units - computed
+PASS Percentage units - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Basic Shape Arguments</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/cssom/#serializing-css-values">
+ <meta name="assert" content="A basic basic shape can contain any length unit type, or percentage">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ // 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 = [
+ {
+ "name": "0-valued",
+ "actual": "polygon(nonzero, 0 0)",
+ "expected_inline": "polygon(0px 0px)",
+ "expected_computed": "polygon(0px 0px)"
+ },
+ {
+ "name": "Font relative units",
+ "actual": "polygon(nonzero, 1em 1ex, 1ch 1rem)",
+ "expected_inline": "polygon(1em 1ex, 1ch 1rem)",
+ "expected_computed": "polygon(1em 1ex, 1ch 1rem)" // converted to px by the framework
+ },
+ {
+ "name": "View relative units",
+ "actual": "polygon(nonzero, 1vw 1vh, 1vmin 1vmax)",
+ "expected_inline": "polygon(1vw 1vh, 1vmin 1vmax)",
+ "expected_computed": "polygon(1vw 1vh, 1vmin 1vmax)" // converted to px by the framework
+ },
+ {
+ "name": "Fixed units",
+ "actual": "polygon(nonzero, 1cm 1mm, 1in 1px, 1pt 1pc)",
+ "expected_inline": "polygon(1cm 1mm, 1in 1px, 1pt 1pc)",
+ "expected_computed": "polygon(1cm 1mm, 1in 1px, 1pt 1pc)" // converted to px by the framework
+ },
+ {
+ "name": "Percentage units",
+ "actual": "polygon(nonzero, 1% 2%)",
+ "expected_inline": "polygon(1% 2%)",
+ "expected_computed": "polygon(1% 2%)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(basic_shape_args_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(basic_shape_args_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS Positive number variations - inline
+PASS Negative number variations - inline
+PASS Positive number variations - computed
+PASS Negative number variations - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapearguments001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Shape Number Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/cssom/#serializing-css-values">
+ <meta name="assert" content="The basic shape can contain all valid number formats">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ // number forms: d, +d, -d, .d, +.d, -.d, d.d, +d.d, -d.d
+ var shape_number_values_tests = [
+ {
+ "name": "Positive number variations",
+ "actual": "polygon(nonzero, 1px +2px, .3px +.4px, 5.5px +6.6px)",
+ "expected_inline": "polygon(1px 2px, 0.3px 0.4px, 5.5px 6.6px)",
+ "expected_computed": "polygon(1px 2px, 0.3px 0.4px, 5.5px 6.6px)"
+ },
+ {
+ "name": "Negative number variations",
+ "actual": "polygon(nonzero, -1px -.2px, -1.1px 0px)",
+ "expected_inline": "polygon(-1px -0.2px, -1.1px 0px)",
+ "expected_computed": "polygon(-1px -0.2px, -1.1px 0px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(shape_number_values_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(shape_number_values_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeboxpair000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+
+PASS polygon(nonzero, 1px 1px) content-box - inline
+PASS polygon(nonzero, 1px 1px) padding-box - inline
+PASS polygon(nonzero, 1px 1px) border-box - inline
+PASS polygon(nonzero, 1px 1px) margin-box - inline
+PASS content-box polygon(nonzero, 1px 1px) - inline
+PASS padding-box polygon(nonzero, 1px 1px) - inline
+PASS border-box polygon(nonzero, 1px 1px) - inline
+PASS margin-box polygon(nonzero, 1px 1px) - inline
+PASS polygon(nonzero, 1px 1px) content-box - computed
+PASS polygon(nonzero, 1px 1px) padding-box - computed
+PASS polygon(nonzero, 1px 1px) border-box - computed
+PASS polygon(nonzero, 1px 1px) margin-box - computed
+PASS content-box polygon(nonzero, 1px 1px) - computed
+PASS padding-box polygon(nonzero, 1px 1px) - computed
+PASS border-box polygon(nonzero, 1px 1px) - computed
+PASS margin-box polygon(nonzero, 1px 1px) - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeboxpair000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Box Shape and Box Valid Values</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#typedef-shape-box">
+ <meta name="assert" content="Shape-outside may be a pair of shape and box values">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_box_valid_tests = [
+ {
+ "actual": "polygon(nonzero, 1px 1px) content-box",
+ "expected_inline": "polygon(1px 1px) content-box",
+ "expected_computed": "polygon(1px 1px) content-box"
+ },
+ {
+ "actual": "polygon(nonzero, 1px 1px) padding-box",
+ "expected_inline": "polygon(1px 1px) padding-box",
+ "expected_computed": "polygon(1px 1px) padding-box"
+ },
+ {
+ "actual": "polygon(nonzero, 1px 1px) border-box",
+ "expected_inline": "polygon(1px 1px) border-box",
+ "expected_computed": "polygon(1px 1px) border-box"
+ },
+ {
+ "actual": "polygon(nonzero, 1px 1px) margin-box",
+ "expected_inline": "polygon(1px 1px) margin-box",
+ "expected_computed": "polygon(1px 1px) margin-box"
+ },
+ {
+ "actual": " content-box polygon(nonzero, 1px 1px)",
+ "expected_inline": "content-box polygon(1px 1px)",
+ "expected_computed": "polygon(1px 1px) content-box"
+ },
+ {
+ "actual": "padding-box polygon(nonzero, 1px 1px)",
+ "expected_inline": "padding-box polygon(1px 1px)",
+ "expected_computed": "polygon(1px 1px) padding-box"
+ },
+ {
+ "actual": "border-box polygon(nonzero, 1px 1px)",
+ "expected_inline": "border-box polygon(1px 1px)",
+ "expected_computed": "polygon(1px 1px) border-box"
+ },
+ {
+ "actual": "margin-box polygon(nonzero, 1px 1px)",
+ "expected_inline": "margin-box polygon(1px 1px)",
+ "expected_computed": "polygon(1px 1px) margin-box"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(shape_box_valid_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(shape_box_valid_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinherit000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS shape-outside can be assigned 'inherit' value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinherit000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Box Inherit Value</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="Shape-outside takes can be assigned the 'inherit' value.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ test(function() {
+ var outer = document.createElement("div");
+ var inner = document.createElement("div");
+ outer.appendChild(inner);
+ outer.style.setProperty("-webkit-shape-outside", "content-box");
+ inner.style.setProperty("-webkit-shape-outside", "inherit");
+ document.body.appendChild(outer);
+ var inline = inner.style.getPropertyValue("-webkit-shape-outside");
+ var style = getComputedStyle(inner);
+ var computed = style.getPropertyValue("-webkit-shape-outside");
+ document.body.removeChild(outer);
+ assert_equals(inline, "inherit");
+ assert_equals(computed, "content-box");
+ }, "shape-outside can be assigned 'inherit' value");
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinitial000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+
+PASS shape-outside can be assigned 'initial' value
+PASS 'initial' value computes to the default value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapeinitial000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Box Initial Value</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="Shape-outside takes its default value of none when assigned the 'initial' value">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ test(function() {
+ ParsingUtils.testInlineStyle("initial", "initial");
+ }, "shape-outside can be assigned 'initial' value");
+ test(function() {
+ ParsingUtils.testComputedStyle("initial", "none");
+ }, "'initial' value computes to the default value");
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenone000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+
+PASS shape-outside can be assigned 'none' value
+PASS 'none' value computes to none
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenone000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside - none</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <meta name="assert" content="shape-outside can be explictly assigned the default value of none.">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ test(function() {
+ ParsingUtils.testInlineStyle("none", "none");
+ }, "shape-outside can be assigned 'none' value");
+ test(function() {
+ ParsingUtils.testComputedStyle("none", "none");
+ }, "'none' value computes to none");
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenotation000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+
+PASS No whitespace - inline
+PASS Extra whitespace - inline
+PASS No whitespace - computed
+PASS Extra whitespace - computed
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesshapeoutsideshapenotation000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Shape Outside Valid Basic Shape Functional Notation</title>
+ <link rel="author" title="Adobe" href="http://html.adobe.com/">
+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">
+ <link rel="help" href="http://www.w3.org/TR/cssom/#serializing-css-values">
+ <meta name="assert" content="Basic shapes use functional notation, and may contain optional whitespace inside the parentheses">
+ <meta name="flags" content="dom">
+ <script src="../../../../resources/testharness.js"></script>
+ <script src="../../../../resources/testharnessreport.js"></script>
+ <script src="support/parsing-utils.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <script type="text/javascript">
+ var shape_functional_notation_tests = [
+ {
+ "name": "No whitespace",
+ "actual": "polygon(nonzero,1px 2px,3px 4px)",
+ "expected_inline": "polygon(1px 2px, 3px 4px)",
+ "expected_computed": "polygon(1px 2px, 3px 4px)"
+ },
+ {
+ "name": "Extra whitespace",
+ "actual": "polygon( nonzero , 1px 2px\n\t,\n\t3px\n\t4px\n\t)",
+ "expected_inline": "polygon(1px 2px, 3px 4px)",
+ "expected_computed": "polygon(1px 2px, 3px 4px)"
+ }
+ ];
+ generate_tests( ParsingUtils.testInlineStyle,
+ ParsingUtils.buildTestCases(shape_functional_notation_tests, "inline") );
+ generate_tests( ParsingUtils.testComputedStyle,
+ ParsingUtils.buildTestCases(shape_functional_notation_tests, "computed") );
+ </script>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluessupportparsingutilsjs"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js 2014-08-18 23:10:04 UTC (rev 172733)
</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('-webkit-shape-outside', value);
+ var actual = div.style.getPropertyValue('-webkit-shape-outside');
+ assert_equals(actual, expected);
+}
+
+function testComputedStyle(value, expected) {
+ var div = document.createElement('div');
+ div.style.setProperty('-webkit-shape-outside', value);
+ document.body.appendChild(div);
+ var style = getComputedStyle(div);
+ var actual = style.getPropertyValue('-webkit-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]' && 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('-webkit-shape-outside', "border-box inset(10px)");
+ div.style.setProperty('-webkit-shape-margin', value);
+ var actual = div.style.getPropertyValue('-webkit-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('-webkit-shape-outside', "border-box inset(10px)");
+ innerDiv.style.setProperty('-webkit-shape-margin', value);
+
+ outerDiv.appendChild(innerDiv);
+ document.body.appendChild(outerDiv);
+
+ var style = getComputedStyle(innerDiv);
+ var actual = style.getPropertyValue('-webkit-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]' && 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('-webkit-shape-outside', 'url(someimage.png)');
+ div.style.setProperty('-webkit-shape-image-threshold', value);
+ var actual = div.style.getPropertyValue('-webkit-shape-image-threshold');
+ assert_equals(actual, expected);
+}
+
+function testShapeThresholdComputedStyle(value, expected) {
+
+ var div = document.createElement('div');
+ div.style.setProperty('-webkit-shape-outside', 'url(someimage.png)');
+ div.style.setProperty('-webkit-shape-image-threshold', value);
+ document.body.appendChild(div);
+
+ var style = getComputedStyle(div);
+ var actual = style.getPropertyValue('-webkit-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]' && 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 && test[0].indexOf("u1") == -1)) {
+ // actual
+ actual = shape + '(at ' + setUnit(test[0], false, units) +')';
+
+ // expected
+ // if(convert && shape == 'circle')
+ // expected = shape + '(at ' + setUnit(test[1], convert, units) +')';
+ // else if(convert && 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 && test[0].indexOf("u1") == -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 && 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< list.length; ++i) {
+ for(var j = i+1; j < 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("u2", 'g'), unit2);
+ }
+ if(typeof unit3 !== 'undefined') {
+ retStr = retStr.replace(new RegExp("u3", '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 < 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 < 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 <= 4; left++) {
+ lhs = sizes.slice(0, left).join(' ');
+ results.push([insetRound(lhs) +' - '+ testType, insetRound(lhs), serializedInsetRound(lhs, null, convert)]);
+ for (right = 1; right <= 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 = [
+ "cm","mm","in","pt","pc", // Absolute length units (omitting px b/c we default to that in all tests)
+ "em","ex","ch","rem", // Font relative length units
+ "vw","vh","vmin","vmax" // Viewport percentage units
+ ]
+
+/// [actual, expected]
+var validPositions = [
+
+/// [ percent ], [ length ], [ percent | percent ], [ percent | length ], [ length | percent ], [ length | length ]
+ ["50%", "50% 50%"],
+ ["50u1", "50u1 50%"],
+ ["50% 50%", "50% 50%"],
+ ["50% 50u1", "50% 50u1"],
+ ["50u1 50%", "50u1 50%"],
+ ["50u1 50u1", "50u1 50u1"],
+
+///// [ keyword ], [ keyword keyword ] x 5 keywords
+ ["left", "0% 50%"],
+ ["top", "50% 0%"],
+ ["right", "100% 50%"],
+ ["bottom", "50% 100%"],
+ ["center", "50% 50%"],
+
+ ["left top", "0% 0%"],
+ ["left bottom", "0% 100%"],
+ ["left center", "0% 50%"],
+
+ ["top left", "0% 0%"],
+ ["top right", "100% 0%"],
+ ["top center", "50% 0%"],
+
+ ["right top", "100% 0%"],
+ ["right bottom", "100% 100%"],
+ ["right center", "100% 50%"],
+
+ ["bottom left", "0% 100%"],
+ ["bottom right", "100% 100%"],
+ ["bottom center", "50% 100%"],
+
+ ["center top", "50% 0%"],
+ ["center left", "0% 50%"],
+ ["center right", "100% 50%"],
+ ["center bottom", "50% 100%"],
+ ["center center", "50% 50%"],
+
+////// [ keyword | percent ], [ keyword | length ], [ percent | keyword ], [ length | keyword ] x 5 keywords
+ ["left 50%", "0% 50%"],
+ ["left 50u1", "0% 50u1"],
+
+ ["50% top", "50% 0%"],
+ ["50u1 top", "50u1 0%"],
+
+ ["right 80%", "100% 80%"],
+ ["right 80u1", "100% 80u1"],
+
+ ["70% bottom", "70% 100%"],
+ ["70u1 bottom", "70u1 100%"],
+
+ ["center 60%", "50% 60%"],
+ ["center 60u1", "50% 60u1"],
+ ["60% center", "60% 50%"],
+ ["60u1 center", "60u1 50%"],
+
+////// [ keyword | keyword percent ], [ keyword | keyword length ] x 5 keywords
+ ["center top 50%", "50% 50%"],
+ ["center top 50u1", "50% 50u1"],
+ ["center left 50%", "50% 50%"],
+ ["center left 50u1", "50u1 50%"],
+ ["center right 70%", "30% 50%"],
+ ["center right 70u1", "right 70u1 top 50%"],
+ ["center bottom 70%", "50% 30%"],
+ ["center bottom 70u1", "left 50% bottom 70u1"],
+
+ ["left top 50%", "0% 50%"],
+ ["left top 50u1", "0% 50u1"],
+ ["left bottom 70%", "0% 30%"],
+ ["left bottom 70u1", "left 0% bottom 70u1"],
+
+ ["top left 50%", "50% 0%"],
+ ["top left 50u1", "50u1 0%"],
+ ["top right 70%", "30% 0%"],
+ ["top right 70u1", "right 70u1 top 0%"],
+
+ ["bottom left 50%", "50% 100%"],
+ ["bottom left 50u1", "50u1 100%"],
+ ["bottom right 70%", "30% 100%"],
+ ["bottom right 70u1", "right 70u1 top 100%"],
+
+ ["right bottom 70%", "100% 30%"],
+ ["right bottom 70u1", "left 100% bottom 70u1"],
+ ["right top 50%", "100% 50%"],
+ ["right top 50u1", "100% 50u1"],
+
+////// [ keyword percent | keyword], [ keyword length | keyword ] x 5 keywords
+ ["left 50% center", "50% 50%"],
+ ["left 50u1 center", "50u1 50%"],
+ ["left 50% top", "50% 0%"],
+ ["left 50u1 top", "50u1 0%"],
+ ["left 50% bottom", "50% 100%"],
+ ["left 50u1 bottom", "50u1 100%"],
+
+ ["top 50% center", "50% 50%"],
+ ["top 50u1 center", "50% 50u1"],
+ ["top 50% left", "0% 50%"],
+ ["top 50u1 left", "0% 50u1"],
+ ["top 50% right", "100% 50%"],
+ ["top 50u1 right", "100% 50u1"],
+
+ ["bottom 70% center", "50% 30%"],
+ ["bottom 70u1 center", "left 50% bottom 70u1"],
+ ["bottom 70% left", "0% 30%"],
+ ["bottom 70u1 left", "left 0% bottom 70u1"],
+ ["bottom 70% right", "100% 30%"],
+ ["bottom 70u1 right", "left 100% bottom 70u1"],
+
+ ["right 80% center", "20% 50%"],
+ ["right 80u1 center", "right 80u1 top 50%"],
+ ["right 80% bottom", "20% 100%"],
+ ["right 80u1 bottom", "right 80u1 top 100%"],
+ ["right 80% top", "20% 0%"],
+ ["right 80u1 top", "right 80u1 top 0%"],
+
+////// [ keyword percent | keyword percent], [ keyword percent | keyword length],
+////// [ keyword length | keyword length], [ keyword length | keyword percent] x 5 keywords
+ ["left 50% top 50%", "50% 50%"],
+ ["left 50% top 50u1", "50% 50u1"],
+ ["left 50% bottom 70%", "50% 30%"],
+ ["left 50% bottom 70u1", "left 50% bottom 70u1"],
+ ["left 50u1 top 50%", "50u1 50%"],
+ ["left 50u1 top 50u1", "50u1 50u1"],
+ ["left 50u1 bottom 70%", "50u1 30%"],
+ ["left 50u1 bottom 70u1", "left 50u1 bottom 70u1"],
+
+ ["top 50% left 50%", "50% 50%"],
+ ["top 50% left 50u1", "50u1 50%"],
+ ["top 50% right 80%", "20% 50%"],
+ ["top 50% right 80u1", "right 80u1 top 50%"],
+ ["top 50u1 left 50%", "50% 50u1"],
+ ["top 50u1 left 50u1", "50u1 50u1"],
+ ["top 50u1 right 80%", "20% 50u1"],
+ ["top 50u1 right 80u1", "right 80u1 top 50u1"],
+
+ ["bottom 70% left 50%", "50% 30%"],
+ ["bottom 70% left 50u1", "50u1 30%"],
+ ["bottom 70% right 80%", "20% 30%"],
+ ["bottom 70% right 80u1", "right 80u1 top 30%"],
+ ["bottom 70u1 left 50%", "left 50% bottom 70u1"],
+ ["bottom 70u1 left 50u1", "left 50u1 bottom 70u1"],
+ ["bottom 70u1 right 80%", "left 20% bottom 70u1"],
+ ["bottom 70u1 right 80u1", "right 80u1 bottom 70u1"],
+
+ ["right 80% top 50%", "20% 50%"],
+ ["right 80% top 50u1", "20% 50u1"],
+ ["right 80% bottom 70%", "20% 30%"],
+ ["right 80% bottom 70u1", "left 20% bottom 70u1"],
+ ["right 80u1 top 50%", "right 80u1 top 50%"],
+ ["right 80u1 top 50u1", "right 80u1 top 50u1"],
+ ["right 80u1 bottom 70%", "right 80u1 top 30%"],
+ ["right 80u1 bottom 70u1", "right 80u1 bottom 70u1"],
+];
+
+var invalidPositions = [
+////// [ keyword | percent ], [ keyword | length ], [ percent | keyword ], [ length | keyword ] x 5 keywords
+ "50% left",
+ "50px left",
+ "top 50%",
+ "80% right",
+ "80px right",
+ "bottom 70%",
+ "bottom 70px",
+
+////// [ keyword | keyword percent ], [ keyword | keyword length ] x 5 keywords
+ "center center 60%",
+ "center center 60px",
+
+ "left center 60%",
+ "left center 60px",
+ "left right 80%",
+ "left right 80px",
+ "left left 50%",
+ "left left 50px",
+
+ "top center 60%",
+ "top center 60px",
+ "top bottom 80%",
+ "top bottom 80px",
+ "top top 50%",
+ "top top 50px",
+
+ "bottom center 60%",
+ "bottom center 60px",
+ "bottom top 50%",
+ "bottom top 50px",
+ "bottom bottom 50%",
+ "bottom bottom 50px",
+
+ "right center 60%",
+ "right center 60px",
+ "right left 50%",
+ "right left 50px",
+ "right right 70%",
+ "right right 70px",
+
+////// [ keyword percent | keyword], [ keyword length | keyword ] x 5 keywords
+ "center 60% top",
+ "center 60px top",
+ "center 60% bottom",
+ "center 60px bottom",
+ "center 60% left",
+ "center 60px left",
+ "center 60% right",
+ "center 60px right",
+ "center 60% center",
+ "center 60px center",
+
+ "left 50% right",
+ "left 50px right",
+ "left 50% left",
+ "left 50px left",
+
+ "top 50% bottom",
+ "top 50px bottom",
+ "top 50% top",
+ "top 50px top",
+
+ "bottom 70% top",
+ "bottom 70px top",
+ "bottom 70% bottom",
+ "bottom 70px bottom",
+
+ "right 80% left",
+ "right 80px left",
+
+////// [ keyword percent | keyword percent], [ keyword percent | keyword length],
+////// [ keyword length | keyword length], [ keyword length | keyword percent] x 5 keywords
+ "center 60% top 50%",
+ "center 60% top 50px",
+ "center 60% bottom 70%",
+ "center 60% bottom 70px",
+ "center 60% left 50%",
+ "center 60% left 50px",
+ "center 60% right 70%",
+ "center 60% right 70px",
+ "center 60% center 65%",
+ "center 60% center 65px",
+ "center 60px top 50%",
+ "center 60px top 50px",
+ "center 60px bottom 70%",
+ "center 60px bottom 70px",
+ "center 60px left 50%",
+ "center 60px left 50px",
+ "center 60px right 70%",
+ "center 60px right 70px",
+ "center 60px center 65%",
+ "center 60px center 65px",
+
+ "left 50% center 60%",
+ "left 50% center 60px",
+ "left 50% right 80%",
+ "left 50% right 80px",
+ "left 50% left 50%",
+ "left 50% left 50px",
+ "left 50px center 60%",
+ "left 50px center 60px",
+ "left 50px right 80%",
+ "left 50px right 80px",
+ "left 50px left 50%",
+ "left 50px left 50px",
+
+ "top 50% center 60%",
+ "top 50% center 60px",
+ "top 50% bottom 50%",
+ "top 50% bottom 50px",
+ "top 50% top 50%",
+ "top 50% top 50px",
+ "top 50px center 60%",
+ "top 50px center 60px",
+ "top 50px bottom 70%",
+ "top 50px bottom 70px",
+ "top 50px top 50%",
+ "top 50px top 50px",
+
+ "bottom 70% center 60%",
+ "bottom 70% center 60px",
+ "bottom 70% top 50%",
+ "bottom 70% top 50px",
+ "bottom 70% bottom 50%",
+ "bottom 70% bottom 50px",
+ "bottom 70px center 60%",
+ "bottom 70px center 60px",
+ "bottom 70px top 50%",
+ "bottom 70px top 50px",
+ "bottom 70px bottom 50%",
+ "bottom 70px bottom 50px",
+
+ "right 80% center 60%",
+ "right 80% center 60px",
+ "right 80% left 50%",
+ "right 80% left 50px",
+ "right 80% right 85%",
+ "right 80% right 85px",
+ "right 80px center 60%",
+ "right 80px center 60px",
+ "right 80px left 50%",
+ "right 80px left 50px",
+ "right 80px right 85%",
+ "right 80px right 85px"
+];
+
+// 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 = [
+ ["One arg - u1", "10u1"],
+ ["One arg - u2", "10u2"],
+ ["Two args - u1 u1", "10u1 20u1"],
+ ["Two args - u1 u2", "10u1 20u2"],
+ ["Two args - u2 u1", "10u2 20u1"],
+ ["Two args - u2 u2", "10u2 20u2"],
+ ["Three args - u1 u1 u1", "10u1 20u1 30u1"],
+ ["Three args - u1 u1 u2", "10u1 20u1 30u2"],
+ ["Three args - u1 u2 u1", "10u1 20u2 30u1"],
+ ["Three args - u1 u2 u2 ", "10u1 20u2 30u2"],
+ ["Three args - u2 u1 u1", "10u2 20u1 30u1"],
+ ["Three args - u2 u1 u2 ", "10u2 20u1 30u2"],
+ ["Three args - u2 u2 u1 ", "10u2 20u2 30u1"],
+ ["Three args - u2 u2 u2 ","10u2 20u2 30u2"],
+ ["Four args - u1 u1 u1 u1", "10u1 20u1 30u1 40u1"],
+ ["Four args - u1 u1 u1 u2", "10u1 20u1 30u1 40u2"],
+ ["Four args - u1 u1 u2 u1", "10u1 20u1 30u2 40u1"],
+ ["Four args - u1 u1 u2 u2", "10u1 20u1 30u2 40u2"],
+ ["Four args - u1 u2 u1 u1", "10u1 20u2 30u1 40u1"],
+ ["Four args - u1 u2 u1 u2", "10u1 20u2 30u1 40u2"],
+ ["Four args - u1 u2 u2 u1", "10u1 20u2 30u2 40u1"],
+ ["Four args - u1 u2 u2 u2", "10u1 20u2 30u2 40u2"],
+ ["Four args - u2 u1 u1 u1", "10u2 20u1 30u1 40u1"],
+ ["Four args - u2 u1 u1 u2", "10u2 20u1 30u1 40u2"],
+ ["Four args - u2 u1 u2 u1", "10u2 20u1 30u2 40u1"],
+ ["Four args - u2 u1 u2 u2", "10u2 20u1 30u2 40u2"],
+ ["Four args - u2 u2 u1 u1", "10u2 20u2 30u1 40u1"],
+ ["Four args - u2 u2 u1 u2", "10u2 20u2 30u1 40u2"],
+ ["Four args - u2 u2 u2 u1", "10u2 20u2 30u2 40u1"],
+ ["Four args - u2 u2 u2 u2", "10u2 20u2 30u2 40u2"]
+]
+
+var validPolygons = [
+ ["One vertex - u1 u1", "10u1 20u1"],
+ ["One vertex - u1 u2", "10u1 20u2"],
+ ["Two vertices - u1 u1, u1 u1", "10u1 20u1, 30u1 40u1"],
+ ["Two vertices - u1 u1, u2 u2", "10u1 20u1, 30u2 40u2"],
+ ["Two vertices - u2 u2, u1 u1", "10u2 20u2, 30u1 40u1"],
+ ["Two vertices - u1 u2, u2 u1", "10u1 20u2, 30u2 40u1"],
+ ["Three vertices - u1 u1, u1 u1, u1 u1", "10u1 20u1, 30u1 40u1, 50u1 60u1"],
+ ["Three vertices - u2 u2, u2 u2, u2 u2", "10u2 20u2, 30u2 40u2, 50u2 60u2"],
+ ["Three vertices - u3 u3, u3 u3, u3 u3", "10u3 20u3, 30u3 40u3, 50u3 60u3"],
+ ["Three vertices - u1 u1, u2 u2, u3 u3", "10u1 20u1, 30u2 40u2, 50u3 60u3"],
+ ["Three vertices - u3 u3, u1, u1, u2 u2", "10u3 20u3, 30u1 40u1, 50u2 60u2"],
+]
+
+// [test value, expected property value, expected computed style]
+var calcTestValues = [
+ ["calc(10in)", "calc(10in)", "960px"],
+ ["calc(10in + 20px)", "calc(980px)", "980px"],
+ ["calc(30%)", "calc(30%)", "30%"],
+ ["calc(100%/4)", "calc(25%)", "25%"],
+ ["calc(25%*3)", "calc(75%)", "75%"],
+ // 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
+ ["calc(25%*3 - 10in)", "calc(75% - 10in)", ["calc(75% - 960px)", "calc(-960px + 75%)"]],
+ ["calc((12.5%*6 + 10in) / 4)", "calc((75% + 10in) / 4)", ["calc((75% + 960px) / 4)", "calc(240px + 18.75%)"]]
+]
+
+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></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluessupportw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/support/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/values/support/parsing-utils.js
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsidevaluesw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside/values/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,79 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-image-threshold-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-004.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-margin-005.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-box-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-004.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-005.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-006.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-007.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-008.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-009.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-010.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-circle-011.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-computed-shape-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-004.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-005.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-006.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-007.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-008.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-009.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-010.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-ellipse-011.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-004.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-005.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-006.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-007.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-008.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-inset-009.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-002.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-003.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-004.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-005.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-polygon-006.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-arguments-001.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-box-pair-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-inherit-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-initial-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-none-000.html
+/LayoutTests/css3/shapes/shape-outside/values/shape-outside-shape-notation-000.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalid001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test - shape-outside invalid shape
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalid001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if shape is invalid">
+ <title>CSS Shapes Test - shape-outside invalid shape</title>
+ <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: invalid(50px,50px,50px,50px);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var shapeOutside = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(shapeOutside, "none", "declaration should be Invalid")});
+ </script>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle000expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS Circle - invalid 2 args
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-000.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Shapes Tests: Circle - invalid 2 args</title>
+ <link rel="author" title="biqing" href="biqing.kwok@qq.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if circle shape function only has two parameters">
+ <style type="text/css">
+ #float {
+ -webkit-shape-outside: circle(50px, 50px);
+ float: left;
+ width: 100px;
+ height: 100px;
+ }
+ </style>
+</head>
+<body>
+ <div id="log"></div>
+
+ <div id="float"></div>
+
+ <script>
+
+ test(function() {
+ assert_true(getComputedStyle(document.getElementById('float')).webkitShapeOutside == 'none');
+ }, 'Circle - invalid 2 args');
+
+ </script>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS Circle - invalid r values
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Shapes Tests: Circle - invalid r values</title>
+ <link rel="author" title="biqing" href="biqing.kwok@qq.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if circle shape function has an invalid r parameter">
+ <style type="text/css">
+ .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);
+ }
+ </style>
+</head>
+<body>
+ <div id="log"></div>
+
+ <div class="circle" id="circle1"></div>
+ <div class="circle" id="circle2"></div>
+ <div class="circle" id="circle3"></div>
+
+ <script>
+
+ test(function() {
+ assert_true(getComputedStyle(document.getElementById('circle1')).webkitShapeOutside == 'none');
+ assert_true(getComputedStyle(document.getElementById('circle2')).webkitShapeOutside == 'none');
+ assert_true(getComputedStyle(document.getElementById('circle3')).webkitShapeOutside == 'none');
+ }, 'Circle - invalid r values');
+
+ </script>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test - Circle - invalid cy value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if cy for circle function is invalid">
+ <title>CSS Shapes Test - Circle - invalid cy value</title>
+ <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: circle(50% at 50% 50);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var cy = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(cy, "none", "declaration should be Invalid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Circle - invalid cx value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidcircle003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-circle-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if circle shape function has an invalid cx param">
+ <title>CSS Shapes Test: Circle - invalid cx value</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: circle(50, 50%);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var cx = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(cx, "none", "declaration should be invalid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Ellipse - invalid 2 arg
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if ellipse shape function has two invalid arguments">
+ <title>CSS Shapes Test: Ellipse - invalid 2 arg</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(50, 50);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Ellipse - invalid ry value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if ellipse shape function has an invalid ry param">
+ <title>CSS Shapes Test: Ellipse - invalid ry value</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(-50px, -50px, 50px, 50);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Ellipse - invalid rx value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if ellipse shape function has an invalid rx param">
+ <title>CSS Shapes Test: Ellipse - invalid rx value</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(-50px, -50px, 50, 50px);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test - Ellipse - invalid 1 arg
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if ellipse function has one invalid argument">
+ <title>CSS Shapes Test - Ellipse - invalid 1 arg</title>
+ <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(50);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var ellipse = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(ellipse, "none", "declaration should be Invalid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse005expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test - Ellipse - invalid cy value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if cy in ellipse function is invalid">
+ <title>CSS Shapes Test - Ellipse - invalid cy value</title>
+ <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(50%, 50, 50%, 50%);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var ellipse = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(ellipse, "none", "declaration should be Invalid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse006expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test - Ellipse - invalid cx value
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidellipse006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-ellipse-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if cx in ellipse function is invalid">
+ <title>CSS Shapes Test - Ellipse - invalid cx value</title>
+ <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: ellipse(50, 50%, 50%, 50%);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var ellipse = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(ellipse, "none", "declaration should be Invalid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Inset Rectangles - invalid top arg
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if inset shape function has an invalid top param">
+ <title>CSS Shapes Test: Inset Rectangles - invalid top arg</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: inset(-50 -50px 50px 50px);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset002expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Inset Rectangles - invalid right arg
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if inset shape function has an invalid right param">
+ <title>CSS Shapes Test: Inset Rectangles - invalid right arg</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: inset(-50px -50 50px 50px);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset003expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Inset Rectangles - invalid bottom arg
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if inset shape function has an invalid bottom param">
+ <title>CSS Shapes Test: Inset Rectangles - invalid bottom arg</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: inset(50px 50px 50 50px);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset004expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004-expected.txt (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004-expected.txt 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+
+PASS CSS Shapes Test: Inset Rectangles - invalid left param
+
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesshapeoutsideinvalidinset004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/shape-outside-invalid-inset-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="flags" content="dom">
+ <meta name="assert" content="shape-outside declaration is invalid if inset shape function has an invalid left param">
+ <title>CSS Shapes Test: Inset Rectangles - invalid left param</title>
+ <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">
+ <script src="../../resources/testharness.js"></script>
+ <script src="../../resources/testharnessreport.js"></script>
+ <link rel="stylesheet" href="../../resources/testharness.css">
+ <style>
+#shape{
+ width: 300px;
+ height: 300px;
+ -webkit-shape-outside: inset(50px 50px 50px 50);
+}
+ </style>
+</head>
+<body>
+
+ <div id="log"></div>
+
+ <div id="shape"></div>
+
+ <script>
+ var obj = document.getElementById('shape');
+ var val = getComputedStyle(obj).webkitShapeOutside;
+ test(function() {assert_equals(val, "none", "declaration should not be valid")});
+ </script>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,84 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="level-1">
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
+ </div>
+ <div id="level-2">
+ XXXXXXXXX XXXXXXX
+ </div>
+ <div id="level-3">
+ XXXXX XXX
+ </div>
+ <div id="level-4">
+ X
+ </div>
+ <br>
+ <div id="level-5">
+ XXXXXXXXXXXXXXXXX
+ </div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-001.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left and right float with shape-outside</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-001-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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."/>
+ <!-- This test is derived from Example 1 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ <div id="test-float-right"></div>
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX
+ XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X
+ XXXXXXXXXXXXXXXXX
+ </div>
+ <div id="failure-container">
+ <div class="line container">XXXXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXX</div>
+ <div class="line container">XXXXXXX</div>
+ <div class="line container">XXXXX</div>
+ <div class="line container">XXX</div>
+ <div class="line container">X</div>
+ <div class="line container" id="bottom">XXXXXXXXXXXXXXXXX</div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,84 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="level-1">
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
+ </div>
+ <div id="level-2">
+ XXXXXXXXX XXXXXXX
+ </div>
+ <div id="level-3">
+ XXXXX XXX
+ </div>
+ <div id="level-4">
+ X
+ </div>
+ <br>
+ <div id="level-5">
+ XXXXXXXXXXXXXXXXX
+ </div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-002.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left and right float with shape-outside with clipped left float</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-001-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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"/>
+ <!-- This test is derived from Example 2 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ <div id="test-float-right"></div>
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX
+ XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X
+ XXXXXXXXXXXXXXXXX
+ </div>
+ <div id="failure-container">
+ <div class="line container">XXXXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXX</div>
+ <div class="line container">XXXXXXX</div>
+ <div class="line container">XXXXX</div>
+ <div class="line container">XXX</div>
+ <div class="line container">X</div>
+ <div class="line container" id="bottom">XXXXXXXXXXXXXXXXX</div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,84 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="level-1">
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
+ </div>
+ <div id="level-2">
+ XXXXXXXXX XXXXXXX
+ </div>
+ <div id="level-3">
+ XXXXX XXX
+ </div>
+ <div id="level-4">
+ X
+ </div>
+ <br>
+ <div id="level-5">
+ XXXXXXXXXXXXXXXXX
+ </div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-003.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Left and right float with shape-outside with clipped right float</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-001-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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"/>
+ <!-- This test is derived from Example 2 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ 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 {
+ -webkit-clip-path: polygon(0 0, 200px 200px, 0 200px);
+ }
+ #right-triangle {
+ left: 200px;
+ -webkit-clip-path: polygon(200px 0, 200px 200px, 0 200px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ <div id="test-float-right"></div>
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX
+ XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X
+ XXXXXXXXXXXXXXXXX
+ </div>
+ <div id="failure-container">
+ <div class="line container">XXXXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXXXX</div>
+ <div class="line container">XXXXXXXXX</div>
+ <div class="line container">XXXXXXX</div>
+ <div class="line container">XXXXX</div>
+ <div class="line container">XXX</div>
+ <div class="line container">X</div>
+ <div class="line container" id="bottom">XXXXXXXXXXXXXXXXX</div>
+ </div>
+ <div id="left-triangle"></div>
+ <div id="right-triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="square"></div>
+
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-004.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: inset with no extent and inline content - inset(50% 50% 50% 50%)</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-004-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that a shape with no extent allow inline
+ content to flow through all of the float’s box."/>
+ <!-- This test is derived from Example 3 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="failure" class="container">
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="square"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside005expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ #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;
+ }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="square"></div>
+
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside005html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-005.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: inset with no extent and inline content - inset(150% 150% 0% 0%)</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-004-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that a shape with no extent allow inline
+ content to flow through all of the float’s box."/>
+ <!-- This test is derived from Example 3 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ .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;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="failure" class="container">
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ XXXX XXXX XXXX XXXX
+ </div>
+ <div id="square"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside006expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Reference File</title>
+<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ #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;
+ -webkit-clip-path: polygon(50px 0px, 100px 100px, 0px 100px);
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="line-1" class="bar"></div>
+ <div id="line-2" class="bar"></div>
+ <div id="line-3" class="bar"></div>
+ </div>
+ <div id="triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside006html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-006.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,90 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: shape-outside with open areas on both the left & right of
+ the float area</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-006-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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."/>
+ <!-- This test is derived from Example 4 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ .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;
+ -webkit-clip-path: polygon(50px 0px, 100px 100px, 0px 100px);
+ }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ XXXXXXXX XXXXXXX XXXXXX
+ </div>
+ <div id="failure-container">
+ <div id="bar-1" class="fail"></div>
+ <div id="bar-2" class="fail"></div>
+ <div id="bar-3" class="fail"></div>
+ </div>
+ <div id="triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,72 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Reference File</title>
+<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ #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;
+ -webkit-clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="bar-1" class="bar"></div>
+ <div id="bar-2" class="bar"></div>
+ <div id="bar-3" class="bar"></div>
+ <div id="bar-4" class="bar"></div>
+ </div>
+ <div id="margin-line"></div>
+ <div id="triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-007.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,101 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape smaller than float content area - 1 float</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-007-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that inline content only wraps around the
+ shape, and otherwise overlays the rest of the float margin
+ box"/>
+ <!-- This test is derived from Example 5 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ .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;
+ -webkit-clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
+
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="test-float-left"></div>
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX
+ </div>
+ <div id="margin-line"></div>
+ <div id="failure-container">
+ <div id="bar-1" class="fail"></div>
+ <div id="bar-2" class="fail"></div>
+ <div id="bar-3" class="fail"></div>
+ <div id="bar-4" class="fail"></div>
+ </div>
+ <div id="triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside008expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,89 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Reference File</title>
+<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ #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;
+ -webkit-clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
+
+ }
+ #triangle-1 {
+ top: 90px;
+ margin-left: 2px;
+ }
+ #triangle-2 {
+ top: 120px;
+ margin-left: 102px;
+ }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="container">
+ <div id="bar-1" class="fail"></div>
+ <div id="bar-2" class="fail"></div>
+ <div id="bar-3" class="fail"></div>
+ <div id="bar-4" class="fail"></div>
+ <div id="bar-5" class="fail"></div>
+ </div>
+ <div id="margin-line"></div>
+ <div id="triangle-1" class="triangle"></div>
+ <div id="triangle-2" class="triangle"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside008html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-008.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,120 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape smaller than float content area - 2 floats</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-008-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="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."/>
+ <!-- This test is derived from Example 5 in this version of the spec:
+ http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
+ <style type="text/css">
+ .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;
+ -webkit-clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
+
+ }
+ #triangle-1 {
+ top: 90px;
+ margin-left: 2px;
+ }
+ #triangle-2 {
+ top: 120px;
+ margin-left: 102px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div class="test-float-left"></div>
+ XXXXXXXXXXXXXXXXX
+ <div class="test-float-left"></div>
+ XXXXXXXXXXXXXXXXX
+ XXXXXXXXXXXXXXX
+ XXXXXXXXX
+ XXXXXXX
+ </div>
+ <div id="margin-line"></div>
+ <div id="failure-container">
+ <div id="bar-1" class="fail"></div>
+ <div id="bar-2" class="fail"></div>
+ <div id="bar-3" class="fail"></div>
+ <div id="bar-4" class="fail"></div>
+ <div id="bar-5" class="fail"></div>
+ </div>
+ <div id="triangle-1" class="triangle"></div>
+ <div id="triangle-2" class="triangle"></div>
+ </body>
+ </html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside010expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 300px;
+ }
+ #content {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #image { float: left; }
+ #line-1 { margin-left: 182px; }
+ #line-2 { margin-left: 199px; }
+ #line-3 { margin-left: 201px; }
+ #line-4 { margin-left: 199px; }
+ #line-5 { margin-left: 182px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <img id="image" src="support/circle-no-shadow.png"/>
+ </div>
+ <div id="content" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-010.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from image - url(), alpha channel, opacity 0</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-010-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the content flows around the
+ shape defined in the images alpha channel that is completely
+ transparent."/>
+ <!-- This test is derived from Example 7 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ width: 400px;
+ color: green;
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/circle-no-shadow.png");
+ }
+ #failure {
+ width: 300px;
+ color: red;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 182px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 201px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/circle-no-shadow.png"/>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside011expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 300px;
+ }
+ #content {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #image { float: left; }
+ #line-1 { margin-left: 218px; }
+ #line-2 { margin-left: 236px; }
+ #line-3 { margin-left: 238px; }
+ #line-4 { margin-left: 236px; }
+ #line-5 { margin-left: 218px; }
+ #line-6 { margin-left: 160px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <img id="image" src="support/circle-shadow.png"/>
+ </div>
+ <div id="content" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <div id="line-6">XXXXXX</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-011.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from image - url(), alpha channel, opacity > 0</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-011-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the content flows around the
+ shape defined in the images alpha channel that has some
+ opacity."/>
+ <!-- This test is derived from Example 7 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/circle-shadow.png");
+ }
+ #failure {
+ width: 300px;
+ color: red;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 218px; }
+ #line-2, #line-4 { margin-left: 236px; }
+ #line-3 { margin-left: 238px; }
+ #line-6 { margin-left: 160px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/circle-shadow.png"/>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <div id="line-6">XXXXXX</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside012expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 300px;
+ }
+ #content {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #image { float: left; }
+ #line-1 { margin-left: 181px; }
+ #line-2 { margin-left: 199px; }
+ #line-3 { margin-left: 201px; }
+ #line-4 { margin-left: 199px; }
+ #line-5 { margin-left: 181px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <img id="image" src="support/circle-shadow.png"/>
+ </div>
+ <div id="content" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-012.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from image - shape-image-threshold - 0.9</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property"/>
+ <link rel="match" href="reference/shape-outside-012-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies content flows around a shape that is
+ defined in the image's alpha channel and adjusted by the
+ image-threshold" />
+ <!-- This test is derived from Example 7 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ height: 105px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #test-image {
+ float: left;
+ -webkit-shape-outside: url("support/circle-shadow.png");
+ -webkit-shape-image-threshold: 0.9;
+ }
+ #failure {
+ width: 300px;
+ color: red;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 181px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 201px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <img id="test-image" src="support/circle-shadow.png"/>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside013expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 85px;
+ left: 25px;
+ width: 300px;
+ }
+ #content {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #margin-circle {
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ width: 230px;
+ height: 230px;
+ background-color: blue;
+ border-radius: 150px;
+ }
+ #image { float: left; }
+ #line-1 { margin-left: 200px; }
+ #line-2 { margin-left: 214px; }
+ #line-3 { margin-left: 216px; }
+ #line-4 { margin-left: 214px; }
+ #line-5 { margin-left: 200px; }
+ #line-6 { margin-left: 158px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="margin-circle"></div>
+ <div class="container">
+ <img id="image" src="support/circle-no-shadow.png"/>
+ </div>
+ <div id="content" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <span id="line-6">XXXXXX</span>
+ XXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-013.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,74 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from image - shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-013-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the content flows around the
+ shape defined in the images alpha channel and adjusted by
+ the shape-margin."/>
+ <!-- This test is derived from Example 7 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 85px;
+ left: 25px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ width: 400px;
+ color: green;
+ }
+ #test-image {
+ float: left;
+ -webkit-shape-outside: url("support/circle-no-shadow.png");
+ -webkit-shape-margin: 15px;
+ }
+ #margin-circle {
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ width: 230px;
+ height: 230px;
+ background-color: blue;
+ border-radius: 150px;
+ }
+ #failure {
+ width: 300px;
+ color: red;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 200px; }
+ #line-2, #line-4 { margin-left: 214px; }
+ #line-3 { margin-left: 216px; }
+ #line-6 { margin-left: 158px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="margin-circle"></div>
+ <div id="test" class="container">
+ <img id="test-image" src="support/circle-no-shadow.png"/>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <span id="line-6">XXXXXX</span>
+ XXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside014expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #shape {
+ width: 160px;
+ height: 160px;
+ background-color: lightblue;
+ border: 20px solid lightblue;
+ border-radius: 90px;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 180px; }
+ #line-2, #line-4 { margin-left: 198px; }
+ #line-3 { margin-left: 200px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="shape" class="container"></div>
+ <div id="lines" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-014.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,72 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from box value - margin-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-014-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around a shape
+ defined by its margin box."/>
+ <!-- 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/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #box {
+ float: left;
+ width: 120px;
+ height: 120px;
+ background-color: lightblue;
+ margin: 40px;
+ border-radius: 90px;
+ -webkit-shape-outside: margin-box;
+ }
+ #border-shape {
+ width: 160px;
+ height: 160px;
+ background-color: lightblue;
+ border: 20px solid lightblue;
+ border-radius: 90px;
+ z-index: -1;
+ }
+ #failure {
+ color: red;
+ z-index: -2;
+ }
+ #line-1, #line-5 { margin-left: 180px; }
+ #line-2, #line-4 { margin-left: 198px; }
+ #line-3 { margin-left: 200px; }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="box"></div>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="border-shape" class="container"></div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside015expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #shape {
+ width: 160px;
+ height: 160px;
+ background-color: lightblue;
+ border: 20px solid lightblue;
+ border-radius: 90px;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="shape" class="container"></div>
+ <div id="lines" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-015.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from box value - border-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-015-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around a shape
+ defined by its border box."/>
+ <!-- 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/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #box {
+ float: left;
+ width: 120px;
+ height: 120px;
+ background-color: lightblue;
+ border: 40px solid lightblue;
+ border-radius: 90px;
+ -webkit-shape-outside: border-box;
+ }
+ #failure {
+ color: red;
+ z-index: -2;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="box"></div>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside016expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #shape {
+ width: 160px;
+ height: 160px;
+ background-color: lightblue;
+ border: 20px solid lightblue;
+ border-radius: 90px;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="shape" class="container"></div>
+ <div id="lines" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-016.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from box value - padding-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-015-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around a shape
+ defined by its padding box."/>
+ <!-- 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/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #box {
+ float: left;
+ width: 120px;
+ height: 120px;
+ background-color: lightblue;
+ padding: 40px;
+ border-radius: 90px;
+ -webkit-shape-outside: padding-box;
+ }
+ #failure {
+ color: red;
+ z-index: -2;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="box"></div>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside017expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #shape {
+ width: 160px;
+ height: 160px;
+ background-color: lightblue;
+ border: 20px solid lightblue;
+ border-radius: 90px;
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="shape" class="container"></div>
+ <div id="lines" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-017.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from box value - content-box</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-015-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that content wraps around a shape
+ defined by its content box."/>
+ <!-- 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/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #box {
+ float: left;
+ width: 200px;
+ height: 200px;
+ background-color: lightblue;
+ border-radius: 90px;
+ -webkit-shape-outside: content-box;
+ }
+ #failure {
+ color: red;
+ z-index: -2;
+ }
+ #line-1, #line-5 { margin-left: 185px; }
+ #line-2, #line-4 { margin-left: 199px; }
+ #line-3 { margin-left: 200px; }
+
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="box"></div>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ XXXXXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside018expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ img {
+ position: absolute;
+ top: 70px;
+ }
+ #line-1 { margin-left: 48px; }
+ #line-2 { margin-left: 88px; }
+ #line-3 { margin-left: 128px; }
+ #line-4 { margin-left: 168px; }
+ #line-5 { margin-left: 180px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <img src="support/rounded-triangle.svg">
+ <div id="lines" class="container">
+ <span id="line-1">XXXXXXXXXX</span>
+ <span id="line-2">XXXXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXX</span>
+ <span id="line-5">XXX</span>
+ XXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside018html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-018.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: shape-margin offset from a polygonal shape-outside</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-018-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that that content flows around the shape-margin
+ defined on a polygonal shape-outside."/>
+ <!-- This test is derived from Example 10 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 300px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #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: 70px;
+ z-index: -1;
+ }
+ #failure {
+ color: red;
+ z-index: -2;
+ }
+ #line-1 { margin-left: 48px; }
+ #line-2 { margin-left: 88px; }
+ #line-3 { margin-left: 128px; }
+ #line-4 { margin-left: 168px; }
+ #line-5 { margin-left: 180px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <div id="shape-box"></div>
+ XXXXXXXXXX XXXXXXXX XXXXXX XXXX XXX XXXXXXXXXXXX
+ </div>
+ <img src="support/rounded-triangle.svg">
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXXXXXX</span>
+ <span id="line-2">XXXXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXX</span>
+ <span id="line-5">XXX</span>
+ XXXXXXXXXXXX
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside019expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ color: green;
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("../support/circle-shadow.png");
+ -webkit-shape-margin: 20px;
+ }
+ #margin-circle {
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ width: 300px;
+ height: 300px;
+ background-color: black;
+ -webkit-clip-path: ellipse(115px 100px at 140px 100px);
+ z-index: -1;
+ }
+ #line-1, #line-5 { margin-left: 242px; }
+ #line-2, #line-4 { margin-left: 256px; }
+ #line-3 { margin-left: 258px; }
+ #line-6 { margin-left: 204px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div class="container">
+ <img id="image" src="support/circle-shadow.png"/>
+ </div>
+ <div id="margin-circle"></div>
+ <div id="content" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <span id="line-6">XXXXXX</span>
+ <div id="line-7">XXXXXXXXXXXXXXX</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesshapeoutside019html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019.html (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019.html (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/shape-outside-019.html 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,73 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: Shape from image - alpha channel, opacity > 0 + shape-margin</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
+ <link rel="match" href="reference/shape-outside-019-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="This test verifies that the content flows around the
+ shape defined in the images alpha channel and the shape-margin."/>
+ <!-- This test is derived from Example 11 in this version of the spec:
+ http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->
+ <style type="text/css">
+ .container {
+ position: absolute;
+ top: 70px;
+ width: 400px;
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 2em;
+ }
+ #test {
+ color: green;
+ }
+ #image {
+ float: left;
+ -webkit-shape-outside: url("support/circle-shadow.png");
+ -webkit-shape-margin: 20px;
+ }
+ #margin-circle {
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ width: 300px;
+ height: 300px;
+ background-color: black;
+ -webkit-clip-path: ellipse(115px 100px at 140px 100px);
+ z-index: -1;
+ }
+ #failure {
+ width: 300px;
+ color: red;
+ z-index: -2;
+ }
+ #line-1, #line-5 { margin-left: 242px; }
+ #line-2, #line-4 { margin-left: 256px; }
+ #line-3 { margin-left: 258px; }
+ #line-6 { margin-left: 204px; }
+ </style>
+</head>
+<body>
+ <p>
+ 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.
+ </p>
+ <div id="test" class="container">
+ <img id="image" src="support/circle-shadow.png"/>
+ XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXXXXXXXXXXX
+ </div>
+ <div id="margin-circle"></div>
+ <div id="failure" class="container">
+ <span id="line-1">XXXXXX</span>
+ <span id="line-2">XXXXXX</span>
+ <span id="line-3">XXXXXX</span>
+ <span id="line-4">XXXXXX</span>
+ <span id="line-5">XXXXXX</span>
+ <span id="line-6">XXXXXX</span>
+ <div id="line-7">XXXXXXXXXXXXXXX</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplessupportcirclenoshadowpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/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">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesspecexamplessupportcircleshadowpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/support/circle-shadow.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/LayoutTests/css3/shapes/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>
<a id="trunkLayoutTestscss3shapesspecexamplessupportroundedtrianglesvg"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/support/rounded-triangle.svg (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/support/rounded-triangle.svg (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/support/rounded-triangle.svg 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,6 @@
</span><ins>+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px" height="200px">
+<g>
+ <path fill="#AED8E6" d="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"/>
+</g>
+</svg>
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplessupportw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/support/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/spec-examples/support/circle-no-shadow.png
+/LayoutTests/css3/shapes/spec-examples/support/circle-shadow.png
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesspecexamplesw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/spec-examples/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+clip-path
+shape-outside
+shape-image-threshold
+shape-margin
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/spec-examples/shape-outside-001-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-001.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-002-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-002.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-003-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-003.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-004-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-004.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-005-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-005.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-006-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-006.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-007-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-007.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-008-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-008.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-010-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-010.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-011-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-011.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-012-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-012.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-013-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-013.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-014-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-014.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-015-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-015.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-016-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-016.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-017-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-017.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-018-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-018.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-019-expected.html
+/LayoutTests/css3/shapes/spec-examples/shape-outside-019.html
</ins></span></pre></div>
<a id="trunkLayoutTestscss3shapesw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/shapes/w3c-import.log (0 => 172733)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/shapes/w3c-import.log (rev 0)
+++ trunk/LayoutTests/css3/shapes/w3c-import.log 2014-08-18 23:10:04 UTC (rev 172733)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in Webkit.
+Instead, push changes to the W3C CSS repo:
+ http://hg.csswg.org/test
+Or create a pull request on the W3C CSS github:
+ https://github.com/w3c/csswg-test
+
+Then run the Tools/Scripts/import-w3c-tests in Webkit to reimport
+
+Do NOT modify or remove this file
+
+------------------------------------------------------------------------
+Last Import: 2014-08-18 11:56
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+shape-outside
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/css3/shapes/./shape-outside-invalid-001.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-circle-000.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-circle-001.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-circle-002.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-circle-003.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-001.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-002.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-003.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-004.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-005.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-ellipse-006.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-inset-001.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-inset-002.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-inset-003.html
+/LayoutTests/css3/shapes/./shape-outside-invalid-inset-004.html
</ins></span></pre>
</div>
</div>
</body>
</html>