a3f0b8e501
- Breaking change: Rename "svgutils.js" to "utilities.js" (make in conformity with JSDoc module naming convention) - Breaking change: Rename "svgedit.js" to "namespaces.js" (to make clear purpose and avoid confusing with editor) - Breaking change: Rename "jquery-svg.js" to "jQuery.attr.js" - Breaking change: Rename "jquery.contextMenu.js" to "jQuery.contextMenu.js" - Breaking change: Rename "jquery.jpicker.js" to "jQuery.jPicker.js" - Breaking change: Rename "JQuerySpinBtn.css" to "jQuery.SpinButton.css" - Breaking change: Rename "JQuerySpinBtn.js" to "jQuery.SpinButton.js" (to have file name more closely reflect name) - Breaking change: Rename "jquery.svgicons.js" to "jQuery.svgIcons.js" - Breaking change: Rename "jquery.jgraduate.js" to "jQuery.jGraduate.js" - Breaking change: Rename "pathseg.js" to "svgpathseg.js" (as it is a poyfill of SVGPathSeg) - Breaking change: Rename `addSvgElementFromJson()` to `addSVGElementFromJson` for consistency - Breaking change: Rename `changeSvgContent()` to `changeSVGContent()` for consistency - Breaking change: Have `exportPDF` resolve with `output` and `outputType` rather than `dataurlstring` (as type may vary) - Breaking change: Rename `extensions/mathjax/MathJax.js` to `extensions/mathjax/MathJax.min.js` - Breaking change: Avoid recent change to have editor ready callbacks return Promises (we're not using and advantageous to keep sequential) - Breaking change: Avoid recent addition of locale-side function in ext-imagelib for l10n - Breaking change: Change name of ext-arrows.js from `Arrows` to `arrows` for sake of file path (not localized anyways). - Breaking change: Change `addlangData` extension event to `addLangData` for consistency with method name - Breaking change: Have `readLang` return lang and data but do not call `setLang` - Fix: Have general locales load first so extensions may use - Fix: Provide `importLocale` to extensions `init` so it may delay adding of the extension until locale data loaded - Fix: Ensure call to `rasterExport` without `imgType` properly sets MIME type to PNG - Fix: Wrong name for moinsave - Update: Update WebAppFind per new API changes - Enhancement: Make `setStrings` public on editor for late setting (used by `ext-shapes.js`) - Enhancement: Add `extensions_added` event - Enhancement: Add `message` event (Relay messages including those which have been been received prior to extension load) - Enhancement: Allow SVGEdit to work out of the box--avoid need for copying sample config file. Should also help with Github-based file servers - Enhancement: Allow avoiding "name" in extension export (just extract out of file name) - Enhancement: Add stack blur to canvg by default (and refactoring it) - Enhancement: Return `Promise` for `embedImage` (as with some other loading methods) - Enhancement: Supply `importLocale` to `langReady` to facilitate extension locale loading - Enhancement: Recover if an extension fails to load (just log and otherwise ignore) - Enhancement: More i18n of extensions (also fixed issue with some console warnings about missing locale strings); i18nize Hello World too - Enhancement: Allowing importing of locales within `addLangData` - npm: Update devDeps - Docs: Migrate copies of all old wiki pages to docs/from-old-wiki folder; intended for a possible move to Markdown, so raw HTML (with formatting) was not preserved, though named links had their absolute URL links preserved - Docs: Begin deleting `SvgCanvas.md` as ensuring jsdoc has replacements - Docs: Add Edtior doc file for help to general users - Docs: Clarify/simplify install instructions - npm/Docs (JSDoc): Add script to check for overly generic types - Docs (JSDoc): For config/prefs and extension creating, link to tutorials (moved tutorials to own directory to avoid recursion problems by jsdoc) - Docs (JSDoc): Add modules (upper case for usual main entrance files or regular names) - Docs (JSDoc): Fill out missing areas; indicate return of `undefined`; consistency with `@returns` - Docs (JSDoc): Add our own layout template to support overflow - Docs (JSDoc): Use cleverLinks and disallow unknown tags - Docs (JSDoc): Insist on "pedantic" flag; put output directory in config - Docs (JSDoc): Use more precise Integer/Float over number, the specific type of array/function/object - Docs (JSDoc): Use `@throws`, `@enum`, `@event`/`@fires`/`@listens` - Docs: Generally update/improve docs (fixes #92) - Docs: Update links to `latest` path (Avoid needing to update such references upon each release) - Docs: 80 chars max - Refactoring: Drop code for extension as function (already requiring export to be an object) - Refactoring: Object destructuring, `Object.entries`, Object shorthand, array extras, more camelCase variable names - Refactoring: Add a `Command` base class - Refactoring: Simplify svgicons `callback` ready detection - Refactoring: Put `let` or `const` closer to scope - Refactoring: Remove unneeded `delimiter` from regex escaping utility - Refactoring: Clearer variable names - Refactoring: Use (non-deprecated) Event constructors - Testing: Use new Sinon
382 lines
11 KiB
JavaScript
382 lines
11 KiB
JavaScript
/* eslint-env qunit */
|
|
|
|
import {NS} from '../editor/namespaces.js';
|
|
import * as transformlist from '../editor/svgtransformlist.js';
|
|
import {disableSupportsNativeTransformLists} from '../editor/browser.js';
|
|
import almostEqualsPlugin from './qunit/qunit-assert-almostEquals.js';
|
|
import expectOutOfBoundsExceptionPlugin from './qunit/qunit-assert-expectOutOfBoundsException.js';
|
|
|
|
almostEqualsPlugin(QUnit);
|
|
expectOutOfBoundsExceptionPlugin(QUnit);
|
|
|
|
disableSupportsNativeTransformLists();
|
|
|
|
// log function
|
|
QUnit.log((details) => {
|
|
if (window.console && window.console.log) {
|
|
window.console.log(details.result + ' :: ' + details.message);
|
|
}
|
|
});
|
|
|
|
const svgroot = document.querySelector('#svgroot');
|
|
let svgcontent, rect, circle;
|
|
|
|
function setUp () {
|
|
svgcontent = svgroot.appendChild(document.createElementNS(NS.SVG, 'svg'));
|
|
rect = svgcontent.appendChild(document.createElementNS(NS.SVG, 'rect'));
|
|
rect.id = 'r';
|
|
circle = svgcontent.appendChild(document.createElementNS(NS.SVG, 'circle'));
|
|
circle.id = 'c';
|
|
}
|
|
|
|
function tearDown () {
|
|
transformlist.resetListMap();
|
|
while (svgroot.hasChildNodes()) {
|
|
svgroot.firstChild.remove();
|
|
}
|
|
}
|
|
|
|
QUnit.module('svgedit.svgtransformlist');
|
|
|
|
QUnit.test('Test svgedit.transformlist package', function (assert) {
|
|
assert.expect(2);
|
|
|
|
assert.ok(transformlist);
|
|
assert.ok(transformlist.getTransformList);
|
|
});
|
|
|
|
QUnit.test('Test svgedit.transformlist.getTransformList() function', function (assert) {
|
|
assert.expect(4);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
const cxform = transformlist.getTransformList(circle);
|
|
|
|
assert.ok(rxform);
|
|
assert.ok(cxform);
|
|
assert.equal(typeof rxform, typeof {});
|
|
assert.equal(typeof cxform, typeof {});
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.numberOfItems property', function (assert) {
|
|
assert.expect(2);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
|
|
assert.equal(typeof rxform.numberOfItems, typeof 0);
|
|
assert.equal(rxform.numberOfItems, 0);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.initialize()', function (assert) {
|
|
assert.expect(6);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
const cxform = transformlist.getTransformList(circle);
|
|
|
|
const t = svgcontent.createSVGTransform();
|
|
assert.ok(t);
|
|
assert.ok(rxform.initialize);
|
|
assert.equal(typeof rxform.initialize, typeof function () {});
|
|
rxform.initialize(t);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
assert.equal(cxform.numberOfItems, 0);
|
|
|
|
// If a transform was already in a transform list, this should
|
|
// remove it from its old list and add it to this list.
|
|
cxform.initialize(t);
|
|
// This also fails in Firefox native.
|
|
// assert.equal(rxform.numberOfItems, 0, 'Did not remove transform from list before initializing another transformlist');
|
|
assert.equal(cxform.numberOfItems, 1);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.appendItem() and getItem()', function (assert) {
|
|
assert.expect(12);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
const cxform = transformlist.getTransformList(circle);
|
|
|
|
const t1 = svgcontent.createSVGTransform(),
|
|
t2 = svgcontent.createSVGTransform(),
|
|
t3 = svgcontent.createSVGTransform();
|
|
|
|
assert.ok(rxform.appendItem);
|
|
assert.ok(rxform.getItem);
|
|
assert.equal(typeof rxform.appendItem, typeof function () {});
|
|
assert.equal(typeof rxform.getItem, typeof function () {});
|
|
|
|
rxform.appendItem(t1);
|
|
rxform.appendItem(t2);
|
|
rxform.appendItem(t3);
|
|
|
|
assert.equal(rxform.numberOfItems, 3);
|
|
const rxf = rxform.getItem(0);
|
|
assert.equal(rxf, t1);
|
|
assert.equal(rxform.getItem(1), t2);
|
|
assert.equal(rxform.getItem(2), t3);
|
|
|
|
assert.expectOutOfBoundsException(rxform, 'getItem', -1);
|
|
assert.expectOutOfBoundsException(rxform, 'getItem', 3);
|
|
cxform.appendItem(t1);
|
|
// These also fail in Firefox native.
|
|
// assert.equal(rxform.numberOfItems, 2, 'Did not remove a transform from a list before appending it to a new transformlist');
|
|
// assert.equal(rxform.getItem(0), t2, 'Found the wrong transform in a transformlist');
|
|
// assert.equal(rxform.getItem(1), t3, 'Found the wrong transform in a transformlist');
|
|
|
|
assert.equal(cxform.numberOfItems, 1);
|
|
assert.equal(cxform.getItem(0), t1);
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.removeItem()', function (assert) {
|
|
assert.expect(7);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
|
|
const t1 = svgcontent.createSVGTransform(),
|
|
t2 = svgcontent.createSVGTransform();
|
|
assert.ok(rxform.removeItem);
|
|
assert.equal(typeof rxform.removeItem, typeof function () {});
|
|
rxform.appendItem(t1);
|
|
rxform.appendItem(t2);
|
|
|
|
const removedTransform = rxform.removeItem(0);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
assert.equal(removedTransform, t1);
|
|
assert.equal(rxform.getItem(0), t2);
|
|
|
|
assert.expectOutOfBoundsException(rxform, 'removeItem', -1);
|
|
assert.expectOutOfBoundsException(rxform, 'removeItem', 1);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.replaceItem()', function (assert) {
|
|
assert.expect(8);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
const cxform = transformlist.getTransformList(circle);
|
|
|
|
assert.ok(rxform.replaceItem);
|
|
assert.equal(typeof rxform.replaceItem, typeof function () {});
|
|
|
|
const t1 = svgcontent.createSVGTransform(),
|
|
t2 = svgcontent.createSVGTransform(),
|
|
t3 = svgcontent.createSVGTransform();
|
|
|
|
rxform.appendItem(t1);
|
|
rxform.appendItem(t2);
|
|
cxform.appendItem(t3);
|
|
|
|
const newItem = rxform.replaceItem(t3, 0);
|
|
assert.equal(rxform.numberOfItems, 2);
|
|
assert.equal(newItem, t3);
|
|
assert.equal(rxform.getItem(0), t3);
|
|
assert.equal(rxform.getItem(1), t2);
|
|
// Fails in Firefox native
|
|
// assert.equal(cxform.numberOfItems, 0);
|
|
|
|
// test replaceItem within a list
|
|
rxform.appendItem(t1);
|
|
rxform.replaceItem(t1, 0);
|
|
// Fails in Firefox native
|
|
// assert.equal(rxform.numberOfItems, 2);
|
|
assert.equal(rxform.getItem(0), t1);
|
|
assert.equal(rxform.getItem(1), t2);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.insertItemBefore()', function (assert) {
|
|
assert.expect(10);
|
|
setUp();
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
const cxform = transformlist.getTransformList(circle);
|
|
|
|
assert.ok(rxform.insertItemBefore);
|
|
assert.equal(typeof rxform.insertItemBefore, typeof function () {});
|
|
|
|
const t1 = svgcontent.createSVGTransform(),
|
|
t2 = svgcontent.createSVGTransform(),
|
|
t3 = svgcontent.createSVGTransform();
|
|
|
|
rxform.appendItem(t1);
|
|
rxform.appendItem(t2);
|
|
cxform.appendItem(t3);
|
|
|
|
const newItem = rxform.insertItemBefore(t3, 0);
|
|
assert.equal(rxform.numberOfItems, 3);
|
|
assert.equal(newItem, t3);
|
|
assert.equal(rxform.getItem(0), t3);
|
|
assert.equal(rxform.getItem(1), t1);
|
|
assert.equal(rxform.getItem(2), t2);
|
|
// Fails in Firefox native
|
|
// assert.equal(cxform.numberOfItems, 0);
|
|
|
|
rxform.insertItemBefore(t2, 1);
|
|
// Fails in Firefox native (they make copies of the transforms)
|
|
// assert.equal(rxform.numberOfItems, 3);
|
|
assert.equal(rxform.getItem(0), t3);
|
|
assert.equal(rxform.getItem(1), t2);
|
|
assert.equal(rxform.getItem(2), t1);
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for translate(200,100)', function (assert) {
|
|
assert.expect(8);
|
|
setUp();
|
|
rect.setAttribute('transform', 'translate(200,100)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const translate = rxform.getItem(0);
|
|
assert.equal(translate.type, 2);
|
|
|
|
const m = translate.matrix;
|
|
assert.equal(m.a, 1);
|
|
assert.equal(m.b, 0);
|
|
assert.equal(m.c, 0);
|
|
assert.equal(m.d, 1);
|
|
assert.equal(m.e, 200);
|
|
assert.equal(m.f, 100);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for scale(4)', function (assert) {
|
|
assert.expect(8);
|
|
setUp();
|
|
rect.setAttribute('transform', 'scale(4)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const scale = rxform.getItem(0);
|
|
assert.equal(scale.type, 3);
|
|
|
|
const m = scale.matrix;
|
|
assert.equal(m.a, 4);
|
|
assert.equal(m.b, 0);
|
|
assert.equal(m.c, 0);
|
|
assert.equal(m.d, 4);
|
|
assert.equal(m.e, 0);
|
|
assert.equal(m.f, 0);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for scale(4,3)', function (assert) {
|
|
assert.expect(8);
|
|
setUp();
|
|
rect.setAttribute('transform', 'scale(4,3)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const scale = rxform.getItem(0);
|
|
assert.equal(scale.type, 3);
|
|
|
|
const m = scale.matrix;
|
|
assert.equal(m.a, 4);
|
|
assert.equal(m.b, 0);
|
|
assert.equal(m.c, 0);
|
|
assert.equal(m.d, 3);
|
|
assert.equal(m.e, 0);
|
|
assert.equal(m.f, 0);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for rotate(45)', function (assert) {
|
|
assert.expect(9);
|
|
setUp();
|
|
rect.setAttribute('transform', 'rotate(45)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const rotate = rxform.getItem(0);
|
|
assert.equal(rotate.type, 4);
|
|
assert.equal(rotate.angle, 45);
|
|
|
|
const m = rotate.matrix;
|
|
assert.almostEquals(1 / Math.sqrt(2), m.a);
|
|
assert.almostEquals(1 / Math.sqrt(2), m.b);
|
|
assert.almostEquals(-1 / Math.sqrt(2), m.c);
|
|
assert.almostEquals(1 / Math.sqrt(2), m.d);
|
|
assert.equal(m.e, 0);
|
|
assert.equal(m.f, 0);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for rotate(45, 100, 200)', function (assert) {
|
|
assert.expect(9);
|
|
setUp();
|
|
rect.setAttribute('transform', 'rotate(45, 100, 200)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const rotate = rxform.getItem(0);
|
|
assert.equal(rotate.type, 4);
|
|
assert.equal(rotate.angle, 45);
|
|
|
|
const m = rotate.matrix;
|
|
assert.almostEquals(m.a, 1 / Math.sqrt(2));
|
|
assert.almostEquals(m.b, 1 / Math.sqrt(2));
|
|
assert.almostEquals(m.c, -1 / Math.sqrt(2));
|
|
assert.almostEquals(m.d, 1 / Math.sqrt(2));
|
|
|
|
const r = svgcontent.createSVGMatrix();
|
|
r.a = 1 / Math.sqrt(2); r.b = 1 / Math.sqrt(2);
|
|
r.c = -1 / Math.sqrt(2); r.d = 1 / Math.sqrt(2);
|
|
|
|
const t = svgcontent.createSVGMatrix();
|
|
t.e = -100; t.f = -200;
|
|
|
|
const t_ = svgcontent.createSVGMatrix();
|
|
t_.e = 100; t_.f = 200;
|
|
|
|
const result = t_.multiply(r).multiply(t);
|
|
|
|
assert.almostEquals(m.e, result.e);
|
|
assert.almostEquals(m.f, result.f);
|
|
|
|
tearDown();
|
|
});
|
|
|
|
QUnit.test('Test SVGTransformList.init() for matrix(1, 2, 3, 4, 5, 6)', function (assert) {
|
|
assert.expect(8);
|
|
setUp();
|
|
rect.setAttribute('transform', 'matrix(1,2,3,4,5,6)');
|
|
|
|
const rxform = transformlist.getTransformList(rect);
|
|
assert.equal(rxform.numberOfItems, 1);
|
|
|
|
const mt = rxform.getItem(0);
|
|
assert.equal(mt.type, 1);
|
|
|
|
const m = mt.matrix;
|
|
assert.equal(m.a, 1);
|
|
assert.equal(m.b, 2);
|
|
assert.equal(m.c, 3);
|
|
assert.equal(m.d, 4);
|
|
assert.equal(m.e, 5);
|
|
assert.equal(m.f, 6);
|
|
|
|
tearDown();
|
|
});
|