third_party/WebKit/LayoutTests/animations/responsive/transform-responsive.html - Issue 2625313002: CSS: Rotate support for none and fixed responsive-test.js

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/responsive/transform-responsive.html

Issue 2625313002: CSS: Rotate support for none and fixed responsive-test.js (Closed)

Patch Set: Created 3 years, 11 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/responsive/rotate-responsive.html ('k') | third_party/WebKit/LayoutTests/fast/css/getComputedStyle/computed-style-listing-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 <script src="resources/responsive-test.js"></script>	2 <script src="resources/responsive-test.js"></script>

3 <script>	3 <script>

4 assertCSSResponsive({	4 assertCSSResponsive({

5 property: 'transform',	5 property: 'transform',

6 from: 'translateX(10em)',	6 from: 'translateX(10em)',

7 to: 'translateX(100px)',	7 to: 'translateX(100px)',

8 configurations: [{	8 configurations: [{

9 state: {fontSize: '2px'},	9 state: {'font-size': '2px'},

10 expect: [	10 expect: [

11 {at: 0.25, is: 'translateX(40px)'},	11 {at: 0.25, is: 'translateX(40px)'},

12 {at: 0.75, is: 'translateX(80px)'},	12 {at: 0.75, is: 'translateX(80px)'},

13 ],	13 ],

14 }, {	14 }, {

15 state: {fontSize: '6px'},	15 state: {'font-size' '6px'},

16 expect: [	16 expect: [

17 {at: 0.25, is: 'translateX(70px)'},	17 {at: 0.25, is: 'translateX(70px)'},

18 {at: 0.75, is: 'translateX(90px)'},	18 {at: 0.75, is: 'translateX(90px)'},

19 ],	19 ],

20 }],	20 }],

21 });	21 });

22	22

23 assertCSSResponsive({	23 assertCSSResponsive({

24 property: 'transform',	24 property: 'transform',

25 from: 'inherit',	25 from: 'inherit',

26 to: 'translateX(100px)',	26 to: 'translateX(100px)',

27 configurations: [{	27 configurations: [{

28 state: {inherited: 'translateX(20px)'},	28 state: {inherited: 'translateX(20px)'},

29 expect: [	29 expect: [

30 {at: 0.25, is: 'translateX(40px)'},	30 {at: 0.25, is: 'translateX(40px)'},

31 {at: 0.75, is: 'translateX(80px)'},	31 {at: 0.75, is: 'translateX(80px)'},

32 ],	32 ],

33 }, {	33 }, {

34 state: {inherited: 'translateY(20px)'},	34 state: {inherited: 'translateY(20px)'},

35 expect: [	35 expect: [

36 {at: 0.25, is: 'translate(25px, 15px)'},	36 {at: 0.25, is: 'translate(25px, 15px)'},

37 {at: 0.75, is: 'translate(75px, 5px)'},	37 {at: 0.75, is: 'translate(75px, 5px)'},

38 ],	38 ],

39 }],	39 }],

40 });	40 });

41 </script>	41 </script>

OLD	NEW