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
175 lines
6.4 KiB
JavaScript
175 lines
6.4 KiB
JavaScript
/* eslint-env qunit */
|
|
import '../editor/svgpathseg.js';
|
|
import {NS} from '../editor/namespaces.js';
|
|
import * as utilities from '../editor/utilities.js';
|
|
import * as pathModule from '../editor/path.js';
|
|
|
|
// log function
|
|
QUnit.log((details) => {
|
|
if (window.console && window.console.log) {
|
|
window.console.log(details.result + ' :: ' + details.message);
|
|
}
|
|
});
|
|
|
|
/**
|
|
* @param {SVGSVGElement} [svg]
|
|
* @returns {Array}
|
|
*/
|
|
function getMockContexts (svg) {
|
|
svg = svg || document.createElementNS(NS.SVG, 'svg');
|
|
const selectorParentGroup = document.createElementNS(NS.SVG, 'g');
|
|
selectorParentGroup.setAttribute('id', 'selectorParentGroup');
|
|
svg.append(selectorParentGroup);
|
|
return [
|
|
/**
|
|
* @implements {module:path.EditorContext}
|
|
*/
|
|
{
|
|
getSVGRoot () { return svg; },
|
|
getCurrentZoom () { return 1; }
|
|
},
|
|
/**
|
|
* @implements {module:utilities.EditorContext}
|
|
*/
|
|
{
|
|
getDOMDocument () { return svg; },
|
|
getDOMContainer () { return svg; },
|
|
getSVGRoot () { return svg; }
|
|
}
|
|
];
|
|
}
|
|
|
|
QUnit.test('Test svgedit.path.replacePathSeg', function (assert) {
|
|
assert.expect(6);
|
|
|
|
const path = document.createElementNS(NS.SVG, 'path');
|
|
path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
|
|
|
|
const [mockPathContext, mockUtilitiesContext] = getMockContexts();
|
|
pathModule.init(mockPathContext);
|
|
utilities.init(mockUtilitiesContext);
|
|
new pathModule.Path(path); // eslint-disable-line no-new
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
|
|
assert.equal(path.pathSegList.getItem(1).x, 10);
|
|
assert.equal(path.pathSegList.getItem(1).y, 11);
|
|
|
|
pathModule.replacePathSeg(SVGPathSeg.PATHSEG_LINETO_REL, 1, [30, 31], path);
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
|
|
assert.equal(path.pathSegList.getItem(1).x, 30);
|
|
assert.equal(path.pathSegList.getItem(1).y, 31);
|
|
});
|
|
|
|
QUnit.test('Test svgedit.path.Segment.setType simple', function (assert) {
|
|
assert.expect(9);
|
|
|
|
const path = document.createElementNS(NS.SVG, 'path');
|
|
path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
|
|
|
|
const [mockPathContext, mockUtilitiesContext] = getMockContexts();
|
|
pathModule.init(mockPathContext);
|
|
utilities.init(mockUtilitiesContext);
|
|
new pathModule.Path(path); // eslint-disable-line no-new
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
|
|
assert.equal(path.pathSegList.getItem(1).x, 10);
|
|
assert.equal(path.pathSegList.getItem(1).y, 11);
|
|
|
|
const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
|
|
segment.setType(SVGPathSeg.PATHSEG_LINETO_REL, [30, 31]);
|
|
assert.equal(segment.item.pathSegTypeAsLetter, 'l');
|
|
assert.equal(segment.item.x, 30);
|
|
assert.equal(segment.item.y, 31);
|
|
|
|
// Also verify that the actual path changed.
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
|
|
assert.equal(path.pathSegList.getItem(1).x, 30);
|
|
assert.equal(path.pathSegList.getItem(1).y, 31);
|
|
});
|
|
|
|
QUnit.test('Test svgedit.path.Segment.setType with control points', function (assert) {
|
|
assert.expect(14);
|
|
|
|
// Setup the dom for a mock control group.
|
|
const svg = document.createElementNS(NS.SVG, 'svg');
|
|
const path = document.createElementNS(NS.SVG, 'path');
|
|
path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
|
|
svg.append(path);
|
|
|
|
const [mockPathContext, mockUtilitiesContext] = getMockContexts(svg);
|
|
pathModule.init(mockPathContext);
|
|
utilities.init(mockUtilitiesContext);
|
|
const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
|
|
segment.path = new pathModule.Path(path);
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
|
|
assert.equal(path.pathSegList.getItem(1).x1, 11);
|
|
assert.equal(path.pathSegList.getItem(1).y1, 12);
|
|
assert.equal(path.pathSegList.getItem(1).x2, 13);
|
|
assert.equal(path.pathSegList.getItem(1).y2, 14);
|
|
assert.equal(path.pathSegList.getItem(1).x, 15);
|
|
assert.equal(path.pathSegList.getItem(1).y, 16);
|
|
|
|
segment.setType(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, [30, 31, 32, 33, 34, 35]);
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'c');
|
|
assert.equal(path.pathSegList.getItem(1).x1, 32);
|
|
assert.equal(path.pathSegList.getItem(1).y1, 33);
|
|
assert.equal(path.pathSegList.getItem(1).x2, 34);
|
|
assert.equal(path.pathSegList.getItem(1).y2, 35);
|
|
assert.equal(path.pathSegList.getItem(1).x, 30);
|
|
assert.equal(path.pathSegList.getItem(1).y, 31);
|
|
});
|
|
|
|
QUnit.test('Test svgedit.path.Segment.move', function (assert) {
|
|
assert.expect(6);
|
|
|
|
const path = document.createElementNS(NS.SVG, 'path');
|
|
path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
|
|
|
|
const [mockPathContext, mockUtilitiesContext] = getMockContexts();
|
|
pathModule.init(mockPathContext);
|
|
utilities.init(mockUtilitiesContext);
|
|
new pathModule.Path(path); // eslint-disable-line no-new
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
|
|
assert.equal(path.pathSegList.getItem(1).x, 10);
|
|
assert.equal(path.pathSegList.getItem(1).y, 11);
|
|
|
|
const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
|
|
segment.move(-3, 4);
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
|
|
assert.equal(path.pathSegList.getItem(1).x, 7);
|
|
assert.equal(path.pathSegList.getItem(1).y, 15);
|
|
});
|
|
|
|
QUnit.test('Test svgedit.path.Segment.moveCtrl', function (assert) {
|
|
assert.expect(14);
|
|
|
|
const path = document.createElementNS(NS.SVG, 'path');
|
|
path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
|
|
|
|
const [mockPathContext, mockUtilitiesContext] = getMockContexts();
|
|
pathModule.init(mockPathContext);
|
|
utilities.init(mockUtilitiesContext);
|
|
new pathModule.Path(path); // eslint-disable-line no-new
|
|
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
|
|
assert.equal(path.pathSegList.getItem(1).x1, 11);
|
|
assert.equal(path.pathSegList.getItem(1).y1, 12);
|
|
assert.equal(path.pathSegList.getItem(1).x2, 13);
|
|
assert.equal(path.pathSegList.getItem(1).y2, 14);
|
|
assert.equal(path.pathSegList.getItem(1).x, 15);
|
|
assert.equal(path.pathSegList.getItem(1).y, 16);
|
|
|
|
const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
|
|
segment.moveCtrl(1, 100, -200);
|
|
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
|
|
assert.equal(path.pathSegList.getItem(1).x1, 111);
|
|
assert.equal(path.pathSegList.getItem(1).y1, -188);
|
|
assert.equal(path.pathSegList.getItem(1).x2, 13);
|
|
assert.equal(path.pathSegList.getItem(1).y2, 14);
|
|
assert.equal(path.pathSegList.getItem(1).x, 15);
|
|
assert.equal(path.pathSegList.getItem(1).y, 16);
|
|
});
|