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

Side by Side Diff: third_party/WebKit/LayoutTests/animations/animations-responsive-motionOffset.html

Issue 2841863005: CSS Motion Path: delete implementation of motion-offset property (Closed)
Patch Set: Created 3 years, 7 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 | « no previous file | third_party/WebKit/LayoutTests/animations/animations-responsive-offsetDistance.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
Bugs Nash 2017/04/30 23:42:38 Perhaps this test should be replaced with a offset
Eric Willigers 2017/05/01 03:03:58 This was done at the time offset-distance was intr
Bugs Nash 2017/05/01 03:18:12 my bad, don't know how i missed that when it's in
2 <script src="../resources/testharness.js"></script>
3 <script src="../resources/testharnessreport.js"></script>
4 <div id='element'></div>
5 <script>
6
7 var element = document.getElementById('element');
8
9 test(function() {
10 var keyframes = [
11 {motionOffset: '4%'},
12 {motionOffset: '12%'}
13 ];
14
15 element.style.width = '100';
16 element.style.height = '200';
17 var player = element.animate(keyframes, 20);
18 player.pause();
19 player.currentTime = 15;
20 element.style.width = '300';
21 element.style.height = '600';
22 assert_equals(getComputedStyle(element).motionOffset, '10%');
23 }, 'Motion position percentages are supported');
24
25 test(function() {
26 var keyframes = [
27 {motionOffset: '8em'},
28 {motionOffset: '16em'}
29 ];
30
31 element.style.fontSize = '10px';
32 var player = element.animate(keyframes, 20);
33 player.pause();
34 player.currentTime = 5;
35 element.style.fontSize = '20px';
36 assert_equals(getComputedStyle(element).motionOffset, '200px');
37 }, 'Motion position lengths respond to style changes');
38
39 </script>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/animations-responsive-offsetDistance.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698