third_party/WebKit/LayoutTests/animations/custom-properties/animate-shorthand-var.html - Issue 2974853002: Assorted small animation test moves

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: third_party/WebKit/LayoutTests/animations/custom-properties/animate-shorthand-var.html

Issue 2974853002: Assorted small animation test moves (Closed)

Patch Set: Also rename test referring to 'players' Created 3 years, 5 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 | « third_party/WebKit/LayoutTests/animations/composited-with-hit-testing-expected.html ('k') | third_party/WebKit/LayoutTests/animations/font-size-using-ems.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <script src="../resources/testharness.js"></script>	1 <script src="../../resources/testharness.js"></script>

2 <script src="../resources/testharnessreport.js"></script>	2 <script src="../../resources/testharnessreport.js"></script>

3 <style>	3 <style>

4 body {	4 body {

5 --x: green;	5 --x: green;

6 --y: lime;	6 --y: lime;

7 }	7 }

8 @keyframes test {	8 @keyframes test {

9 from { background: var(--x); }	9 from { background: var(--x); }

10 to { background: var(--y); }	10 to { background: var(--y); }

11 }	11 }

12 #cssAnimations {	12 #cssAnimations {

13 animation: test 1s -0.5s linear paused;	13 animation: test 1s -0.5s linear paused;

14 }	14 }

15 </style>	15 </style>

16 <div id="cssAnimations"></div>	16 <div id="cssAnimations"></div>

17 <div id="webAnimations"></div>	17 <div id="webAnimations"></div>

18 <script>	18 <script>

19 test(() => {	19 test(() => {

20 assert_equals(getComputedStyle(cssAnimations).backgroundColor, 'rgb(0, 192, 0) ');	20 assert_equals(getComputedStyle(cssAnimations).backgroundColor, 'rgb(0, 192, 0) ');

21 }, 'CSS Animations should interpolate shorthand properties with variable referen ces in them.');	21 }, 'CSS Animations should interpolate shorthand properties with variable referen ces in them.');

22	22

23 test(() => {	23 test(() => {

24 var animation = webAnimations.animate({background: ['var(--x)', 'var(--y)']}, 1);	24 var animation = webAnimations.animate({background: ['var(--x)', 'var(--y)']}, 1);

25 animation.currentTime = 0.5;	25 animation.currentTime = 0.5;

26 assert_equals(getComputedStyle(webAnimations).backgroundColor, 'rgb(0, 192, 0) ');	26 assert_equals(getComputedStyle(webAnimations).backgroundColor, 'rgb(0, 192, 0) ');

27 }, 'Web Animations should interpolate shorthand properties with variable referen ces in them.');	27 }, 'Web Animations should interpolate shorthand properties with variable referen ces in them.');

28 </script>	28 </script>

OLD	NEW