LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff: LayoutTests/css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 months 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 unified diff | Download patch

« no previous file with comments | « LayoutTests/css3/filters/composited-layer-bounds-with-composited-blur.html ('k') | LayoutTests/css3/filters/composited-layer-promotion-after-outset-overlap-change-using-composited-shadow.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <!--	3 <!--

4 On Safari, this test verifies that:	4 On Safari, this test verifies that:

5 (1) A composited parent layer's composited child remains positioned corr ectly when the	5 (1) A composited parent layer's composited child remains positioned corr ectly when the

6 parent's bounds change due to compositor-painted filters falling bac k to software	6 parent's bounds change due to compositor-painted filters falling bac k to software

7 painting. On Safari, the filters fallback to software painting becau se drop-shadow is	7 painting. On Safari, the filters fallback to software painting becau se drop-shadow is

8 not the last filter in the chain.	8 not the last filter in the chain.

9 (2) The composited parent layer's bounds increase to include filter outs ets when	9 (2) The composited parent layer's bounds increase to include filter outs ets when

10 compositor-painted filters fall back to software-painting.	10 compositor-painted filters fall back to software-painting.

11	11

12 If the test passes, you should see the green child div exactly covering the red parent div,	12 If the test passes, you should see the green child div exactly covering the red parent div,

13 so no red is visible. There should be a gray drop shadow visible.	13 so no red is visible. There should be a gray drop shadow visible.

14 -->	14 -->

15 <style>	15 <style>

16 #composited-parent {	16 #composited-parent {

17 background-color: red;	17 background-color: red;

18 -webkit-transform: translateZ(0);	18 transform: translateZ(0);

19 position: absolute;	19 position: absolute;

20 top: 100px;	20 top: 100px;

21 left: 100px;	21 left: 100px;

22 width: 100px;	22 width: 100px;

23 height: 100px;	23 height: 100px;

24 }	24 }

25 #absolutely-positioned-composited-child {	25 #absolutely-positioned-composited-child {

26 background-color: green;	26 background-color: green;

27 -webkit-transform: translateZ(0);	27 transform: translateZ(0);

28 position: absolute;	28 position: absolute;

29 top: 0;	29 top: 0;

30 left: 0;	30 left: 0;

31 width: 100px;	31 width: 100px;

32 height: 100px;	32 height: 100px;

33 }	33 }

34 .compositor-painted-shadow {	34 .compositor-painted-shadow {

35 -webkit-filter: grayscale(0.5) drop-shadow(-50px -50px 0px gray);	35 -webkit-filter: grayscale(0.5) drop-shadow(-50px -50px 0px gray);

36 }	36 }

37 .software-painted-shadow {	37 .software-painted-shadow {

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
70 }	70 }

71 </script>	71 </script>

72 </head>	72 </head>

73 <body onload="runTest()">	73 <body onload="runTest()">

74 <div id="composited-parent" class="compositor-painted-shadow">	74 <div id="composited-parent" class="compositor-painted-shadow">

75 <div id="absolutely-positioned-composited-child"></div>	75 <div id="absolutely-positioned-composited-child"></div>

76 </div>	76 </div>

77 <pre id="console"></pre>	77 <pre id="console"></pre>

78 </body>	78 </body>

79 </html>	79 </html>

OLD	NEW