third_party/WebKit/LayoutTests/css3/motion-path/offset.html - Issue 2842933003: CSS Motion Path: delete implementation of offset-rotation property

Side by Side Diff: third_party/WebKit/LayoutTests/css3/motion-path/offset.html

Issue 2842933003: CSS Motion Path: delete implementation of offset-rotation property (Closed)

Patch Set: remove offsetRotation from webexposed 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/responsive/offset-rotation-responsive.html ('k') | third_party/WebKit/LayoutTests/css3/motion-path/offset-rotation.html » ('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 <html>	2 <html>

3 <head>	3 <head>

4 <script src="../../resources/testharness.js"></script>	4 <script src="../../resources/testharness.js"></script>

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

6 <style>	6 <style>

7 #div2 {	7 #div2 {

8 offset: none 50% auto 400grad;	8 offset: none 50% auto 400grad;

9 }	9 }

10 #div3 {	10 #div3 {

11 offset: path('M 10 20 h 30 v 150') 70px 0rad;	11 offset: path('M 10 20 h 30 v 150') 70px 0rad;

12 }	12 }

13 #div4 {	13 #div4 {

14 offset: none 10px 90deg reverse;	14 offset: none 10px 90deg reverse;

15 }	15 }

16 </style>	16 </style>

17 </head>	17 </head>

18 <body>	18 <body>

19 <div id="div1"></div>	19 <div id="div1"></div>

20 <div id="div2"></div>	20 <div id="div2"></div>

21 <div id="div3"></div>	21 <div id="div3"></div>

22 <div id="div4"></div>	22 <div id="div4"></div>

23 <span id="span1" style="offset: path('M 1 2 V 3') 4px 5deg"></span>	23 <span id="span1" style="offset: path('M 1 2 V 3') 4px 5deg"></span>

24 <script>	24 <script>

25 "use strict";	25 "use strict";

26	26

27 test(function() {	27 test(function() {

28 assert_equals(getComputedStyle(div1, null).offsetPath, 'none');	28 assert_equals(getComputedStyle(div1, null).offsetPath, 'none');

29 assert_equals(getComputedStyle(div1, null).offsetDistance, '0px');	29 assert_equals(getComputedStyle(div1, null).offsetDistance, '0px');

30 assert_equals(getComputedStyle(div1, null).offsetRotation, 'auto 0deg');	30 assert_equals(getComputedStyle(div1, null).offsetRotate, 'auto 0deg');

31 assert_equals(getComputedStyle(div1, null).offset, 'none 0px auto 0deg');	31 assert_equals(getComputedStyle(div1, null).offset, 'none 0px auto 0deg');

32 assert_equals(getComputedStyle(div1, null).transform, 'none');	32 assert_equals(getComputedStyle(div1, null).transform, 'none');

33 }, 'offset default is none 0px auto 0deg');	33 }, 'offset default is none 0px auto 0deg');

34	34

35 test(function() {	35 test(function() {

36 assert_equals(getComputedStyle(div2, null).offsetPath, 'none');	36 assert_equals(getComputedStyle(div2, null).offsetPath, 'none');

37 assert_equals(getComputedStyle(div2, null).offsetDistance, '50%');	37 assert_equals(getComputedStyle(div2, null).offsetDistance, '50%');

38 assert_equals(getComputedStyle(div2, null).offsetRotation, 'auto 360deg');	38 assert_equals(getComputedStyle(div2, null).offsetRotate, 'auto 360deg');

39 assert_equals(getComputedStyle(div2, null).offset, 'none 50% auto 360deg');	39 assert_equals(getComputedStyle(div2, null).offset, 'none 50% auto 360deg');

40 assert_equals(getComputedStyle(div2, null).transform, 'none');	40 assert_equals(getComputedStyle(div2, null).transform, 'none');

41 }, 'offset supports various angle units');	41 }, 'offset supports various angle units');

42	42

43 test(function() {	43 test(function() {

44 assert_equals(getComputedStyle(div3, null).offsetPath, "path('M 10 20 h 30 v 150')");	44 assert_equals(getComputedStyle(div3, null).offsetPath, "path('M 10 20 h 30 v 150')");

45 assert_equals(getComputedStyle(div3, null).offsetDistance, '70px');	45 assert_equals(getComputedStyle(div3, null).offsetDistance, '70px');

46 assert_equals(getComputedStyle(div3, null).offsetRotation, '0deg');	46 assert_equals(getComputedStyle(div3, null).offsetRotate, '0deg');

47 assert_equals(getComputedStyle(div3, null).offset, "path('M 10 20 h 30 v 150 ') 70px 0deg");	47 assert_equals(getComputedStyle(div3, null).offset, "path('M 10 20 h 30 v 150 ') 70px 0deg");

48 assert_equals(getComputedStyle(div3, null).transform, 'matrix(1, 0, 0, 1, 0, 0)');	48 assert_equals(getComputedStyle(div3, null).transform, 'matrix(1, 0, 0, 1, 0, 0)');

49 }, 'offset supports SVG path data');	49 }, 'offset supports SVG path data');

50	50

51 test(function() {	51 test(function() {

52 assert_equals(getComputedStyle(div4, null).offsetPath, 'none');	52 assert_equals(getComputedStyle(div4, null).offsetPath, 'none');

53 assert_equals(getComputedStyle(div4, null).offsetDistance, '10px');	53 assert_equals(getComputedStyle(div4, null).offsetDistance, '10px');

54 assert_equals(getComputedStyle(div4, null).offsetRotation, 'auto 270deg');	54 assert_equals(getComputedStyle(div4, null).offsetRotate, 'auto 270deg');

55 assert_equals(getComputedStyle(div4, null).offset, 'none 10px auto 270deg');	55 assert_equals(getComputedStyle(div4, null).offset, 'none 10px auto 270deg');

56 assert_equals(getComputedStyle(div4, null).transform, 'none');	56 assert_equals(getComputedStyle(div4, null).transform, 'none');

57 }, 'offset property data can be supplied in any order');	57 }, 'offset property data can be supplied in any order');

58	58

59 test(function() {	59 test(function() {

60 assert_equals(span1.style.offsetPath, "path('M 1 2 V 3')");	60 assert_equals(span1.style.offsetPath, "path('M 1 2 V 3')");

61 assert_equals(span1.style.offsetDistance, '4px');	61 assert_equals(span1.style.offsetDistance, '4px');

62 assert_equals(span1.style.offsetRotation, '5deg');	62 assert_equals(span1.style.offsetRotate, '5deg');

63 assert_equals(span1.style.offset, "path('M 1 2 V 3') 4px 5deg");	63 assert_equals(span1.style.offset, "path('M 1 2 V 3') 4px 5deg");

64 assert_equals(span1.style.transform, '');	64 assert_equals(span1.style.transform, '');

65 }, 'offset style can be set inline');	65 }, 'offset style can be set inline');

66	66

67 </script>	67 </script>

68 </body>	68 </body>

69 </html>	69 </html>

OLD	NEW