svgedit/test/recalculate_test.js

/* eslint-env qunit */
/* globals $, svgedit */
/* eslint-disable no-var */
$(function () {
  // log function
  QUnit.log = function (details) {
    if (window.console && window.console.log) {
      window.console.log(details.result + ' :: ' + details.message);
    }
  };

  var root = document.getElementById('root');
  var svgroot = document.createElementNS(svgedit.NS.SVG, 'svg');
  svgroot.id = 'svgroot';
  root.appendChild(svgroot);
  var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
  svgroot.appendChild(svg);
  var elemId = 1;
  var elem;

  function setUp () {
    svgedit.utilities.init({
      getSVGRoot: function () { return svg; },
      getDOMDocument: function () { return null; },
      getDOMContainer: function () { return null; }
    });
    svgedit.coords.init({
      getGridSnapping: function () { return false; },
      getDrawing: function () {
        return {
          getNextId: function () { return '' + elemId++; }
        };
      }
    });
    svgedit.recalculate.init({
      getSVGRoot: function () { return svg; },
      getStartTransform: function () { return ''; },
      setStartTransform: function () {}
    });
  }

  function setUpRect () {
    setUp();
    elem = document.createElementNS(svgedit.NS.SVG, 'rect');
    elem.setAttribute('x', '200');
    elem.setAttribute('y', '150');
    elem.setAttribute('width', '250');
    elem.setAttribute('height', '120');
    svg.appendChild(elem);
  }

  function setUpTextWithTspan () {
    setUp();
    elem = document.createElementNS(svgedit.NS.SVG, 'text');
    elem.setAttribute('x', '200');
    elem.setAttribute('y', '150');

    var tspan = document.createElementNS(svgedit.NS.SVG, 'tspan');
    tspan.setAttribute('x', '200');
    tspan.setAttribute('y', '150');

    var theText = document.createTextNode('Foo bar');
    tspan.appendChild(theText);
    elem.appendChild(tspan);
    svg.appendChild(elem);
  }

  function tearDown () {
    while (svg.hasChildNodes()) {
      svg.removeChild(svg.firstChild);
    }
  }

  test('Test recalculateDimensions() on rect with identity matrix', function () {
    expect(1);

    setUpRect();
    elem.setAttribute('transform', 'matrix(1,0,0,1,0,0)');

    svgedit.recalculate.recalculateDimensions(elem);

    // Ensure that the identity matrix is swallowed and the element has no
    // transform on it.
    equal(false, elem.hasAttribute('transform'));

    tearDown();
  });

  test('Test recalculateDimensions() on rect with simple translate', function () {
    expect(5);

    setUpRect();
    elem.setAttribute('transform', 'translate(100,50)');

    svgedit.recalculate.recalculateDimensions(elem);

    equal(false, elem.hasAttribute('transform'));
    equal('300', elem.getAttribute('x'));
    equal('200', elem.getAttribute('y'));
    equal('250', elem.getAttribute('width'));
    equal('120', elem.getAttribute('height'));
    tearDown();
  });

  test('Test recalculateDimensions() on text w/tspan with simple translate', function () {
    expect(5);

    setUpTextWithTspan();
    elem.setAttribute('transform', 'translate(100,50)');

    svgedit.recalculate.recalculateDimensions(elem);

    // Ensure that the identity matrix is swallowed and the element has no
    // transform on it.
    equal(false, elem.hasAttribute('transform'));
    equal('300', elem.getAttribute('x'));
    equal('200', elem.getAttribute('y'));

    var tspan = elem.firstElementChild;
    equal('300', tspan.getAttribute('x'));
    equal('200', tspan.getAttribute('y'));

    tearDown();
  });

  // TODO: Since recalculateDimensions() and surrounding code is
  // probably the largest, most complicated and strange piece of
  // code in SVG-edit, we need to write a whole lot of unit tests
  // for it here.
});