DOMMatrix-invert-invertible.html | Explore in Territory

<!DOCTYPE html>
<link rel="help" href="https://drafts.fxtf.org/geometry-1/#DOMMatrix">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/dommatrix-test-util.js"></script>
<p>Test DOMMatrix.inverse()/invertSelf() for invertible matrices</p>
<script>
test(function() {
  var m = new DOMMatrix();
  assert_true(m.isIdentity);
  var m1 = m.inverse();
  assert_true(m1.isIdentity);
  // Use checkMatrix() instead of checkDOMMatrix() because checkMatrix() has
  // a default epsilon = Number.MIN_VALUE which can at least pass
  // assert_approx_equal(0, -0, epsilon).
  checkMatrix(m, m1);
  m.invertSelf();
  checkMatrix(m, m1);
}, "identity");

test(function() {
  var m = new DOMMatrix().translate(10, -20.5);
  var m1 = m.inverse();
  checkMatrix(m1, new DOMMatrix().translate(-10, 20.5));
  // Check with 'new DOMMatrix()' instead of identity() because the latter is
  // a 3d identity matrix.
  checkMatrix(m1.multiply(m), new DOMMatrix());
  m.invertSelf();
  checkMatrix(m, m1);
}, "translate");

test(function() {
  var m = new DOMMatrix().translate(10, -20.5, 30.5);
  var m1 = m.inverse();
  checkMatrix(m1, new DOMMatrix().translate(-10, 20.5, -30.5));
  checkMatrix(m1.multiply(m), identity());
  m.invertSelf();
  checkMatrix(m, m1);
}, "translate3d");

test(function() {
  var m = new DOMMatrix().scale(4, -0.5);
  var m1 = m.inverse();
  checkMatrix(m1, new DOMMatrix().scale(0.25, -2.0));
  checkMatrix(m1.multiply(m), new DOMMatrix());
  m.invertSelf();
  checkMatrix(m, m1);
}, "scale");

test(function() {
  var m = new DOMMatrix().scale(4, -0.5, 2);
  var m1 = m.inverse();
  checkMatrix(m1, new DOMMatrix().scale(0.25, -2.0, 0.5));
  checkMatrix(m1.multiply(m), identity());
  m.invertSelf();
  checkMatrix(m, m1);
}, "scale3d");

test(function() {
  var m = new DOMMatrix().rotateAxisAngle(0, 0, 1, -30)
                         .scale(10, -0.5, 2.5)
                         .rotateAxisAngle(0, 1, 0, 10)
                         .translate(10, -20.5, 30.5)
                         .rotateAxisAngle(1, 0, 0, 20);
  var expected = new DOMMatrix().rotateAxisAngle(1, 0, 0, -20)
                                .translate(-10, 20.5, -30.5)
                                .rotateAxisAngle(0, 1, 0, -10)
                                .scale(0.1, -2.0, 0.4)
                                .rotateAxisAngle(0, 0, 1, 30);
  var m1 = m.inverse();
  var epsilon = 1e-6;
  checkMatrix(m1, expected, {epsilon});
  m.invertSelf();
  checkMatrix(m, expected, {epsilon});
}, "complex");
</script>
chromium/third_party/blink/web_tests/external/wpt/css/geometry/DOMMatrix-invert-invertible.html
