134 lines
3.6 KiB
JavaScript
134 lines
3.6 KiB
JavaScript
/* eslint-env qunit */
|
|
|
|
import {NS} from '../editor/svgedit.js';
|
|
import * as utilities from '../editor/svgutils.js';
|
|
import * as coords from '../editor/coords.js';
|
|
import * as recalculate from '../editor/recalculate.js';
|
|
|
|
// log function
|
|
QUnit.log(function (details) {
|
|
if (window.console && window.console.log) {
|
|
window.console.log(details.result + ' :: ' + details.message);
|
|
}
|
|
});
|
|
|
|
const root = document.getElementById('root');
|
|
const svgroot = document.createElementNS(NS.SVG, 'svg');
|
|
svgroot.id = 'svgroot';
|
|
root.appendChild(svgroot);
|
|
const svg = document.createElementNS(NS.SVG, 'svg');
|
|
svgroot.appendChild(svg);
|
|
|
|
let elemId = 1;
|
|
function setUp () {
|
|
utilities.init({
|
|
getSVGRoot () { return svg; },
|
|
getDOMDocument () { return null; },
|
|
getDOMContainer () { return null; }
|
|
});
|
|
coords.init({
|
|
getGridSnapping () { return false; },
|
|
getDrawing () {
|
|
return {
|
|
getNextId () { return '' + elemId++; }
|
|
};
|
|
}
|
|
});
|
|
recalculate.init({
|
|
getSVGRoot () { return svg; },
|
|
getStartTransform () { return ''; },
|
|
setStartTransform () {}
|
|
});
|
|
}
|
|
|
|
let elem;
|
|
|
|
function setUpRect () {
|
|
setUp();
|
|
elem = document.createElementNS(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(NS.SVG, 'text');
|
|
elem.setAttribute('x', '200');
|
|
elem.setAttribute('y', '150');
|
|
|
|
const tspan = document.createElementNS(NS.SVG, 'tspan');
|
|
tspan.setAttribute('x', '200');
|
|
tspan.setAttribute('y', '150');
|
|
|
|
const theText = document.createTextNode('Foo bar');
|
|
tspan.appendChild(theText);
|
|
elem.appendChild(tspan);
|
|
svg.appendChild(elem);
|
|
}
|
|
|
|
function tearDown () {
|
|
while (svg.hasChildNodes()) {
|
|
svg.removeChild(svg.firstChild);
|
|
}
|
|
}
|
|
|
|
QUnit.test('Test recalculateDimensions() on rect with identity matrix', function (assert) {
|
|
assert.expect(1);
|
|
|
|
setUpRect();
|
|
elem.setAttribute('transform', 'matrix(1,0,0,1,0,0)');
|
|
|
|
recalculate.recalculateDimensions(elem);
|
|
|
|
// Ensure that the identity matrix is swallowed and the element has no
|
|
// transform on it.
|
|
assert.equal(elem.hasAttribute('transform'), false);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test recalculateDimensions() on rect with simple translate', function (assert) {
|
|
assert.expect(5);
|
|
|
|
setUpRect();
|
|
elem.setAttribute('transform', 'translate(100,50)');
|
|
|
|
recalculate.recalculateDimensions(elem);
|
|
|
|
assert.equal(elem.hasAttribute('transform'), false);
|
|
assert.equal(elem.getAttribute('x'), '300');
|
|
assert.equal(elem.getAttribute('y'), '200');
|
|
assert.equal(elem.getAttribute('width'), '250');
|
|
assert.equal(elem.getAttribute('height'), '120');
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test recalculateDimensions() on text w/tspan with simple translate', function (assert) {
|
|
assert.expect(5);
|
|
|
|
setUpTextWithTspan();
|
|
elem.setAttribute('transform', 'translate(100,50)');
|
|
|
|
recalculate.recalculateDimensions(elem);
|
|
|
|
// Ensure that the identity matrix is swallowed and the element has no
|
|
// transform on it.
|
|
assert.equal(elem.hasAttribute('transform'), false);
|
|
assert.equal(elem.getAttribute('x'), '300');
|
|
assert.equal(elem.getAttribute('y'), '200');
|
|
|
|
const tspan = elem.firstElementChild;
|
|
assert.equal(tspan.getAttribute('x'), '300');
|
|
assert.equal(tspan.getAttribute('y'), '200');
|
|
|
|
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.
|