LayoutTests/compositing/layer-creation/animation-overlap-with-children.html - Issue 189883003: Web Animations: Allow animations with delay to start on compositor

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/compositing/layer-creation/animation-overlap-with-children.html

Issue 189883003: Web Animations: Allow animations with delay to start on compositor (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: RenderInline Created 6 years, 9 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/animations/interpolation/transform-interpolation-expected.txt ('k') | LayoutTests/transitions/negative-delay-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2	2

3 <html>	3 <html>

4 <head>	4 <head>

5 <style>	5 <style>

6	6

7 .animating {	7 .animating {

8 -webkit-animation: slide 10s alternate linear infinite;	8 -webkit-animation: slide 10s alternate linear infinite;

9 }	9 }

10	10

(...skipping 30 matching lines...) Expand all Loading...
41 top: 60px;	41 top: 60px;

42 left: 120px;	42 left: 120px;

43 background-color: orange;	43 background-color: orange;

44 }	44 }

45	45

46 .composited {	46 .composited {

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

48 }	48 }

49	49

50 @-webkit-keyframes slide {	50 @-webkit-keyframes slide {

51 from { -webkit-transform: none; }	51 from { -webkit-transform: translateX(0px); }
	Julien - ping for review 2014/03/14 17:42:01 It seemed like the test expected this animation to It seemed like the test expected this animation to generate a RenderLayer but it won't anymore so it looks like this is regressing the original test. While I agree that the old logic was wonky, it seems like a regression as it should this generate some flickering around time = 0 as we switch from being hardware accelerated to not being.
52 to { -webkit-transform: translateX(100px); }	52 to { -webkit-transform: translateX(100px); }

53 }	53 }

54 </style>	54 </style>

55 <script>	55 <script>

56 if (window.testRunner) {	56 if (window.testRunner) {

57 testRunner.dumpAsText();	57 testRunner.dumpAsText();

58 testRunner.waitUntilDone();	58 testRunner.waitUntilDone();

59 }	59 }

60	60

61 function runTest()	61 function runTest()

(...skipping 13 matching lines...) Expand all Loading...
75 <div class="composited banner"></div>	75 <div class="composited banner"></div>

76 <div class="test1 box">Should be composited</div>	76 <div class="test1 box">Should be composited</div>

77 <div class="test2 box">Should not be composited</div>	77 <div class="test2 box">Should not be composited</div>

78 </div>	78 </div>

79	79

80 <div class="box">Should be composited</div>	80 <div class="box">Should be composited</div>

81 <pre id="layers">Layer tree goes here in DRT</pre>	81 <pre id="layers">Layer tree goes here in DRT</pre>

82	82

83 </body>	83 </body>

84 </html>	84 </html>

OLD	NEW