Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(3)

Unified Diff: LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html

Issue 816533002: Import CSSWG Shapes tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: One more test expectations update Created 6 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html
diff --git a/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html
new file mode 100644
index 0000000000000000000000000000000000000000..791a3055905da4309a24ff2ffea6234e740d21e4
--- /dev/null
+++ b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-001.html
@@ -0,0 +1,53 @@
+<!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;
+ 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>

Powered by Google App Engine
This is Rietveld 408576698