Diff
Modified: trunk/LayoutTests/ChangeLog (168355 => 168356)
--- trunk/LayoutTests/ChangeLog 2014-05-06 12:37:52 UTC (rev 168355)
+++ trunk/LayoutTests/ChangeLog 2014-05-06 13:17:26 UTC (rev 168356)
@@ -1,5 +1,14 @@
2014-05-06 Ion Rosca <[email protected]>
+ [CSS Blending] Rename all the tests css3/compositing to css3/blending
+ https://bugs.webkit.org/show_bug.cgi?id=132606
+
+ Reviewed by Andrei Bucur.
+
+ * css3/blending: Renamed from LayoutTests/css3/compositing.
+
+2014-05-06 Ion Rosca <[email protected]>
+
[CSS Blending] Rename layout tests css3/compositing to css3/blending
https://bugs.webkit.org/show_bug.cgi?id=132578
Copied: trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-accelerated-parent-overflow-hidden-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ background: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that accelerated blending works when the backdrop is a normal flow only layer.</p>
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-accelerated-parent-overflow-hidden.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ overflow:hidden;
+ background: rgb(0, 255, 0);
+ isolation:isolate;
+ -webkit-isolation:isolate;
+ position: relative; /*avoid #130891 issue*/
+ }
+
+ .blender {
+
+ -webkit-mix-blend-mode: difference;
+ mix-blend-mode: difference;
+ }
+
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+</style>
+
+<p>This test checks that accelerated blending works when the backdrop is a normal flow only layer.</p>
+<div class="parent">
+ <div class="blender accelerated" _onclick_="alert(this.className);this.className = ((this.className == 'blender accelerated') ? 'accelerated' : 'blender accelerated')" style="margin-left: 10px;
+ width: 400px;
+ height: 20px;
+ background: rgb(0, 0, 0);"></div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-background-color-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will blend with body's black background.<br/>
+ Test passes if there is no red rectangle on the screen.</p>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-background-color.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-background-color.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #ff0000;
+ mix-blend-mode: multiply;
+ }
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will blend with body's black background.<br/>
+ Test passes if there is no red rectangle on the screen.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML>
+<body>
+ <p>This file tests that a blending element will blend with default white background.<br/>
+ Test passes if there is no red rectangle on the screen.</p>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-isolate-background-color-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #00ff00;
+ }
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will not blend with body's black background when body creates a stacking context.<br/>
+ Test passes if you see a green rectangle on top of a black background.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-isolate-background-color.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-background-color.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #00ff00;
+ mix-blend-mode: multiply;
+ }
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ isolation: isolate;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will not blend with body's black background when body creates a stacking context.<br/>
+ Test passes if you see a green rectangle on top of a black background.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-isolate-html-background-color-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ }
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ }
+ html {
+ background-color: green;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will blend with body's black background when the html element also has background-color and the body element isolates.<br/>
+ Test passes if you don't see any red rectangle.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child-isolate-html-background-color.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child-isolate-html-background-color.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #ff0000;
+ mix-blend-mode: multiply;
+ }
+ p {
+ color: white;
+ }
+ body {
+ background-color: black;
+ isolation: isolate;
+ }
+ html {
+ background-color: green;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will blend with body's black background when the html element also has background-color and the body element isolates.<br/>
+ Test passes if you don't see any red rectangle.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-child.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-child.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-child.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-child.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: #ff0000;
+ mix-blend-mode: screen;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that a blending element will blend with default white background.<br/>
+ Test passes if there is no red rectangle on the screen.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-element-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-element-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-element-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-element-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ body {
+ background-color: green;
+ }
+ </style>
+</head>
+
+<body>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-body-element.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-body-element.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-body-element.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-body-element.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: black;
+ }
+ body {
+ mix-blend-mode: difference;
+ background-color: green;
+ }
+ p {
+ color: black;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that body element will blend with body's background-color.<br/>
+ Test passes if you see a clean green background.</p>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas-expected.txt (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-canvas-expected.txt) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas-expected.txt 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,31 @@
+ (GraphicsLayer
+ (anchor 0.00 0.00)
+ (bounds 800.00 600.00)
+ (children 1
+ (GraphicsLayer
+ (bounds 800.00 600.00)
+ (contentsOpaque 1)
+ (children 1
+ (GraphicsLayer
+ (position 8.00 8.00)
+ (bounds 100.00 100.00)
+ (contentsOpaque 1)
+ (drawsContent 1)
+ (children 1
+ (GraphicsLayer
+ (bounds 100.00 100.00)
+ (blendMode difference)
+ (children 1
+ (GraphicsLayer
+ (bounds 100.00 100.00)
+ (drawsContent 1)
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+ )
+)
+
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-canvas.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-canvas.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ overflow:hidden;
+ background: rgb(0, 255, 0);
+ isolation: isolate;
+ position: relative; /*avoid #130891 issue*/
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+</style>
+
+<!-- <p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is an accelerated canvas.<br /> -->
+<!-- Test passes if you see a green rectangle.</p> -->
+<div class="parent">
+ <canvas class="blending" id="blending-canvas" width="400" height="400"></canvas>
+</div>
+<pre id="layers">Layer tree goes here in DRT</pre>
+<script>
+ if (window.testRunner) {
+ testRunner.dumpAsText();
+ testRunner.waitUntilDone();
+ }
+ function doTest() {
+ var canvas = document.getElementById("blending-canvas");
+ var ctx = canvas.getContext("2d");
+ ctx.fillStyle = "#000000";
+ ctx.fillRect(0,0,400,400);
+
+ if (window.testRunner) {
+ document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
+ testRunner.notifyDone();
+ }
+ }
+ window.addEventListener('load', doTest, false);
+</script>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-child-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ background: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is accelerated.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-child.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-child.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ overflow:hidden;
+ background: rgb(0, 255, 0);
+ isolation: isolate;
+ position: relative; /*avoid #130891 issue*/
+ }
+
+ .child {
+ width: 400px;
+ height: 400px;
+ background: rgb(0, 0, 0);
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is accelerated.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+ <div class="accelerated blending child"></div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-double-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ background: rgb(0, 255, 0);
+ }
+</style>
+
+<p>Test if blending works when the blending layer is clipped by one accelerated layer and by one software layer.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-double.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-double.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ }
+ .child {
+ width: 400px;
+ height: 50px;
+ }
+ .isolating {
+ isolation: isolate;
+ }
+ .clipping {
+ overflow: hidden;
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+ .black {
+ background-color: rgb(0, 0, 0);
+ }
+ .green {
+ background-color: rgb(0, 255, 0);
+ }
+</style>
+
+<p>Test if blending works when the blending layer is clipped by one accelerated layer and by one software layer.<br />
+Test passes if you see a green rectangle.</p>
+<div class="isolating accelerated clipping green parent">
+ <div class="clipping parent" style="position: relative; left: 10px; right: 10px;">
+ <div class="accelerated blending black child"></div>
+ <div class="accelerated green child"></div>
+ </div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-with-siblings-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ background-color: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is accelerated.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-blending-with-siblings.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-blending-with-siblings.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ overflow:hidden;
+ isolation: isolate;
+ position: relative; /*avoid #130891 issue*/
+ }
+
+ .child {
+ width: 400px;
+ height: 50px;
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+ .black {
+ background-color: rgb(0, 0, 0);
+ }
+ .green {
+ background-color: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is accelerated.<br />
+Test passes if you see a green rectangle.</p>
+<div class="green parent">
+ <div class="accelerated blending black child"></div>
+ <div class="accelerated green child"></div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-transformed-blending-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,13 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ background: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer has 3d transform.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-accelerated-transformed-blending.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-accelerated-transformed-blending.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ overflow:hidden;
+ background: rgb(0, 255, 0);
+ isolation: isolate;
+ position: relative; /*avoid #130891 issue*/
+ }
+
+ .child {
+ width: 400px;
+ height: 20px;
+ background: rgb(0, 0, 0);
+ position: relative;
+ top: 110px;
+ left: -80px;
+ -webkit-transform: rotateZ(45deg) rotateY(30deg);
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer has 3d transform.<br />
+Test passes if you see a green rectangle.</p>
+<div class="parent">
+ <div class="blending child"></div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-rect-accelerated-blending-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 100px;
+ height: 100px;
+ position: absolute;
+ background: rgb(0, 255, 0);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer is absolute positioned and has a clip rect.<br />
+Test passes if you see a green rectangle.</p>
+
+<div class="parent">
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-clip-rect-accelerated-blending.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-clip-rect-accelerated-blending.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<style>
+ .parent {
+ width: 300px;
+ height: 300px;
+ position: absolute;
+ clip: rect(0px, 100px, 100px, 0px);
+ background: rgb(0, 255, 0);
+ isolation: isolate;
+ }
+
+ .child {
+ width: 400px;
+ height: 400px;
+ background: rgb(0, 0, 0);
+ }
+ .blending {
+ mix-blend-mode: difference;
+ }
+ .accelerated {
+ -webkit-transform: translateZ(0px);
+ }
+</style>
+
+<p>This test checks that blending works if the isolating layer is absolute positioned and has a clip rect.<br />
+Test passes if you see a green rectangle.</p>
+
+<div class="parent">
+ <div class="accelerated blending child"></div>
+</div>
Copied: trunk/LayoutTests/css3/blending/blend-mode-html-element-screen-expected.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-html-element-screen-expected.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-html-element-screen-expected.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-html-element-screen-expected.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<body>
+</body>
Copied: trunk/LayoutTests/css3/blending/blend-mode-html-element-screen.html (from rev 168355, trunk/LayoutTests/css3/compositing/blend-mode-html-element-screen.html) (0 => 168356)
--- trunk/LayoutTests/css3/blending/blend-mode-html-element-screen.html (rev 0)
+++ trunk/LayoutTests/css3/blending/blend-mode-html-element-screen.html 2014-05-06 13:17:26 UTC (rev 168356)
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<head>
+ <style>
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: black;
+ }
+ html {
+ mix-blend-mode: screen;
+ background-color: green;
+ }
+ p {
+ color: black;
+ }
+ </style>
+</head>
+
+<body>
+ <p>This file tests that setting screen blend mode on the html element will hide all content from body.<br/>
+ Test passes if you see a clean white background.</p>
+ <div></div>
+</body>
