(function() { QUnit.module('fabric.util'); function _createImageElement() { return fabric.document.createElement('img'); } function getAbsolutePath(path) { var isAbsolute = /^https?:/.test(path); if (isAbsolute) { return path; }; var imgEl = _createImageElement(); imgEl.src = path; var src = imgEl.src; imgEl = null; return src; } var IMG_URL = fabric.isLikelyNode ? require('path').join(__dirname, '../fixtures/', 'very_large_image.jpg') : getAbsolutePath('../fixtures/very_large_image.jpg'); var IMG_URL_NON_EXISTING = 'http://www.google.com/non-existing'; QUnit.test('fabric.util.toFixed', function(assert) { assert.ok(typeof fabric.util.toFixed === 'function'); function test(what) { assert.equal(fabric.util.toFixed(what, 2), 166.67, 'should leave 2 fractional digits'); assert.equal(fabric.util.toFixed(what, 5), 166.66667, 'should leave 5 fractional digits'); assert.equal(fabric.util.toFixed(what, 0), 167, 'should leave 0 fractional digits'); var fractionless = (typeof what == 'number') ? parseInt(what) : what.substring(0, what.indexOf('.')); assert.equal(fabric.util.toFixed(fractionless, 2), 166, 'should leave fractionless number as is'); } test.call(this, '166.66666666666666666666'); // string test.call(this, 166.66666666666666666666); // number }); QUnit.test('fabric.util.removeFromArray', function(assert) { var testArray = [1,2,3,4,5]; assert.ok(typeof fabric.util.removeFromArray === 'function'); fabric.util.removeFromArray(testArray, 2); assert.deepEqual([1,3,4,5], testArray); assert.equal(fabric.util.removeFromArray(testArray, 1), testArray, 'should return reference to original array'); testArray = [1,2,3,1]; fabric.util.removeFromArray(testArray, 1); assert.deepEqual([2,3,1], testArray, 'only first occurance of value should be deleted'); testArray = [1,2,3]; fabric.util.removeFromArray(testArray, 12); assert.deepEqual([1,2,3], testArray, 'deleting unexistent value should not affect array'); testArray = []; fabric.util.removeFromArray(testArray, 1); assert.deepEqual([], testArray, 'deleting any value from empty array should not affect it'); testArray = ['0']; fabric.util.removeFromArray(testArray, 0); assert.deepEqual(['0'], testArray, 'should use (strict) identity comparison, rather than equality one'); }); QUnit.test('fabric.util.degreesToRadians', function(assert) { assert.ok(typeof fabric.util.degreesToRadians === 'function'); assert.equal(fabric.util.degreesToRadians(0), 0); assert.equal(fabric.util.degreesToRadians(90), Math.PI / 2); assert.equal(fabric.util.degreesToRadians(180), Math.PI); assert.deepEqual(fabric.util.degreesToRadians(), NaN); }); QUnit.test('fabric.util.radiansToDegrees', function(assert) { assert.ok(typeof fabric.util.radiansToDegrees === 'function'); assert.equal(fabric.util.radiansToDegrees(0), 0); assert.equal(fabric.util.radiansToDegrees(Math.PI / 2), 90); assert.equal(fabric.util.radiansToDegrees(Math.PI), 180); assert.deepEqual(fabric.util.radiansToDegrees(), NaN); }); QUnit.test('fabric.util.getRandomInt', function(assert) { assert.ok(typeof fabric.util.getRandomInt === 'function'); var randomInts = []; for (var i = 100; i--; ) { var randomInt = fabric.util.getRandomInt(100, 200); randomInts.push(randomInt); assert.ok(randomInt >= 100 && randomInt <= 200); } var areAllTheSame = randomInts.every(function(value){ return value === randomInts[0]; }); assert.ok(!areAllTheSame); }); QUnit.test('fabric.util.falseFunction', function(assert) { assert.ok(typeof fabric.util.falseFunction === 'function'); assert.equal(fabric.util.falseFunction(), false); }); QUnit.test('String.prototype.trim', function(assert) { assert.ok(typeof String.prototype.trim === 'function'); assert.equal('\t\n foo bar \n \xA0 '.trim(), 'foo bar'); }); QUnit.test('fabric.util.string.camelize', function(assert) { var camelize = fabric.util.string.camelize; assert.ok(typeof camelize === 'function'); assert.equal(camelize('foo'), 'foo'); assert.equal(camelize('foo-bar'), 'fooBar'); assert.equal(camelize('Foo-bar-Baz'), 'FooBarBaz'); assert.equal(camelize('FooBarBaz'), 'FooBarBaz'); assert.equal(camelize('-bar'), 'Bar'); assert.equal(camelize(''), ''); assert.equal(camelize('and_something_with_underscores'), 'and_something_with_underscores'); assert.equal(camelize('underscores_and-dashes'), 'underscores_andDashes'); assert.equal(camelize('--double'), 'Double'); }); QUnit.test('fabric.util.string.graphemeSplit', function(assert) { var gSplit = fabric.util.string.graphemeSplit; assert.ok(typeof gSplit === 'function'); assert.deepEqual(gSplit('foo'), ['f', 'o', 'o'], 'normal test get splitted by char'); assert.deepEqual(gSplit('f🙂o'), ['f', '🙂', 'o'], 'normal test get splitted by char'); }); QUnit.test('fabric.util.string.escapeXml', function(assert) { var escapeXml = fabric.util.string.escapeXml; assert.ok(typeof escapeXml === 'function'); // borrowed from Prototype.js assert.equal('foo bar', escapeXml('foo bar')); assert.equal('foo <span>bar</span>', escapeXml('foo bar')); //equal('foo ß bar', escapeXml('foo ß bar')); //equal('ウィメンズ2007\nクルーズコレクション', escapeXml('ウィメンズ2007\nクルーズコレクション')); assert.equal('a<a href="blah">blub</a>b<span><div></div></span>cdef<strong>!!!!</strong>g', escapeXml('ablubb
cdef!!!!g')); assert.equal('1\n2', escapeXml('1\n2')); }); QUnit.test('fabric.util.string.capitalize', function(assert) { var capitalize = fabric.util.string.capitalize; assert.ok(typeof capitalize === 'function'); assert.equal(capitalize('foo'), 'Foo'); assert.equal(capitalize(''), ''); assert.equal(capitalize('Foo'), 'Foo'); assert.equal(capitalize('foo-bar-baz'), 'Foo-bar-baz'); assert.equal(capitalize('FOO'), 'Foo'); assert.equal(capitalize('FoobaR'), 'Foobar'); assert.equal(capitalize('2foo'), '2foo'); }); QUnit.test('fabric.util.object.extend', function(assert) { var extend = fabric.util.object.extend; assert.ok(typeof extend === 'function'); var destination = { x: 1 }, source = { y: 2 }; extend(destination, source); assert.equal(destination.x, 1); assert.equal(destination.y, 2); assert.equal(source.x, undefined); assert.equal(source.y, 2); destination = { x: 1 }; source = { x: 2 }; extend(destination, source); assert.equal(destination.x, 2); assert.equal(source.x, 2); }); QUnit.test('fabric.util.object.extend deep', function(assert) { var extend = fabric.util.object.extend; var d = function() { }; var destination = { x: 1 }, source = { y: 2, a: { b: 1, c: [1, 2, 3, d] } }; extend(destination, source, true); assert.equal(destination.x, 1, 'x is still in destination'); assert.equal(destination.y, 2, 'y has been added'); assert.deepEqual(destination.a, source.a, 'a has been copied deeply'); assert.notEqual(destination.a, source.a, 'is not the same object'); assert.ok(typeof source.a.c[3] === 'function', 'is a function'); assert.equal(destination.a.c[3], source.a.c[3], 'functions get referenced'); }); QUnit.test('fabric.util.object.clone', function(assert) { var clone = fabric.util.object.clone; assert.ok(typeof clone === 'function'); var obj = { x: 1, y: [1, 2, 3] }, _clone = clone(obj); assert.equal(_clone.x, 1); assert.notEqual(obj, _clone); assert.equal(_clone.y, obj.y); }); QUnit.test('Function.prototype.bind', function(assert) { assert.ok(typeof Function.prototype.bind === 'function'); var obj = { }; function fn() { return [this, arguments[0], arguments[1]]; } var bound = fn.bind(obj); assert.deepEqual([obj, undefined, undefined], bound()); assert.deepEqual([obj, 1, undefined], bound(1)); assert.deepEqual([obj, 1, null], bound(1, null)); bound = fn.bind(obj, 1); assert.deepEqual([obj, 1, undefined], bound()); assert.deepEqual([obj, 1, 2], bound(2)); function Point(x, y) { this.x = x; this.y = y; } obj = { }; var YAxisPoint = Point.bind(obj, 0); var axisPoint = new YAxisPoint(5); assert.deepEqual(0, axisPoint.x); assert.deepEqual(5, axisPoint.y); assert.ok(axisPoint instanceof Point); // assert.ok(axisPoint instanceof YAxisPoint); <-- fails }); QUnit.test('fabric.util.getById', function(assert) { assert.ok(typeof fabric.util.getById === 'function'); var el = fabric.document.createElement('div'); el.id = 'foobarbaz'; fabric.document.body.appendChild(el); assert.equal(el, fabric.util.getById(el)); assert.equal(el, fabric.util.getById('foobarbaz')); assert.equal(null, fabric.util.getById('likely-non-existent-id')); }); QUnit.test('fabric.util.toArray', function(assert) { assert.ok(typeof fabric.util.toArray === 'function'); assert.deepEqual(['x', 'y'], fabric.util.toArray({ 0: 'x', 1: 'y', length: 2 })); assert.deepEqual([1, 3], fabric.util.toArray((function(){ return arguments; })(1, 3))); var nodelist = fabric.document.getElementsByTagName('div'), converted = fabric.util.toArray(nodelist); assert.ok(converted instanceof Array); assert.equal(nodelist.length, converted.length); assert.equal(nodelist[0], converted[0]); assert.equal(nodelist[1], converted[1]); }); QUnit.test('fabric.util.makeElement', function(assert) { var makeElement = fabric.util.makeElement; assert.ok(typeof makeElement === 'function'); var el = makeElement('div'); assert.equal(el.tagName.toLowerCase(), 'div'); assert.equal(el.nodeType, 1); el = makeElement('p', { 'class': 'blah', 'for': 'boo_hoo', 'some_random-attribute': 'woot' }); assert.equal(el.tagName.toLowerCase(), 'p'); assert.equal(el.nodeType, 1); assert.equal(el.className, 'blah'); assert.equal(el.htmlFor, 'boo_hoo'); assert.equal(el.getAttribute('some_random-attribute'), 'woot'); }); QUnit.test('fabric.util.addClass', function(assert) { var addClass = fabric.util.addClass; assert.ok(typeof addClass === 'function'); var el = fabric.document.createElement('div'); addClass(el, 'foo'); assert.equal(el.className, 'foo'); addClass(el, 'bar'); assert.equal(el.className, 'foo bar'); addClass(el, 'baz qux'); assert.equal(el.className, 'foo bar baz qux'); addClass(el, 'foo'); assert.equal(el.className, 'foo bar baz qux'); }); QUnit.test('fabric.util.wrapElement', function(assert) { var wrapElement = fabric.util.wrapElement; assert.ok(typeof wrapElement === 'function'); var el = fabric.document.createElement('p'); var wrapper = wrapElement(el, 'div'); assert.equal(wrapper.tagName.toLowerCase(), 'div'); assert.equal(wrapper.firstChild, el); el = fabric.document.createElement('p'); wrapper = wrapElement(el, 'div', { 'class': 'foo' }); assert.equal(wrapper.tagName.toLowerCase(), 'div'); assert.equal(wrapper.firstChild, el); assert.equal(wrapper.className, 'foo'); var childEl = fabric.document.createElement('span'); var parentEl = fabric.document.createElement('p'); parentEl.appendChild(childEl); wrapper = wrapElement(childEl, 'strong'); // wrapper is now in between parent and child assert.equal(wrapper.parentNode, parentEl); assert.equal(wrapper.firstChild, childEl); }); QUnit.test('fabric.util.makeElementUnselectable', function(assert) { var makeElementUnselectable = fabric.util.makeElementUnselectable; assert.ok(typeof makeElementUnselectable === 'function'); var el = fabric.document.createElement('p'); el.appendChild(fabric.document.createTextNode('foo')); assert.equal(el, makeElementUnselectable(el), 'should be "chainable"'); if (typeof el.onselectstart != 'undefined') { assert.equal(el.onselectstart, fabric.util.falseFunction); } // not sure if it's a good idea to test implementation details here // functional test would probably make more sense if (typeof el.unselectable == 'string') { assert.equal('on', el.unselectable); } else if (typeof el.userSelect != 'undefined') { assert.equal('none', el.userSelect); } }); QUnit.test('fabric.util.makeElementSelectable', function(assert) { var makeElementSelectable = fabric.util.makeElementSelectable, makeElementUnselectable = fabric.util.makeElementUnselectable; assert.ok(typeof makeElementSelectable === 'function'); var el = fabric.document.createElement('p'); el.appendChild(fabric.document.createTextNode('foo')); makeElementUnselectable(el); makeElementSelectable(el); if (typeof el.onselectstart != 'undefined') { assert.equal(el.onselectstart, null); } if (typeof el.unselectable == 'string') { assert.equal('', el.unselectable); } else if (typeof el.userSelect != 'undefined') { assert.equal('', el.userSelect); } }); QUnit.test('fabric.loadSVGFromURL', function(assert) { assert.equal('function', typeof fabric.loadSVGFromURL); }); var SVG_DOC_AS_STRING = '\ \ \ \ '; QUnit.test('fabric.loadSVGFromString', function(assert) { var done = assert.async(); assert.equal('function', typeof fabric.loadSVGFromString); fabric.loadSVGFromString(SVG_DOC_AS_STRING, function(loadedObjects) { assert.ok(loadedObjects[0] instanceof fabric.Polygon); assert.equal('red', loadedObjects[0].fill); setTimeout(done, 1000); }); }); QUnit.test('fabric.loadSVGFromString with surrounding whitespace', function(assert) { var done = assert.async(); var loadedObjects = []; fabric.loadSVGFromString(' \n\n ' + SVG_DOC_AS_STRING + ' ', function(objects) { loadedObjects = objects; }); setTimeout(function() { assert.ok(loadedObjects[0] instanceof fabric.Polygon); assert.equal('red', loadedObjects[0] && loadedObjects[0].fill); done(); }, 1000); }); QUnit.test('fabric.util.loadImage', function(assert) { var done = assert.async(); assert.ok(typeof fabric.util.loadImage === 'function'); if (IMG_URL.indexOf('/home/travis') === 0) { // image can not be accessed on travis so we're returning early done(); return; } fabric.util.loadImage(IMG_URL, function(obj) { if (obj) { var oImg = new fabric.Image(obj); assert.ok(/fixtures\/very_large_image\.jpg$/.test(oImg.getSrc()), 'image should have correct src'); } done(); }); }); QUnit.test('fabric.util.loadImage with no args', function(assert) { var done = assert.async(); if (IMG_URL.indexOf('/home/travis') === 0) { // image can not be accessed on travis so we're returning early assert.expect(0); done(); return; } fabric.util.loadImage('', function() { assert.ok(1, 'callback should be invoked'); done(); }); }); QUnit.test('fabric.util.loadImage with crossOrigin', function(assert) { var done = assert.async(); if (IMG_URL.indexOf('/home/travis') === 0) { // image can not be accessed on travis so we're returning early assert.expect(0); done(); return; } fabric.util.loadImage(IMG_URL, function(img) { assert.equal(img.src || img._src, IMG_URL, 'src is set'); // assert.equal(img.crossOrigin, 'anonymous', 'crossOrigin is set'); done(); }, null, 'anonymous'); }); QUnit.test('fabric.util.loadImage with url for a non exsiting image', function(assert) { var done = assert.async(); try { fabric.util.loadImage(IMG_URL_NON_EXISTING, function(img, error) { assert.equal(error, true, 'callback should be invoked with error set to true'); done(); }, this); } catch (e) { } }); var SVG_WITH_1_ELEMENT = '\ \ \ \ '; var SVG_WITH_2_ELEMENTS = '\ \ \ \ \ '; QUnit.test('fabric.util.groupSVGElements', function(assert) { var done = assert.async(); assert.ok(typeof fabric.util.groupSVGElements === 'function'); var group1; fabric.loadSVGFromString(SVG_WITH_1_ELEMENT, function(objects, options) { group1 = fabric.util.groupSVGElements(objects, options); assert.ok(group1 instanceof fabric.Polygon, 'it returns just the first element in case is just one'); done(); }); }); QUnit.test('fabric.util.groupSVGElements #2', function(assert) { var done = assert.async(); var group2; fabric.loadSVGFromString(SVG_WITH_2_ELEMENTS, function(objects, options) { group2 = fabric.util.groupSVGElements(objects, options); assert.ok(group2 instanceof fabric.Group); done(); }); }); QUnit.test('fabric.util.createClass', function(assert) { var Klass = fabric.util.createClass(); assert.ok(typeof Klass === 'function'); assert.ok(typeof new Klass() === 'object'); var Person = fabric.util.createClass({ initialize: function(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; }, toString: function() { return 'My name is ' + this.firstName + ' ' + this.lastName; } }); assert.ok(typeof Person === 'function'); assert.ok(typeof new Person() === 'object'); var john = new Person('John', 'Meadows'); assert.ok(john instanceof Person); assert.equal(john.firstName, 'John'); assert.equal(john.lastName, 'Meadows'); assert.equal(john + '', 'My name is John Meadows'); var WebDeveloper = fabric.util.createClass(Person, { initialize: function(firstName, lastName, skills) { this.callSuper('initialize', firstName, lastName); this.skills = skills; }, toString: function() { return this.callSuper('toString') + ' and my skills are ' + this.skills.join(', '); } }); assert.ok(typeof WebDeveloper === 'function'); var dan = new WebDeveloper('Dan', 'Trink', ['HTML', 'CSS', 'Javascript']); assert.ok(dan instanceof Person); assert.ok(dan instanceof WebDeveloper); assert.equal(dan.firstName, 'Dan'); assert.equal(dan.lastName, 'Trink'); assert.deepEqual(dan.skills, ['HTML', 'CSS', 'Javascript']); assert.equal(dan + '', 'My name is Dan Trink and my skills are HTML, CSS, Javascript'); }); // element doesn't seem to have style on node if (!fabric.isLikelyNode) { QUnit.test('fabric.util.setStyle', function(assert) { assert.ok(typeof fabric.util.setStyle === 'function'); var el = fabric.document.createElement('div'); fabric.util.setStyle(el, 'color:red'); assert.equal(el.style.color, 'red'); }); } QUnit.test('fabric.util.addListener', function(assert) { assert.ok(typeof fabric.util.addListener === 'function', 'fabric.util.addListener is a function'); fabric.util.addListener(null, 'mouseup'); assert.ok(true, 'test did not throw on null element addListener'); }); QUnit.test('fabric.util.removeListener', function(assert) { assert.ok(typeof fabric.util.removeListener === 'function', 'fabric.util.removeListener is a function'); fabric.util.removeListener(null, 'mouseup'); assert.ok(true, 'test did not throw on null element removeListener'); }); QUnit.test('fabric.util.drawDashedLine', function(assert) { assert.ok(typeof fabric.util.drawDashedLine === 'function'); var canvas = new fabric.StaticCanvas(null, {enableRetinaScaling: false}); var ctx = canvas.getContext('2d'); fabric.util.drawDashedLine(ctx, 0, 0, 100, 100, [5, 5]); }); QUnit.test('fabric.util.array.invoke', function(assert) { assert.ok(typeof fabric.util.array.invoke === 'function'); var obj1 = { toString: function(){ return 'obj1'; } }; var obj2 = { toString: function(){ return 'obj2'; } }; var obj3 = { toString: function(){ return 'obj3'; } }; assert.deepEqual(['obj1', 'obj2', 'obj3'], fabric.util.array.invoke([obj1, obj2, obj3], 'toString')); assert.deepEqual(['f', 'b', 'b'], fabric.util.array.invoke(['foo', 'bar', 'baz'], 'charAt', 0)); assert.deepEqual(['o', 'a', 'a'], fabric.util.array.invoke(['foo', 'bar', 'baz'], 'charAt', 1)); }); QUnit.test('fabric.util.array.min', function(assert) { assert.ok(typeof fabric.util.array.min === 'function'); assert.equal(1, fabric.util.array.min([1, 3, 2])); assert.equal(-1, fabric.util.array.min([3, 1, 'f', 3, -1, 3])); assert.equal(-3, fabric.util.array.min([-1, -2, -3])); assert.equal('a', fabric.util.array.min(['a', 'c', 'b'])); var obj1 = { valueOf: function(){ return 1; } }; var obj2 = { valueOf: function(){ return 2; } }; var obj3 = { valueOf: function(){ return 3; } }; assert.equal(obj1, fabric.util.array.min([obj1, obj3, obj2])); }); QUnit.test('fabric.util.array.max', function(assert) { assert.ok(typeof fabric.util.array.max === 'function'); assert.equal(3, fabric.util.array.max([1, 3, 2])); assert.equal(3, fabric.util.array.max([3, 1, 'f', 3, -1, 3])); assert.equal(-1, fabric.util.array.max([-1, -2, -3])); assert.equal('c', fabric.util.array.max(['a', 'c', 'b'])); var obj1 = { valueOf: function(){ return 1; } }; var obj2 = { valueOf: function(){ return 2; } }; var obj3 = { valueOf: function(){ return 3; } }; assert.equal(obj3, fabric.util.array.max([obj1, obj3, obj2])); }); QUnit.test('fabric.util.populateWithProperties', function(assert) { assert.ok(typeof fabric.util.populateWithProperties === 'function'); var source = { foo: 'bar', baz: 123, qux: function() { } }, destination = { }; fabric.util.populateWithProperties(source, destination); assert.ok(typeof destination.foo === 'undefined'); assert.ok(typeof destination.baz === 'undefined'); assert.ok(typeof destination.qux === 'undefined'); fabric.util.populateWithProperties(source, destination, ['foo']); assert.equal(destination.foo, 'bar'); assert.ok(typeof destination.baz === 'undefined'); assert.ok(typeof destination.qux === 'undefined'); fabric.util.populateWithProperties(source, destination, ['foo', 'baz', 'ffffffffff']); assert.equal(destination.foo, 'bar'); assert.equal(destination.baz, 123); assert.ok(typeof destination.qux === 'undefined'); assert.ok(typeof destination.ffffffffff === 'undefined'); }); QUnit.test('fabric.util.getFunctionBody', function(assert) { assert.equal(fabric.util.getFunctionBody('function(){}'), ''); assert.equal(fabric.util.getFunctionBody('function(){return 1 + 2}'), 'return 1 + 2'); assert.equal(fabric.util.getFunctionBody('function () {\n return "blah" }'), '\n return "blah" '); assert.equal(fabric.util.getFunctionBody('function foo (a , boo_bar, baz123 )\n{\n if (1) { alert(12345) } }'), '\n if (1) { alert(12345) } '); }); QUnit.test('getKlass', function(assert) { assert.equal(fabric.util.getKlass('circle'), fabric.Circle); assert.equal(fabric.util.getKlass('rect'), fabric.Rect); assert.equal(fabric.util.getKlass('RemoveWhite', 'fabric.Image.filters'), fabric.Image.filters.RemoveWhite); assert.equal(fabric.util.getKlass('Sepia2', 'fabric.Image.filters'), fabric.Image.filters.Sepia2); }); QUnit.test('resolveNamespace', function(assert) { assert.equal(fabric.util.resolveNamespace('fabric'), fabric); assert.equal(fabric.util.resolveNamespace('fabric.Image'), fabric.Image); assert.equal(fabric.util.resolveNamespace('fabric.Image.filters'), fabric.Image.filters); }); QUnit.test('clearFabricFontCache', function(assert) { assert.ok(typeof fabric.util.clearFabricFontCache === 'function'); fabric.charWidthsCache = { arial: { some: 'cache'}, helvetica: { some: 'cache'} }; fabric.util.clearFabricFontCache('arial'); assert.equal(fabric.charWidthsCache.arial, undefined, 'arial cache is deleted'); assert.equal(fabric.charWidthsCache.helvetica.some, 'cache', 'helvetica cache is still available'); fabric.util.clearFabricFontCache(); assert.deepEqual(fabric.charWidthsCache, { }, 'all cache is deleted'); }); QUnit.test('clearFabricFontCache wrong case', function(assert) { fabric.charWidthsCache = { arial: { some: 'cache'}, helvetica: { some: 'cache'} }; fabric.util.clearFabricFontCache('ARIAL'); assert.equal(fabric.charWidthsCache.arial, undefined, 'arial cache is deleted'); assert.equal(fabric.charWidthsCache.helvetica.some, 'cache', 'helvetica cache is still available'); }); QUnit.test('parsePreserveAspectRatioAttribute', function(assert) { assert.ok(typeof fabric.util.parsePreserveAspectRatioAttribute === 'function'); var parsed; parsed = fabric.util.parsePreserveAspectRatioAttribute('none'); assert.equal(parsed.meetOrSlice, 'meet'); assert.equal(parsed.alignX, 'none'); assert.equal(parsed.alignY, 'none'); parsed = fabric.util.parsePreserveAspectRatioAttribute('none slice'); assert.equal(parsed.meetOrSlice, 'slice'); assert.equal(parsed.alignX, 'none'); assert.equal(parsed.alignY, 'none'); parsed = fabric.util.parsePreserveAspectRatioAttribute('XmidYmax meet'); assert.equal(parsed.meetOrSlice, 'meet'); assert.equal(parsed.alignX, 'mid'); assert.equal(parsed.alignY, 'max'); }); QUnit.test('multiplyTransformMatrices', function(assert) { assert.ok(typeof fabric.util.multiplyTransformMatrices === 'function'); var m1 = [1, 1, 1, 1, 1, 1], m2 = [1, 1, 1, 1, 1, 1], m3; m3 = fabric.util.multiplyTransformMatrices(m1, m2); assert.deepEqual(m3, [2, 2, 2, 2, 3, 3]); m3 = fabric.util.multiplyTransformMatrices(m1, m2, true); assert.deepEqual(m3, [2, 2, 2, 2, 0, 0]); }); QUnit.test('customTransformMatrix', function(assert) { assert.ok(typeof fabric.util.customTransformMatrix === 'function'); var m1 = fabric.util.customTransformMatrix(5, 4, 45); assert.deepEqual(m1, [5, 0, 4.999999999999999, 4, 0, 0]); }); QUnit.test('resetObjectTransform', function(assert) { assert.ok(typeof fabric.util.resetObjectTransform === 'function'); var rect = new fabric.Rect({ top: 1, width: 100, height: 100, angle: 30, scaleX: 2, scaleY: 1, flipX: true, flipY: true, skewX: 30, skewY: 30 }); assert.equal(rect.skewX, 30); assert.equal(rect.skewY, 30); assert.equal(rect.scaleX, 2); assert.equal(rect.scaleY, 1); assert.equal(rect.flipX, true); assert.equal(rect.flipY, true); assert.equal(rect.angle, 30); fabric.util.resetObjectTransform(rect); assert.equal(rect.skewX, 0); assert.equal(rect.skewY, 0); assert.equal(rect.scaleX, 1); assert.equal(rect.scaleY, 1); assert.equal(rect.flipX, false); assert.equal(rect.flipY, false); assert.equal(rect.angle, 0); }); QUnit.test('saveObjectTransform', function(assert) { assert.ok(typeof fabric.util.saveObjectTransform === 'function'); var rect = new fabric.Rect({ top: 1, width: 100, height: 100, angle: 30, scaleX: 2, scaleY: 1, flipX: true, flipY: true, skewX: 30, skewY: 30 }); var transform = fabric.util.saveObjectTransform(rect); assert.equal(transform.skewX, 30); assert.equal(transform.skewY, 30); assert.equal(transform.scaleX, 2); assert.equal(transform.scaleY, 1); assert.equal(transform.flipX, true); assert.equal(transform.flipY, true); assert.equal(transform.angle, 30); }); QUnit.test('invertTransform', function(assert) { assert.ok(typeof fabric.util.invertTransform === 'function'); var m1 = [1, 2, 3, 4, 5, 6], m3; m3 = fabric.util.invertTransform(m1); assert.deepEqual(m3, [-2, 1, 1.5, -0.5, 1, -2]); }); QUnit.test('fabric.util.request', function(assert) { assert.ok(typeof fabric.util.request === 'function', 'fabric.util.request is a function'); }); QUnit.test('fabric.util.getPointer', function(assert) { assert.ok(typeof fabric.util.getPointer === 'function', 'fabric.util.getPointer is a function'); }); QUnit.test('rotateVector', function(assert) { assert.ok(typeof fabric.util.rotateVector === 'function'); }); QUnit.test('rotatePoint', function(assert) { assert.ok(typeof fabric.util.rotatePoint === 'function'); var origin = new fabric.Point(3, 0); var point = new fabric.Point(4, 0); var rotated = fabric.util.rotatePoint(point, origin, Math.PI); assert.equal(Math.round(rotated.x), 2); assert.equal(Math.round(rotated.y), 0); var rotated = fabric.util.rotatePoint(point, origin, Math.PI / 2); assert.equal(Math.round(rotated.x), 3); assert.equal(Math.round(rotated.y), -2); }); QUnit.test('transformPoint', function(assert) { assert.ok(typeof fabric.util.transformPoint === 'function'); var point = new fabric.Point(2, 2); var matrix = [3, 0, 0, 2, 10, 4]; var tp = fabric.util.transformPoint(point, matrix); assert.equal(Math.round(tp.x), 16); assert.equal(Math.round(tp.y), 8); }); QUnit.test('makeBoundingBoxFromPoints', function(assert) { assert.ok(typeof fabric.util.makeBoundingBoxFromPoints === 'function'); }); QUnit.test('parseUnit', function(assert) { assert.ok(typeof fabric.util.parseUnit === 'function'); assert.equal(Math.round(fabric.util.parseUnit('30mm'), 0), 113, '30mm is pixels'); assert.equal(Math.round(fabric.util.parseUnit('30cm'), 0), 1134, '30cm is pixels'); assert.equal(Math.round(fabric.util.parseUnit('30in'), 0), 2880, '30in is pixels'); assert.equal(Math.round(fabric.util.parseUnit('30pt'), 0), 40, '30mm is pixels'); assert.equal(Math.round(fabric.util.parseUnit('30pc'), 0), 480, '30mm is pixels'); }); QUnit.test('createCanvasElement', function(assert) { assert.ok(typeof fabric.util.createCanvasElement === 'function'); var element = fabric.util.createCanvasElement(); assert.ok(element.getContext); }); QUnit.test('createImage', function(assert) { assert.ok(typeof fabric.util.createImage === 'function'); var element = fabric.util.createImage(); assert.equal(element.naturalHeight, 0); assert.equal(element.naturalWidth, 0); }); // QUnit.test('createAccessors', function(assert) { // assert.ok(typeof fabric.util.createAccessors === 'function'); // }); QUnit.test('qrDecompose with identity matrix', function(assert) { assert.ok(typeof fabric.util.qrDecompose === 'function'); var options = fabric.util.qrDecompose(fabric.iMatrix); assert.equal(options.scaleX, 1, 'imatrix has scale 1'); assert.equal(options.scaleY, 1, 'imatrix has scale 1'); assert.equal(options.skewX, 0, 'imatrix has skewX 0'); assert.equal(options.skewY, 0, 'imatrix has skewY 0'); assert.equal(options.angle, 0, 'imatrix has angle 0'); assert.equal(options.translateX, 0, 'imatrix has translateX 0'); assert.equal(options.translateY, 0, 'imatrix has translateY 0'); }); QUnit.test('qrDecompose with matrix', function(assert) { assert.ok(typeof fabric.util.qrDecompose === 'function'); var options = fabric.util.qrDecompose([2, 0.4, 0.5, 3, 100, 200]); assert.equal(Math.round(options.scaleX, 4), 2, 'imatrix has scale'); assert.equal(Math.round(options.scaleY, 4), 3, 'imatrix has scale'); assert.equal(Math.round(options.skewX, 4), 28, 'imatrix has skewX'); assert.equal(options.skewY, 0, 'imatrix has skewY 0'); assert.equal(Math.round(options.angle, 4), 11, 'imatrix has angle 0'); assert.equal(options.translateX, 100, 'imatrix has translateX 100'); assert.equal(options.translateY, 200, 'imatrix has translateY 200'); }); QUnit.test('drawArc', function(assert) { assert.ok(typeof fabric.util.drawArc === 'function'); var canvas = this.canvas = new fabric.StaticCanvas(null, {enableRetinaScaling: false, width: 600, height: 600}); var ctx = canvas.contextContainer; fabric.util.drawArc(ctx, 0, 0, [ 50, 30, 0, 1, 1, 100, 100, ]); fabric.util.drawArc(ctx, 0, 0, [ 50, 30, 0, 1, 1, 100, 100, ]); }); QUnit.test('get bounds of arc', function(assert) { assert.ok(typeof fabric.util.getBoundsOfArc === 'function'); var bounds = fabric.util.getBoundsOfArc(0, 0, 50, 30, 0, 1, 1, 100, 100); var expectedBounds = [ { x: 0, y: -8.318331151877368 }, { x: 133.33333333333331, y: 19.99999999999999 }, { x: 100.00000000000003, y: 19.99999999999999 }, { x: 147.19721858646224, y: 100 }, ]; assert.deepEqual(bounds, expectedBounds, 'bounds are as expected'); }); QUnit.test('fabric.util.limitDimsByArea', function(assert) { assert.ok(typeof fabric.util.limitDimsByArea === 'function'); var dims = fabric.util.limitDimsByArea(1, 10000); assert.equal(dims.x, 100); assert.equal(dims.y, 100); }); QUnit.test('fabric.util.limitDimsByArea ar > 1', function(assert) { var dims = fabric.util.limitDimsByArea(3, 10000); assert.equal(dims.x, 173); assert.equal(dims.y, 57); }); QUnit.test('fabric.util.limitDimsByArea ar < 1', function(assert) { var dims = fabric.util.limitDimsByArea(1 / 3, 10000); assert.equal(dims.x, 57); assert.equal(dims.y, 173); }); QUnit.test('fabric.util.capValue ar < 1', function(assert) { assert.ok(typeof fabric.util.capValue === 'function'); var val = fabric.util.capValue(3, 10, 70); assert.equal(val, 10, 'value is not capped'); }); QUnit.test('fabric.util.capValue ar < 1', function(assert) { assert.ok(typeof fabric.util.capValue === 'function'); var val = fabric.util.capValue(3, 1, 70); assert.equal(val, 3, 'min cap'); }); QUnit.test('fabric.util.capValue ar < 1', function(assert) { assert.ok(typeof fabric.util.capValue === 'function'); var val = fabric.util.capValue(3, 80, 70); assert.equal(val, 70, 'max cap'); }); QUnit.test('fabric.util.cos', function(assert) { assert.ok(typeof fabric.util.cos === 'function'); assert.equal(fabric.util.cos(0), 1, 'cos 0 correct'); assert.equal(fabric.util.cos(Math.PI / 2), 0, 'cos 90 correct'); assert.equal(fabric.util.cos(Math.PI), -1, 'cos 180 correct'); assert.equal(fabric.util.cos(3 * Math.PI / 2), 0,' cos 270 correct'); }); QUnit.test('fabric.util.getSvgAttributes', function(assert) { assert.ok(typeof fabric.util.getSvgAttributes === 'function'); assert.deepEqual(fabric.util.getSvgAttributes(''), ['instantiated_by_use', 'style', 'id', 'class'], 'common attribs'); assert.deepEqual(fabric.util.getSvgAttributes('linearGradient'), ['instantiated_by_use', 'style', 'id', 'class', 'x1', 'y1', 'x2', 'y2', 'gradientUnits', 'gradientTransform'], 'linearGradient attribs'); assert.deepEqual(fabric.util.getSvgAttributes('radialGradient'), ['instantiated_by_use', 'style', 'id', 'class', 'gradientUnits', 'gradientTransform', 'cx', 'cy', 'r', 'fx', 'fy', 'fr'], 'radialGradient attribs'); assert.deepEqual(fabric.util.getSvgAttributes('stop'), ['instantiated_by_use', 'style', 'id', 'class', 'offset', 'stop-color', 'stop-opacity'], 'stop attribs'); }); QUnit.test('fabric.util.enlivenPatterns', function(assert) { assert.ok(typeof fabric.util.enlivenPatterns === 'function'); fabric.util.enlivenPatterns([], function() { assert.ok(true, 'callBack is called when no patterns are available'); }); }); QUnit.test('fabric.util.copyCanvasElement', function(assert) { assert.ok(typeof fabric.util.copyCanvasElement === 'function'); var c = fabric.util.createCanvasElement(); c.width = 10; c.height = 20; c.getContext('2d').fillStyle = 'red'; c.getContext('2d').fillRect(0, 0, 10, 10); var b = fabric.util.copyCanvasElement(c); assert.equal(b.width, 10, 'width has been copied'); assert.equal(b.height, 20, 'height has been copied'); var data = b.getContext('2d').getImageData(1,1,1,1).data; assert.equal(data[0], 255, 'red color has been copied'); assert.equal(data[1], 0, 'red color has been copied'); assert.equal(data[2], 0, 'red color has been copied'); assert.equal(data[3], 255, 'red color has been copied'); }); QUnit.test('fabric.util.findScaleToCover', function(assert) { assert.ok(typeof fabric.util.findScaleToCover === 'function'); var scale = fabric.util.findScaleToCover({ width: 100, height: 200, }, { width: 50, height: 50, }); assert.equal(scale, 0.5, 'scaleToCover is 0.5'); var scale = fabric.util.findScaleToCover({ width: 10, height: 25, }, { width: 50, height: 50, }); assert.equal(scale, 5, 'scaleToCover is 5'); }); QUnit.test('fabric.util.findScaleToFit', function(assert) { assert.ok(typeof fabric.util.findScaleToFit === 'function'); var scale = fabric.util.findScaleToFit({ width: 100, height: 200, }, { width: 50, height: 50, }); assert.equal(scale, 0.25, 'findScaleToFit is 0.25'); var scale = fabric.util.findScaleToFit({ width: 10, height: 25, }, { width: 50, height: 50, }); assert.equal(scale, 2, 'findScaleToFit is 2'); }); })();