Update polygon shape-outside tests for upstream changes
authorbjonesbe@adobe.com <bjonesbe@adobe.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 1 Aug 2013 23:17:51 +0000 (23:17 +0000)
committerbjonesbe@adobe.com <bjonesbe@adobe.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 1 Aug 2013 23:17:51 +0000 (23:17 +0000)
https://bugs.webkit.org/show_bug.cgi?id=119414

Reviewed by Alexandru Chiculita.

The refs were updated upstream to make them work properly in Blink.
This pulls in that change to keep things in sync.

* csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001-expected.html:
* csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001.html:
* csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-002-expected.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@153622 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001-expected.html
LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001.html
LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-002-expected.html

index ae5c63f..4935955 100644 (file)
@@ -1,3 +1,17 @@
+2013-08-01  Bem Jones-Bey  <bjonesbe@adobe.com>
+
+        Update polygon shape-outside tests for upstream changes
+        https://bugs.webkit.org/show_bug.cgi?id=119414
+
+        Reviewed by Alexandru Chiculita.
+
+        The refs were updated upstream to make them work properly in Blink.
+        This pulls in that change to keep things in sync.
+
+        * csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001-expected.html:
+        * csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-001.html:
+        * csswg/submitted/shapes/shape-outside/shape-outside-floats-polygon-002-expected.html:
+
 2013-08-01  Oliver Hunt  <oliver@apple.com>
 
         DFG is not enforcing correct ordering of ToString conversion in MakeRope
index 7990de2..f9ef4b6 100644 (file)
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<title>shape-outside-floats-polygon-000-reference.html</title>
+<title>shape-outside-floats-polygon-001-reference.html</title>
 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
 <meta name="flags" content="ahem">
 <style>
@@ -9,57 +9,58 @@
     width: 400px;
     height: 400px;
     background: blue;
+    -webkit-writing-mode: vertical-lr;
 }
 .float-left {
-    height: 20px;
+    width: 20px;
     float: left;
 }
 .float-right {
-    height: 20px;
+    width: 20px;
     float: right;
 }
 </style>
 <body>
   <div class="container">
-    <div style="width: 200px" class="float-left"></div>
+    <div style="height: 200px" class="float-left"></div>
     XXXXXXXXXX
-    <div style="width: 180px" class="float-left"></div>
+    <div style="height: 180px" class="float-left"></div>
     XXXXXXXXXXX
-    <div style="width: 160px" class="float-left"></div>
+    <div style="height: 160px" class="float-left"></div>
     XXXXXXXXXXXX
-    <div style="width: 140px" class="float-left"></div>
+    <div style="height: 140px" class="float-left"></div>
     XXXXXXXXXXXXX
-    <div style="width: 120px" class="float-left"></div>
+    <div style="height: 120px" class="float-left"></div>
     XXXXXXXXXXXXXX
-    <div style="width: 100px" class="float-left"></div>
+    <div style="height: 100px" class="float-left"></div>
     XXXXXXXXXXXXXXX
-    <div style="width: 80px" class="float-left"></div>
+    <div style="height: 80px" class="float-left"></div>
     XXXXXXXXXXXXXXXX
-    <div style="width: 60px" class="float-left"></div>
+    <div style="height: 60px" class="float-left"></div>
     XXXXXXXXXXXXXXXXX
-    <div style="width: 40px" class="float-left"></div>
+    <div style="height: 40px" class="float-left"></div>
     XXXXXXXXXXXXXXXXXX
-    <div style="width: 20px" class="float-left"></div>
+    <div style="height: 20px" class="float-left"></div>
     XXXXXXXXXXXXXXXXXXX
-    <div style="width: 20px" class="float-right"></div>
+    <div style="height: 20px" class="float-right"></div>
     XXXXXXXXXXXXXXXXXXX
-    <div style="width: 40px" class="float-right"></div>
+    <div style="height: 40px" class="float-right"></div>
     XXXXXXXXXXXXXXXXXX
-    <div style="width: 60px" class="float-right"></div>
+    <div style="height: 60px" class="float-right"></div>
     XXXXXXXXXXXXXXXXX
-    <div style="width: 80px" class="float-right"></div>
+    <div style="height: 80px" class="float-right"></div>
     XXXXXXXXXXXXXXXX
-    <div style="width: 100px" class="float-right"></div>
+    <div style="height: 100px" class="float-right"></div>
     XXXXXXXXXXXXXXX
-    <div style="width: 120px" class="float-right"></div>
+    <div style="height: 120px" class="float-right"></div>
     XXXXXXXXXXXXXX
-    <div style="width: 140px" class="float-right"></div>
+    <div style="height: 140px" class="float-right"></div>
     XXXXXXXXXXXXX
-    <div style="width: 160px" class="float-right"></div>
+    <div style="height: 160px" class="float-right"></div>
     XXXXXXXXXXXX
-    <div style="width: 180px" class="float-right"></div>
+    <div style="height: 180px" class="float-right"></div>
     XXXXXXXXXXX
-    <div style="width: 200px" class="float-right"></div>
+    <div style="height: 200px" class="float-right"></div>
     XXXXXXXXXX
   </div>
 </body>
index 0046a4c..188e16a 100644 (file)
@@ -2,7 +2,7 @@
 <title>CSS Test: polygon shape-outside on floats</title>
 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
 <link rel="help" href="http://dev.w3.org/csswg/css-shapes-1/#shape-outside-property">
-<link rel="match" href="shape-outside-floats-polygon-000-ref.html">
+<link rel="match" href="shape-outside-floats-polygon-001-ref.html">
 <meta name="flags" content="ahem">
 <style>
 .container {
index 52ccc9a..f536672 100644 (file)
@@ -9,57 +9,58 @@
     width: 400px;
     height: 400px;
     background: blue;
+    -webkit-writing-mode: vertical-rl;
 }
 .float-left {
-    height: 20px;
+    width: 20px;
     float: left;
 }
 .float-right {
-    height: 20px;
+    width: 20px;
     float: right;
 }
 </style>
 <body>
   <div class="container">
-    <div style="width: 200px" class="float-right"></div>
+    <div style="height: 200px" class="float-left"></div>
     XXXXXXXXXX
-    <div style="width: 180px" class="float-right"></div>
+    <div style="height: 180px" class="float-left"></div>
     XXXXXXXXXXX
-    <div style="width: 160px" class="float-right"></div>
+    <div style="height: 160px" class="float-left"></div>
     XXXXXXXXXXXX
-    <div style="width: 140px" class="float-right"></div>
+    <div style="height: 140px" class="float-left"></div>
     XXXXXXXXXXXXX
-    <div style="width: 120px" class="float-right"></div>
+    <div style="height: 120px" class="float-left"></div>
     XXXXXXXXXXXXXX
-    <div style="width: 100px" class="float-right"></div>
+    <div style="height: 100px" class="float-left"></div>
     XXXXXXXXXXXXXXX
-    <div style="width: 80px" class="float-right"></div>
+    <div style="height: 80px" class="float-left"></div>
     XXXXXXXXXXXXXXXX
-    <div style="width: 60px" class="float-right"></div>
+    <div style="height: 60px" class="float-left"></div>
     XXXXXXXXXXXXXXXXX
-    <div style="width: 40px" class="float-right"></div>
+    <div style="height: 40px" class="float-left"></div>
     XXXXXXXXXXXXXXXXXX
-    <div style="width: 20px" class="float-right"></div>
+    <div style="height: 20px" class="float-left"></div>
     XXXXXXXXXXXXXXXXXXX
-    <div style="width: 20px" class="float-left"></div>
+    <div style="height: 20px" class="float-right"></div>
     XXXXXXXXXXXXXXXXXXX
-    <div style="width: 40px" class="float-left"></div>
+    <div style="height: 40px" class="float-right"></div>
     XXXXXXXXXXXXXXXXXX
-    <div style="width: 60px" class="float-left"></div>
+    <div style="height: 60px" class="float-right"></div>
     XXXXXXXXXXXXXXXXX
-    <div style="width: 80px" class="float-left"></div>
+    <div style="height: 80px" class="float-right"></div>
     XXXXXXXXXXXXXXXX
-    <div style="width: 100px" class="float-left"></div>
+    <div style="height: 100px" class="float-right"></div>
     XXXXXXXXXXXXXXX
-    <div style="width: 120px" class="float-left"></div>
+    <div style="height: 120px" class="float-right"></div>
     XXXXXXXXXXXXXX
-    <div style="width: 140px" class="float-left"></div>
+    <div style="height: 140px" class="float-right"></div>
     XXXXXXXXXXXXX
-    <div style="width: 160px" class="float-left"></div>
+    <div style="height: 160px" class="float-right"></div>
     XXXXXXXXXXXX
-    <div style="width: 180px" class="float-left"></div>
+    <div style="height: 180px" class="float-right"></div>
     XXXXXXXXXXX
-    <div style="width: 200px" class="float-left"></div>
+    <div style="height: 200px" class="float-right"></div>
     XXXXXXXXXX
   </div>
 </body>