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

Side by Side Diff: LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html

Issue 479863002: Implement rotate*() methods in DOMMatrix. Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: add rotateFromVector and rotateAxisAngle Created 6 years, 4 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Geometry Interfaces: DOMMatrix rotate</title>
5 <script src="../../resources/testharness.js"></script>
6 </head>
7 <body>
8 <script>
9
10 function toArray(matrix)
11 {
12 return [ matrix.m11, matrix.m21, matrix.m31, matrix.m41,
13 matrix.m12, matrix.m22, matrix.m32, matrix.m42,
14 matrix.m13, matrix.m23, matrix.m33, matrix.m43,
15 matrix.m14, matrix.m24, matrix.m34, matrix.m44 ];
16 }
17
18 function deg2rad(degrees)
19 {
20 return degrees * Math.PI / 180;
21 }
22
23 function rad2deg(radians)
24 {
25 return radians * 180 / Math.PI
26 }
27
28 const COS_0_DEG = Math.cos(0);
29 const SIN_0_DEG = Math.sin(0);
30 const COS_30_DEG = Math.cos(deg2rad(30));
31 const SIN_30_DEG = Math.sin(deg2rad(30));
32 const COS_45_DEG = Math.cos(deg2rad(45));
33 const SIN_45_DEG = Math.sin(deg2rad(45));
34 const COS_60_DEG = Math.cos(deg2rad(60));
35 const SIN_60_DEG = Math.sin(deg2rad(60));
36 const COS_90_DEG = Math.cos(deg2rad(90));
37 const SIN_90_DEG = Math.sin(deg2rad(90));
38
39 test(function() {
40 var matrix = new DOMMatrix();
41 assert_true(matrix.is2D);
42 assert_true(matrix.isIdentity);
43 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
44 var result = matrix.rotate(60);
45 assert_true(result.is2D);
46 assert_false(result.isIdentity);
47 var m11 = COS_60_DEG;
48 var m12 = SIN_60_DEG;
49 var m21 = -SIN_60_DEG;
50 var m22 = COS_60_DEG;
51 assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, 0, 0, 1 , 0, 0, 0, 0, 1 ]);
52 assert_true(matrix.is2D);
53 assert_true(matrix.isIdentity);
54 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
55 matrix.rotateSelf(60);
56 assert_true(matrix.is2D);
57 assert_false(matrix.isIdentity);
58 assert_array_equals(toArray(matrix), toArray(result));
59 }, "DOMMatrix.rotate(angle) and rotateSelf(angle)");
60
61 test(function() {
62 var matrix = new DOMMatrix();
63 matrix.m11 = 1;
64 matrix.m12 = 2;
65 matrix.m21 = 3;
66 matrix.m22 = 4;
67 assert_true(matrix.is2D);
68 assert_false(matrix.isIdentity);
69 assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
70 var result = matrix.rotate(30);
71 assert_true(result.is2D);
72 assert_false(result.isIdentity);
73 var m11 = COS_30_DEG + SIN_30_DEG * 3;
74 var m12 = COS_30_DEG * 2 + SIN_30_DEG * 4;
75 var m21 = -SIN_30_DEG + COS_30_DEG * 3;
76 var m22 = -SIN_30_DEG * 2 + COS_30_DEG * 4;
77 assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, 0, 0, 1 , 0, 0, 0, 0, 1 ]);
78 assert_true(matrix.is2D);
79 assert_false(matrix.isIdentity);
80 assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
81 matrix.rotateSelf(30);
82 assert_true(matrix.is2D);
83 assert_false(matrix.isIdentity);
84 assert_array_equals(toArray(matrix), toArray(result));
85 }, "DOMMatrix.rotate(angle) and DOMMatrix.rotateSelf(angle) with non-identity");
86
87 test(function() {
88 var matrix = new DOMMatrix();
89 matrix.m11 = 1;
90 matrix.m12 = 2;
91 matrix.m21 = 3;
92 matrix.m22 = 4;
93 matrix.m13 = 5;
94 matrix.m23 = 6;
95 matrix.m33 = 7;
96 assert_false(matrix.is2D);
97 assert_false(matrix.isIdentity);
98 assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 5, 6, 7, 0, 0, 0, 0, 1 ]);
99 var result = matrix.rotate(30);
100 assert_false(result.is2D);
101 assert_false(result.isIdentity);
102 var m11 = COS_30_DEG + SIN_30_DEG * 3;
103 var m12 = COS_30_DEG * 2 + SIN_30_DEG * 4;
104 var m13 = COS_30_DEG * 5 + SIN_30_DEG * 6;
105 var m21 = -SIN_30_DEG + COS_30_DEG * 3;
106 var m22 = -SIN_30_DEG * 2 + COS_30_DEG * 4;
107 var m23 = -SIN_30_DEG * 5 + COS_30_DEG * 6;
108 assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, m13, m2 3, 7, 0, 0, 0, 0, 1 ]);
109 assert_false(matrix.is2D);
110 assert_false(matrix.isIdentity);
111 assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 5, 6, 7, 0, 0, 0, 0, 1 ]);
112 matrix.rotateSelf(30);
113 assert_false(matrix.is2D);
114 assert_false(matrix.isIdentity);
115 assert_array_equals(toArray(matrix), toArray(result));
116 }, "DOMMatrix.rotate(angle) and DOMMatrix.rotateSelf(angle) when is2D property i s false");
117
118 test(function() {
119 var matrix = new DOMMatrix();
120 assert_true(matrix.is2D);
121 assert_true(matrix.isIdentity);
122 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
123 var result = matrix.rotate(45, 10, 10);
124 var expected = new DOMMatrix();
125 expected.translateSelf(10, 10);
126 expected.rotateSelf(45);
127 expected.translateSelf(-10, -10);
128 assert_true(result.is2D);
129 assert_false(result.isIdentity);
130 assert_array_equals(toArray(result), toArray(expected));
131 assert_true(matrix.is2D);
132 assert_true(matrix.isIdentity);
133 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
134 matrix.rotateSelf(45, 10, 10);
135 assert_true(matrix.is2D);
136 assert_false(matrix.isIdentity);
137 assert_array_equals(toArray(matrix), toArray(result));
138 }, "DOMMatrix.rotate(angle, ox, oy)");
139
140 test(function() {
141 var matrix = new DOMMatrix();
142 assert_true(matrix.is2D);
143 assert_true(matrix.isIdentity);
144 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
145 var result = matrix.rotateFromVector(4, 7);
146 var expected = new DOMMatrix();
147 expected.rotateSelf(rad2deg(Math.atan2(7, 4)));
148 assert_true(result.is2D);
149 assert_false(result.isIdentity);
150 assert_array_equals(toArray(result), toArray(expected));
151 assert_true(matrix.is2D);
152 assert_true(matrix.isIdentity);
153 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
154 matrix.rotateFromVectorSelf(4, 7);
155 assert_true(matrix.is2D);
156 assert_false(matrix.isIdentity);
157 assert_array_equals(toArray(matrix), toArray(result));
158 }, "DOMMatrix.rotateFromVector(x, y) and DOMMatrix.rotateFromVectorSelf(x, y)");
159
160 test(function() {
161 var matrix = new DOMMatrix();
162 assert_true(matrix.is2D);
163 assert_true(matrix.isIdentity);
164 assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
165 var x_result = matrix.rotateAxisAngle(1, 0, 0, 30);
166 assert_false(x_result.is2D);
167 assert_false(x_result.isIdentity);
168 assert_array_equals(toArray(x_result), [ 1, 0, 0, 0, 0, COS_30_DEG, -SIN_30_DE G, 0, 0, SIN_30_DEG, COS_30_DEG, 0, 0, 0, 0, 1 ]);
169 var y_result = matrix.rotateAxisAngle(0, 1, 0, 45);
170 assert_false(y_result.is2D);
171 assert_false(y_result.isIdentity);
172 assert_array_equals(toArray(y_result), [ COS_45_DEG, 0, SIN_45_DEG, 0, 0, 1, 0 , 0, -SIN_45_DEG, 0, COS_45_DEG, 0, 0, 0, 0, 1 ]);
173 var z_result = matrix.rotateAxisAngle(0, 0, 1, 60);
174 assert_true(z_result.is2D);
175 assert_false(z_result.isIdentity);
176 assert_array_equals(toArray(z_result), [ COS_60_DEG, -SIN_60_DEG, 0, 0, SIN_60 _DEG, COS_60_DEG, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
177 var expected = new DOMMatrix();
178 expected.rotateSelf(60);
179 assert_array_equals(toArray(z_result), toArray(expected));
180 matrix.rotateAxisAngleSelf(1, 0, 0, 30);
181 assert_false(matrix.is2D);
182 assert_false(matrix.isIdentity);
183 assert_array_equals(toArray(matrix), toArray(x_result));
184 }, "DOMMatrix.rotateAxisAngle(x, y, z, angle) and DOMMatrix.rotateAxisAngleSelf( x, y, z, angle)");
185
186 </script>
187 </body>
188 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698