LayoutTests/animations/interpolation/transform-interpolation.html - Issue 189883003: Web Animations: Allow animations with delay to start on compositor

Side by Side Diff: LayoutTests/animations/interpolation/transform-interpolation.html

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

Patch Set: 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 | « no previous file | LayoutTests/animations/interpolation/transform-interpolation-expected.txt » ('j') | LayoutTests/compositing/layer-creation/animation-overlap-with-children.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <meta charset="UTF-8">	2 <meta charset="UTF-8">

3 <style>	3 <style>

4 .target {	4 .target {

5 color: white;	5 color: white;

6 width: 100px;	6 width: 100px;

7 height: 100px;	7 height: 100px;

8 background-color: black;	8 background-color: black;

9 display: inline-block;	9 display: inline-block;

10 overflow: hidden;	10 overflow: hidden;

(...skipping 571 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
582 {at: 2, is: 'matrix3d(0.39048513570444376, 0.14780794797065988, 0.696306810021 7401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.54723760168 72444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310 586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)'},	582 {at: 2, is: 'matrix3d(0.39048513570444376, 0.14780794797065988, 0.696306810021 7401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.54723760168 72444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310 586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)'},

583 ]);	583 ]);

584	584

585 // Mismatched interpolation with an empty list should not use decomposition.	585 // Mismatched interpolation with an empty list should not use decomposition.

586 assertInterpolation({	586 assertInterpolation({

587 property: '-webkit-transform',	587 property: '-webkit-transform',

588 from: 'none',	588 from: 'none',

589 to: 'rotate(180deg)'	589 to: 'rotate(180deg)'

590 }, [	590 }, [

591 {at: -1, is: 'rotate(-180deg)'},	591 {at: -1, is: 'rotate(-180deg)'},

592 {at: 0, is: 'rotate(0deg)'},	592 {at: 0, is: 'none'},

593 {at: 0.25, is: 'rotate(45deg)'},	593 {at: 0.25, is: 'rotate(45deg)'},

594 {at: 0.75, is: 'rotate(135deg)'},	594 {at: 0.75, is: 'rotate(135deg)'},

595 {at: 1, is: 'rotate(180deg)'},	595 {at: 1, is: 'rotate(180deg)'},

596 {at: 2, is: 'rotate(360deg)'},	596 {at: 2, is: 'rotate(360deg)'},

597 ]);	597 ]);

598 assertInterpolation({	598 assertInterpolation({

599 property: '-webkit-transform',	599 property: '-webkit-transform',

600 from: 'rotate(180deg)',	600 from: 'rotate(180deg)',

601 to: 'none'	601 to: 'none'

602 }, [	602 }, [

603 {at: -1, is: 'rotate(360deg)'},	603 {at: -1, is: 'rotate(360deg)'},

604 {at: 0, is: 'rotate(180deg)'},	604 {at: 0, is: 'rotate(180deg)'},

605 {at: 0.25, is: 'rotate(135deg)'},	605 {at: 0.25, is: 'rotate(135deg)'},

606 {at: 0.75, is: 'rotate(45deg)'},	606 {at: 0.75, is: 'rotate(45deg)'},

607 {at: 1, is: 'rotate(0deg)'},	607 {at: 1, is: 'none'},

608 {at: 2, is: 'rotate(-180deg)'},	608 {at: 2, is: 'rotate(-180deg)'},

609 ]);	609 ]);

610 assertInterpolation({	610 assertInterpolation({

611 property: '-webkit-transform',	611 property: '-webkit-transform',

612 from: 'none',	612 from: 'none',

613 to: 'rotate(360deg)'	613 to: 'rotate(360deg)'

614 }, [	614 }, [

615 {at: -1, is: 'rotate(-360deg)'},	615 {at: -1, is: 'rotate(-360deg)'},

616 {at: 0, is: 'rotate(0deg)'},	616 {at: 0, is: 'none'},

617 {at: 0.25, is: 'rotate(90deg)'},	617 {at: 0.25, is: 'rotate(90deg)'},

618 {at: 0.75, is: 'rotate(270deg)'},	618 {at: 0.75, is: 'rotate(270deg)'},

619 {at: 1, is: 'rotate(360deg)'},	619 {at: 1, is: 'rotate(360deg)'},

620 {at: 2, is: 'rotate(720deg)'},	620 {at: 2, is: 'rotate(720deg)'},

621 ]);	621 ]);

622 </script>	622 </script>

623 </body>	623 </body>

OLD	NEW