Bug 1328236 Part 2: Duplicate the existing 007 test as a new 010 test to see if it exhibits rendering artifacts on Windows platforms.
MozReview-Commit-ID: HrIWGPkwn1z
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -125686,16 +125686,28 @@
[
"/css/css-shapes/shape-outside/shape-box/reference/shape-outside-box-005-ref.html",
"=="
]
],
{}
]
],
+ "css/css-shapes/shape-outside/shape-box/shape-outside-box-010.html": [
+ [
+ "/css/css-shapes/shape-outside/shape-box/shape-outside-box-010.html",
+ [
+ [
+ "/css/css-shapes/shape-outside/shape-box/reference/shape-outside-box-005-ref.html",
+ "=="
+ ]
+ ],
+ {}
+ ]
+ ],
"css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html": [
[
"/css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-001.html",
[
[
"/css/css-shapes/shape-outside/shape-image/gradients/reference/shape-outside-linear-gradient-001-ref.html",
"=="
]
@@ -506910,16 +506922,20 @@
"css/css-shapes/shape-outside/shape-box/shape-outside-box-008.html": [
"0db53921502e89cb89da1170087254c18f2b6339",
"reftest"
],
"css/css-shapes/shape-outside/shape-box/shape-outside-box-009.html": [
"dcbc65caff9f44278347a92148b79f2577f7a91f",
"reftest"
],
+ "css/css-shapes/shape-outside/shape-box/shape-outside-box-010.html": [
+ "31b1221c1f088d559489acf1189eea6265e50dd5",
+ "reftest"
+ ],
"css/css-shapes/shape-outside/shape-image/gradients/reference/shape-outside-linear-gradient-001-ref.html": [
"95e219e19a947fd2e0d27d1a4c553ebae7fe3e71",
"support"
],
"css/css-shapes/shape-outside/shape-image/gradients/reference/shape-outside-linear-gradient-002-ref.html": [
"27bdb72fba7d5f29df02b7a83c6fa16afaf0b419",
"support"
],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-shapes/shape-outside/shape-box/shape-outside-box-010.html
@@ -0,0 +1,71 @@
+<!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. This is a duplicate of the
+ 007 test in this same directory.">
+ </head>
+ <style>
+ body {
+ margin: 0;
+ }
+ #container {
+ position: relative;
+ }
+ #test-container {
+ font: 40px/1 Ahem, sans-serif;
+ text-align: right;
+ width: 300px;
+ height: 200px;
+ color: green;
+ }
+ #test-shape {
+ float: right;
+ width: 150px;
+ height: 150px;
+ margin: 10px;
+ padding: 10px;
+ border: 10px solid transparent;
+ shape-outside: border-box;
+ }
+ #line {
+ position: absolute;
+ top: 0px;
+ left: 100px;
+ width: 2px;
+ height: 200px;
+ border-left: 2px solid blue;
+ }
+ #failure {
+ position: absolute;
+ top: 80px;
+ left: 60px;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+ z-index: -1;
+ }
+ </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-container">
+ <div id="test-shape"></div>
+ <br/>
+ <br/>
+ X
+ </div>
+ <div id="line"></div>
+ <div id="failure"></div>
+ </div>
+ </body>
+</html>
+