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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html

Issue 2283363004: GeometryInterace: Add rotate methods. Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/dom/DOMMatrix.h » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html
diff --git a/third_party/WebKit/LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html b/third_party/WebKit/LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html
new file mode 100644
index 0000000000000000000000000000000000000000..f45605b516ac7609cb4958b7f1410cee1b69fa62
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/dom/geometry-interfaces-dom-matrix-rotate.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Geometry Interfaces: DOMMatrix rotate</title>
+<script src="../../resources/testharness.js"></script>
+<script src="../../resources/testharnessreport.js"></script>
+</head>
+<body>
+<script>
+
+function getRotationMatrix(x, y, z, alpha_in_degrees)
+{
+ // Vector normalizing
+ var length = Math.sqrt(x * x + y * y + z * z);
+ var nx = x / length;
+ var ny = y / length;
+ var nz = z / length;
+
+ // The 3D rotation matrix is described in CSS Transforms with alpha.
+ // Please see: https://drafts.csswg.org/css-transforms-1/#Rotate3dDefined
+ var alpha_in_radian = deg2rad(alpha_in_degrees / 2);
+ var sc = Math.sin(alpha_in_radian) * Math.cos(alpha_in_radian);
+ var sq = Math.sin(alpha_in_radian) * Math.sin(alpha_in_radian);
+
+ var m11 = 1 - 2 * (ny * ny + nz * nz) * sq;
+ var m12 = 2 * (nx * ny * sq + nz * sc);
+ var m13 = 2 * (nx * nz * sq - ny * sc);
+ var m14 = 0;
+ var m21 = 2 * (nx * ny * sq - nz * sc);
+ var m22 = 1 - 2 * (nx * nx + nz * nz) * sq;
+ var m23 = 2 * (ny * nz * sq + nx * sc);
+ var m24 = 0;
+ var m31 = 2 * (nx * nz * sq + ny * sc);
+ var m32 = 2 * (ny * nz * sq - nx * sc);
+ var m33 = 1 - 2 * (nx * nx + ny * ny) * sq;
+ var m34 = 0;
+ var m41 = 0;
+ var m42 = 0;
+ var m43 = 0;
+ var m44 = 1;
+
+ return [ m11, m12, m13, m14,
+ m21, m22, m23, m24,
+ m31, m32, m33, m34,
+ m41, m42, m43, m44 ];
+}
+
+function assert_array_almost_equals(actual, expected) {
+ for (var i = 0; i < actual.length; i++) {
+ assert_equals(actual[i].toFixed(10), expected[i].toFixed(10));
+ }
+}
+
+function deg2rad(degrees)
+{
+ return degrees * Math.PI / 180;
+}
+
+function rad2deg(radians)
+{
+ return radians * 180 / Math.PI
+}
+
+test(function() {
+ var actual = new DOMMatrixReadOnly([1, 2, 3, 4, 5, 6, 7, 8, 9, 10.1, 11, 12, 13, 14, 15, 16.6]);
+ var expected = new DOMMatrixReadOnly([1, 2, 3, 4, 5, 6, 7, 8, 9, 10.1, 11, 12, 13, 14, 15, 16.6]);
+ assert_array_almost_equals(
+ actual.rotateAxisAngle(1, 2, 3, 30).toFloat64Array(),
+ expected.multiply(new DOMMatrixReadOnly(getRotationMatrix(1, 2, 3, 30))));
+ /*
+ assert_array_equals(toArray(matrix.rotateAxisAngleSelf(1, 2, 3, 30)), getExpectedRotationMatrix(1, 2, 3, 30));
+ assert_array_equals(toArray(matrix.rotateAxisAngleSelf(1, 2, 3, 30)), getExpectedRotationMatrix(1, 2, 3, 30));
+ assert_array_equals(toArray(matrix.rotateAxisAngleSelf(1, 2, 3, 30)), getExpectedRotationMatrix(1, 2, 3, 30));
+ assert_array_equals(toArray(matrix.rotateAxisAngleSelf(1, 2, 3, 30)), getExpectedRotationMatrix(1, 2, 3, 30));
+ assert_array_equals(toArray(matrix.rotateAxisAngleSelf(1, 2, 3, 30)), getExpectedRotationMatrix(1, 2, 3, 30));*/
+}, "DOMMatrix.rotateAxisAnagleSelf");
+/*
+test(function() {
+ var matrix = new DOMMatrix();
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ var result = matrix.rotate(60);
+ assert_true(result.is2D);
+ assert_false(result.isIdentity);
+ var m11 = COS_60_DEG;
+ var m12 = SIN_60_DEG;
+ var m21 = -SIN_60_DEG;
+ var m22 = COS_60_DEG;
+ assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ matrix.rotateSelf(60);
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(result));
+}, "DOMMatrix.rotate(angle) and rotateSelf(angle)");
+
+test(function() {
+ var matrix = new DOMMatrix();
+ matrix.m11 = 1;
+ matrix.m12 = 2;
+ matrix.m21 = 3;
+ matrix.m22 = 4;
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ var result = matrix.rotate(30);
+ assert_true(result.is2D);
+ assert_false(result.isIdentity);
+ var m11 = COS_30_DEG + SIN_30_DEG * 3;
+ var m12 = COS_30_DEG * 2 + SIN_30_DEG * 4;
+ var m21 = -SIN_30_DEG + COS_30_DEG * 3;
+ var m22 = -SIN_30_DEG * 2 + COS_30_DEG * 4;
+ assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ matrix.rotateSelf(30);
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(result));
+}, "DOMMatrix.rotate(angle) and DOMMatrix.rotateSelf(angle) with non-identity");
+
+test(function() {
+ var matrix = new DOMMatrix();
+ matrix.m11 = 1;
+ matrix.m12 = 2;
+ matrix.m21 = 3;
+ matrix.m22 = 4;
+ matrix.m13 = 5;
+ matrix.m23 = 6;
+ matrix.m33 = 7;
+ assert_false(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 5, 6, 7, 0, 0, 0, 0, 1 ]);
+ var result = matrix.rotate(30);
+ assert_false(result.is2D);
+ assert_false(result.isIdentity);
+ var m11 = COS_30_DEG + SIN_30_DEG * 3;
+ var m12 = COS_30_DEG * 2 + SIN_30_DEG * 4;
+ var m13 = COS_30_DEG * 5 + SIN_30_DEG * 6;
+ var m21 = -SIN_30_DEG + COS_30_DEG * 3;
+ var m22 = -SIN_30_DEG * 2 + COS_30_DEG * 4;
+ var m23 = -SIN_30_DEG * 5 + COS_30_DEG * 6;
+ assert_array_equals(toArray(result), [ m11, m21, 0, 0, m12, m22, 0, 0, m13, m23, 7, 0, 0, 0, 0, 1 ]);
+ assert_false(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 3, 0, 0, 2, 4, 0, 0, 5, 6, 7, 0, 0, 0, 0, 1 ]);
+ matrix.rotateSelf(30);
+ assert_false(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(result));
+}, "DOMMatrix.rotate(angle) and DOMMatrix.rotateSelf(angle) when is2D property is false");
+
+test(function() {
+ var matrix = new DOMMatrix();
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ var result = matrix.rotate(45, 10, 10);
+ var expected = new DOMMatrix();
+ expected.translateSelf(10, 10);
+ expected.rotateSelf(45);
+ expected.translateSelf(-10, -10);
+ assert_true(result.is2D);
+ assert_false(result.isIdentity);
+ assert_array_equals(toArray(result), toArray(expected));
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ matrix.rotateSelf(45, 10, 10);
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(result));
+}, "DOMMatrix.rotate(angle, ox, oy)");
+
+test(function() {
+ var matrix = new DOMMatrix();
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ var result = matrix.rotateFromVector(4, 7);
+ var expected = new DOMMatrix();
+ expected.rotateSelf(rad2deg(Math.atan2(7, 4)));
+ assert_true(result.is2D);
+ assert_false(result.isIdentity);
+ assert_array_equals(toArray(result), toArray(expected));
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ matrix.rotateFromVectorSelf(4, 7);
+ assert_true(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(result));
+}, "DOMMatrix.rotateFromVector(x, y) and DOMMatrix.rotateFromVectorSelf(x, y)");
+
+test(function() {
+ var matrix = new DOMMatrix();
+ assert_true(matrix.is2D);
+ assert_true(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]);
+ var x_result = matrix.rotateAxisAngle(1, 0, 0, 30);
+ assert_false(x_result.is2D);
+ assert_false(x_result.isIdentity);
+ assert_array_equals(toArray(x_result), [ 1, 0, 0, 0, 0, COS_30_DEG, -SIN_30_DEG, 0, 0, SIN_30_DEG, COS_30_DEG, 0, 0, 0, 0, 1 ]);
+ var y_result = matrix.rotateAxisAngle(0, 1, 0, 45);
+ assert_false(y_result.is2D);
+ assert_false(y_result.isIdentity);
+ 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 ]);
+ var z_result = matrix.rotateAxisAngle(0, 0, 1, 60);
+ assert_true(z_result.is2D);
+ assert_false(z_result.isIdentity);
+ 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 ]);
+ var expected = new DOMMatrix();
+ expected.rotateSelf(60);
+ assert_array_equals(toArray(z_result), toArray(expected));
+ matrix.rotateAxisAngleSelf(1, 0, 0, 30);
+ assert_false(matrix.is2D);
+ assert_false(matrix.isIdentity);
+ assert_array_equals(toArray(matrix), toArray(x_result));
+}, "DOMMatrix.rotateAxisAngle(x, y, z, angle) and DOMMatrix.rotateAxisAngleSelf(x, y, z, angle)");
+*/
+</script>
+</body>
+</html>
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/dom/DOMMatrix.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698