| Current File : //home/tradevaly/www/node_modules/svg.js/spec/spec/matrix.js |
describe('Matrix', function() {
var matrix
describe('initialization', function() {
describe('without a source', function() {
beforeEach(function() {
matrix = new SVG.Matrix
})
it('creates a new matrix with default values', function() {
expect(matrix.a).toBe(1)
expect(matrix.b).toBe(0)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(0)
expect(matrix.f).toBe(0)
})
describe('extract()', function() {
var extract
beforeEach(function() {
extract = matrix.extract()
})
it('parses translation values', function() {
expect(extract.x).toBe(0)
expect(extract.y).toBe(0)
})
it('parses skew values', function() {
expect(extract.skewX).toBe(0)
expect(extract.skewY).toBe(0)
})
it('parses scale values', function() {
expect(extract.scaleX).toBe(1)
expect(extract.scaleY).toBe(1)
})
it('parses rotatoin value', function() {
expect(extract.rotation).toBe(0)
})
})
describe('toString()' , function() {
it('exports correctly to a string', function() {
expect(matrix.toString()).toBe('matrix(1,0,0,1,0,0)')
})
})
})
describe('with an element given', function() {
var rect
beforeEach(function() {
rect = draw.rect(100, 100)
.transform({ rotation: -10 }, true)
.transform({ x: 40, y: 50 }, true)
.transform({ scale: 2 }, true)
matrix = new SVG.Matrix(rect)
})
it('parses the current transform matrix from an element', function() {
expect(matrix.a).toBeCloseTo(1.9696155786514282)
expect(matrix.b).toBeCloseTo(-0.3472963869571686)
expect(matrix.c).toBeCloseTo(0.3472963869571686)
expect(matrix.d).toBeCloseTo(1.9696155786514282)
expect(matrix.e).toBeCloseTo(-17.770875930786133)
expect(matrix.f).toBeCloseTo(11.178505897521973)
})
describe('extract()', function() {
it('parses translation values', function() {
var extract = new SVG.Matrix(draw.rect(100, 100).translate(40, 50)).extract()
expect(extract.x).toBeCloseTo(40)
expect(extract.y).toBeCloseTo(50)
})
it('parses skewX value', function() {
var extract = new SVG.Matrix(draw.rect(100, 100).skew(25, 0)).extract()
expect(extract.skewX).toBeCloseTo(25)
})
it('parses skewY value', function() {
var extract = new SVG.Matrix(draw.rect(100, 100).skew(0, 20)).extract()
expect(extract.skewY).toBeCloseTo(20)
})
it('parses scale values', function() {
var extract = new SVG.Matrix(draw.rect(100, 100).scale(2, 3)).extract()
expect(extract.scaleX).toBeCloseTo(2)
expect(extract.scaleY).toBeCloseTo(3)
})
it('parses rotatoin value', function() {
var extract = new SVG.Matrix(draw.rect(100, 100).rotate(-100)).extract()
expect(extract.rotation).toBeCloseTo(-100)
})
})
})
describe('with a string given', function() {
it('parses the string value correctly', function() {
var matrix = new SVG.Matrix('2, 0, 0, 2, 100, 50')
expect(matrix.a).toBe(2)
expect(matrix.b).toBe(0)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(2)
expect(matrix.e).toBe(100)
expect(matrix.f).toBe(50)
})
})
describe('with an array given', function() {
it('parses the array correctly', function() {
var matrix = new SVG.Matrix([2, 0, 0, 2, 100, 50])
expect(matrix.a).toBe(2)
expect(matrix.b).toBe(0)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(2)
expect(matrix.e).toBe(100)
expect(matrix.f).toBe(50)
})
})
describe('with an object given', function() {
it('parses the object correctly', function() {
var matrix = new SVG.Matrix({a:2, b:0, c:0, d:2, e:100, f:50})
expect(matrix.a).toBe(2)
expect(matrix.b).toBe(0)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(2)
expect(matrix.e).toBe(100)
expect(matrix.f).toBe(50)
})
})
describe('with 6 arguments given', function() {
it('parses the arguments correctly', function() {
var matrix = new SVG.Matrix(2, 0, 0, 2, 100, 50)
expect(matrix.a).toBe(2)
expect(matrix.b).toBe(0)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(2)
expect(matrix.e).toBe(100)
expect(matrix.f).toBe(50)
})
})
})
describe('clone()', function() {
it('returns a clone of the matrix', function() {
var matrix = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, clone = matrix.clone()
expect(matrix).not.toBe(clone)
for(var i in 'abcdef') {
expect(matrix[i]).toEqual(clone[i])
}
})
})
describe('morph()', function() {
it('stores a given matrix for morphing', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, matrix2 = new SVG.Matrix(1, 0, 0, 1, 4, 3)
matrix1.morph(matrix2)
expect(matrix1.destination).toEqual(matrix2)
})
it('stores a clone, not the given matrix itself', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, matrix2 = new SVG.Matrix(1, 0, 0, 1, 4, 3)
matrix1.morph(matrix2)
expect(matrix1.destination).not.toBe(matrix2)
})
})
describe('at()', function() {
it('returns a morphed array at a given position', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, matrix2 = new SVG.Matrix(1, 0, 0, 1, 4, 3)
, matrix3 = matrix1.morph(matrix2).at(0.5)
expect(matrix1.toString()).toBe('matrix(2,0,0,5,0,0)')
expect(matrix2.toString()).toBe('matrix(1,0,0,1,4,3)')
expect(matrix3.toString()).toBe('matrix(1.5,0,0,3,2,1.5)')
})
it('returns itself when no destination specified', function() {
var matrix = new SVG.Matrix(2, 0, 0, 5, 0, 0)
expect(matrix.at(0.5)).toBe(matrix)
})
})
describe('multiply()', function() {
it('multiplies two matices', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, matrix2 = new SVG.Matrix(1, 0, 0, 1, 4, 3)
, matrix3 = matrix1.multiply(matrix2)
expect(matrix1.toString()).toBe('matrix(2,0,0,5,0,0)')
expect(matrix2.toString()).toBe('matrix(1,0,0,1,4,3)')
expect(matrix3.toString()).toBe('matrix(2,0,0,5,8,15)')
})
it('accepts matrices in any form', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 0, 0)
, matrix2 = matrix1.multiply('1,0,0,1,4,3')
expect(matrix1.toString()).toBe('matrix(2,0,0,5,0,0)')
expect(matrix2.toString()).toBe('matrix(2,0,0,5,8,15)')
})
})
describe('inverse()', function() {
it('inverses matrix', function() {
var matrix1 = new SVG.Matrix(2, 0, 0, 5, 4, 3)
, matrix2 = matrix1.inverse()
, abcdef = [0.5,0,0,0.2,-2,-0.6]
expect(matrix1.toString()).toBe('matrix(2,0,0,5,4,3)')
for(var i in 'abcdef') {
expect(matrix2['abcdef'[i]]).toBeCloseTo(abcdef[i])
}
})
})
describe('translate()', function() {
it('translates matrix by given x and y values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).translate(10, 12.5)
expect(matrix.e).toBe(14)
expect(matrix.f).toBe(15.5)
})
})
describe('scale()', function() {
it('performs a uniformal scale with one value', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).scale(3)
expect(matrix.a).toBe(3)
expect(matrix.d).toBe(3)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a non-uniformal scale with two values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).scale(2.5, 3.5)
expect(matrix.a).toBe(2.5)
expect(matrix.d).toBe(3.5)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a uniformal scale at a given center point with three values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).scale(3, 150, 100)
expect(matrix.a).toBe(3)
expect(matrix.d).toBe(3)
expect(matrix.e).toBe(-296)
expect(matrix.f).toBe(-197)
})
it('performs a non-uniformal scale at a given center point with four values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).scale(3, 2, 150, 100)
expect(matrix.a).toBe(3)
expect(matrix.d).toBe(2)
expect(matrix.e).toBe(-296)
expect(matrix.f).toBe(-97)
})
})
describe('rotate()', function() {
it('performs a rotation with one argument', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).rotate(30)
expect(matrix.a).toBeCloseTo(0.8660254037844387)
expect(matrix.d).toBeCloseTo(0.8660254037844387)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a rotation on a given point with three arguments', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).rotate(30, 150, 100)
expect(matrix.a).toBeCloseTo(0.8660254037844387)
expect(matrix.d).toBeCloseTo(0.8660254037844387)
expect(matrix.e).toBeCloseTo(74.0961894323342)
expect(matrix.f).toBeCloseTo(-58.60254037844388)
})
})
describe('flip()', function() {
describe('with x given', function() {
it('performs a flip over the horizontal axis with one argument', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip('x')
expect(matrix.a).toBe(-1)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a flip over the horizontal axis over a given point with two arguments', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip('x', 150)
expect(matrix.a).toBe(-1)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(304)
expect(matrix.f).toBe(3)
})
})
describe('with y given', function() {
it('performs a flip over the vertical axis with one argument', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip('y')
expect(matrix.a).toBe(1)
expect(matrix.d).toBe(-1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a flip over the vertical axis over a given point with two arguments', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip('y', 100)
expect(matrix.a).toBe(1)
expect(matrix.d).toBe(-1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(203)
})
})
describe('with no axis given', function() {
it('performs a flip over the horizontal and vertical axis with no argument', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip()
expect(matrix.a).toBe(-1)
expect(matrix.d).toBe(-1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a flip over the horizontal and vertical axis over a given point with one argument that represent both coordinates', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip(100)
expect(matrix.a).toBe(-1)
expect(matrix.d).toBe(-1)
expect(matrix.e).toBe(204)
expect(matrix.f).toBe(203)
})
it('performs a flip over the horizontal and vertical axis over a given point with two arguments', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).flip(50, 100)
expect(matrix.a).toBe(-1)
expect(matrix.d).toBe(-1)
expect(matrix.e).toBe(104)
expect(matrix.f).toBe(203)
})
})
})
describe('skew()', function() {
it('performs a uniformal skew with one value', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skew(14)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.24932800284318)
expect(matrix.c).toBeCloseTo(0.24932800284318)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a non-uniformal skew with two values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skew(8, 5)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.087488663525924)
expect(matrix.c).toBeCloseTo(0.14054083470239)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a uniformal skew at a given center point with three values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skew(3, 150, 100)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.052407779283041)
expect(matrix.c).toBeCloseTo(0.052407779283041)
expect(matrix.d).toBe(1)
expect(matrix.e).toBeCloseTo(-1.2407779283)
expect(matrix.f).toBeCloseTo(-4.8611668924562)
})
it('performs a non-uniformal skew at a given center point with four values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skew(9, 7, 150, 100)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.1227845609029)
expect(matrix.c).toBeCloseTo(0.15838444032454)
expect(matrix.d).toBe(1)
expect(matrix.e).toBeCloseTo(-11.83844403245)
expect(matrix.f).toBeCloseTo(-15.417684135435)
})
it('can be chained', function(){
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skew(9, 7).skew(20, 40)
expect(matrix.a).toBeCloseTo(1.1329003254605)
expect(matrix.b).toBeCloseTo(0.96188419208018)
expect(matrix.c).toBeCloseTo(0.52235467459074)
expect(matrix.d).toBeCloseTo(1.0446899253961)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
})
describe('skewX', function(){
it('performs a skew along the x axis with one value', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skewX(12)
expect(matrix.a).toBe(1)
expect(matrix.b).toBe(0)
expect(matrix.c).toBeCloseTo(0.21255656167002)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a skew along the x axis at a given center point with three values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skewX(5, 150, 100)
expect(matrix.a).toBe(1)
expect(matrix.b).toBe(0)
expect(matrix.c).toBeCloseTo(0.087488663525924)
expect(matrix.d).toBe(1)
expect(matrix.e).toBeCloseTo(-4.74886635259)
expect(matrix.f).toBe(3)
})
})
describe('skewY', function(){
it('performs a skew along the y axis with one value', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skewY(12)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.21255656167002)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBe(3)
})
it('performs a skew along the y axis at a given center point with three values', function() {
var matrix = new SVG.Matrix(1, 0, 0, 1, 4, 3).skewY(5, 150, 100)
expect(matrix.a).toBe(1)
expect(matrix.b).toBeCloseTo(0.087488663525924)
expect(matrix.c).toBe(0)
expect(matrix.d).toBe(1)
expect(matrix.e).toBe(4)
expect(matrix.f).toBeCloseTo(-10.123299528889)
})
})
describe('native()', function() {
it('returns the node reference', function() {
expect(new SVG.Matrix().native() instanceof window.SVGMatrix).toBeTruthy()
})
})
})