+Work toward `v2` release.
-#### motion graphics toolbelt for the web [[mojs.io](http://mojs.io/)]
-
-[](https://saucelabs.com/u/legomushroom)
-
-## Demos
- - [Motion Graphics for the Web](http://codepen.io/sol0mka/full/ogOYJj/)
- - [Bubble Layout](http://codepen.io/sol0mka/full/yNOage/)
- - [Sleepy Mole](http://codepen.io/sol0mka/full/OyzBXR)
- - [Animocons](http://tympanus.net/Development/Animocons/)
- - [Love or Hate Modal](http://codepen.io/sol0mka/full/812699ce32c9a7aeb70c9384b32a533a/)
- - [Mograph](http://codepen.io/sol0mka/full/39427561a8a0b15d7896480a7d96d3d1/)
- - [Word Reveal](http://codepen.io/sol0mka/full/c94452fb65dbf676b0ae8a12d4267473/)
- - [Jump and Squash](http://codepen.io/sol0mka/full/pEagoL/)
- - [video] [mojs workflow with tools](https://vimeo.com/185587462)
- - [Physical Balls](http://codepen.io/sol0mka/full/7315f4364360ec87a6655d33782702fe/)
- - [Dust Trail](http://codepen.io/sol0mka/full/633e6aa52d40691cca2f2cda91650bae/)
- - [Bubble Modal](http://codepen.io/sol0mka/full/3c49de2d7d0ca3e92bf5db5bf7a2687d/)
- - [Bubbles](http://codepen.io/sol0mka/full/2ef10ed42ff535182c31cd1dbb81e453/)
- - [Blast](http://codepen.io/sol0mka/full/699cfc8716a13e0e1c15105af2b6fb95/) (click to see)
- - [Simple Burst](http://codepen.io/sol0mka/full/6caf96461207a5caa9226fbd2631569d/) (click to see)
- - [Dusty Burst](http://codepen.io/sol0mka/full/03e9d8f2fbf886aa1505c61c81d782a0/) (click to see)
- - [Twitter Fav](http://codepen.io/sol0mka/full/wWdRLk/) (click to see)
- - [Twitter Fav (stars)](http://codepen.io/sol0mka/full/PzmAym/) (click to see)
- - [Twitter Fav Firework](http://codepen.io/sol0mka/full/xOAKKA/) (click to see)
- - [Simple Ripple](http://codepen.io/sol0mka/full/XKdWJg/) (click to see)
-
-## Tutorials
- - [Shape & Swirl](http://mojs.io/tutorials/shape/)
- - [Burst](http://mojs.io/tutorials/burst/)
- - [Path Easing](http://mojs.io/tutorials/easing/path-easing/)
- - [Icon Animations Powered by mo.js](http://tympanus.net/codrops/2016/02/23/icon-animations-powered-by-mo-js/)
-
-## Docs
- - [Reference](https://github.com/legomushroom/mojs/blob/master/api/readme.md)
-
-## Tools
- - [MojsPlayer](https://github.com/legomushroom/mojs-player)
- - [MojsCurveEditor](https://github.com/legomushroom/mojs-curve-editor)
- - [Video with MojsPlayer and MojsCurveEditor](https://vimeo.com/185587462)
-
-## Installation
-
-npm: `npm install mo-js`
-
-cdn: ``
-
-bower: `bower install mojs`
-
-## Notes
-Working hard on `APIs`, `tutorials` and `website`. Follow [@legomushroom](https://twitter.com/legomushroom) for updates. Star to show your interest.
-
-## Target browsers
-- Chrome 4+
-- Firefox 4+
-- Opera 11.5+
-- Safari 4+
-- IE 9+
-
-## Thanks
-
-Kudos to supporters on [Patreon](https://patreon.com/user?u=3219311&utm_medium=social&utm_source=twitter&utm_campaign=creatorshare):
-
-- [Zak Frisch](https://github.com/zfrisch)
-- [Erhan Karadeniz](https://twitter.com/erhankaradeniz)
-- [Jorge Antunes](https://github.com/stoikerty)
-
-[full list of mojs patrons](./patrons.md)
-
-
-## License
+#### License
(The MIT License)
diff --git a/spec/burst.coffee b/spec/burst.coffee
deleted file mode 100644
index ba84840c5..000000000
--- a/spec/burst.coffee
+++ /dev/null
@@ -1,1104 +0,0 @@
-Shape = mojs.Shape
-ShapeSwirl = mojs.ShapeSwirl
-Burst = mojs.Burst
-Tunable = mojs.Tunable
-t = mojs.tweener
-h = mojs.h
-
-describe 'Burst ->', ->
- beforeEach -> t.removeAll()
-
- describe 'extension ->', ->
- it 'should extend Shape class', ->
- burst = new Burst
- expect(burst instanceof Tunable).toBe true
-
- describe '_defaults ->', ->
- it 'should have Burst\'s defaults', ->
- burst = new Burst
- expect(burst._defaults.count).toBe 5
- expect(burst._defaults.degree).toBe 360
- expect(burst._defaults.radius).toEqual { 0 : 50 }
- expect(burst._defaults.radiusX).toEqual null
- expect(burst._defaults.radiusY).toEqual null
- # expect(burst._defaults.isSwirl).toEqual false
- # expect(burst._defaults.easing).toEqual 'linear.none'
- # expect(burst._defaults.isSoftHide).toEqual true
-
- describe '_extendDefaults method ->', ->
- it 'should call _removeTweenProperties method', ->
- b = new Burst
- spyOn b, '_removeTweenProperties'
- b._extendDefaults()
- expect(b._removeTweenProperties).toHaveBeenCalledWith b._o
-
- it 'should call super', ->
- burst = new Burst
- spyOn mojs.Module::, '_extendDefaults'
- burst._extendDefaults()
- expect(mojs.Module::_extendDefaults).toHaveBeenCalled()
-
- describe '_render method ->', ->
- it 'should create master swirl', ->
- burst = new Burst
- burst.masterSwirl = undefined
- burst._render()
- expect(burst.masterSwirl instanceof ShapeSwirl).toBe true
-
- it 'should set el of master swirl as el', ->
- burst = new Burst
- expect(burst.el).toBe burst.masterSwirl.el
-
- it 'should pass options to master swirl', ->
- opts = {}
- burst = new Burst opts
- burst.masterSwirl = undefined
- burst._render()
- expect(burst.masterSwirl._o).toBe opts
-
- it 'should pass isWithShape option to master swirl', ->
- opts = {}
- burst = new Burst opts
- expect(burst.masterSwirl._o.isWithShape).toBe false
-
- # nope
- # it 'should pass radius option to master swirl', ->
- # opts = {}
- # burst = new Burst opts
- # expect(burst.masterSwirl._o.radius).toBe 0
-
- it 'should self as callbacksContext', ->
- opts = {}
- burst = new Burst opts
- expect(burst.masterSwirl._o.callbacksContext).toBe burst
-
- it 'should call _saveTimelineOptions method', ->
- opts = {}
- b = new Burst opts
- spyOn b, '_saveTimelineOptions'
- b._render()
- expect(b._saveTimelineOptions).toHaveBeenCalledWith b._o
-
- it 'should call _renderSwirls method', ->
- opts = {}
- burst = new Burst opts
- spyOn burst, '_renderSwirls'
- burst._render()
- expect(burst._renderSwirls).toHaveBeenCalled()
-
- it 'should create _masterSwirls object', ->
- burst = new Burst
- expect(burst._masterSwirls[0]).toBe burst.masterSwirl
- expect(typeof burst._masterSwirls).toBe 'object'
- # not null
- expect(burst._masterSwirls).toBe burst._masterSwirls
-
- it 'should add optional properties to option', ->
- burst = new Burst
- spyOn burst, '_addOptionalProps'
- burst._renderSwirls()
-
- expect(burst._addOptionalProps.calls.count()).toBe 5
-
- it 'should set time on tween of masterSwirl', ->
- burst = new Burst
- children:
- duration: 'stagger(500, 1000)'
- repeat: 2
- burst.masterSwirl.tween._props.duration = null
- burst._renderSwirls()
- expect(burst.masterSwirl.tween._props.duration)
- .toBe burst._calcPackTime burst._swirls[0]
-
- it 'should set isSwirl to false by default', ->
- burst = new Burst
- children:
- duration: 'stagger(500, 1000)'
- repeat: 2
-
- expect(burst.masterSwirl._props.isSwirl).toBe false
-
- # nope
- # it 'should work with isSwirl option', ->
- # burst = new Burst
- # isSwirl: true
- # children:
- # duration: 'stagger(500, 1000)'
- # repeat: 2
-
- # expect(burst.masterSwirl._props.isSwirl).toBe true
-
- describe '_renderSwirls method', ->
- it 'should create _swirls object', ->
- burst = new Burst
- expect(typeof burst._swirls).toBe 'object'
- # not null
- expect(burst._swirls).toBe burst._swirls
-
- it 'should create _swirls pack', ->
- count = 5
- burst = new Burst count: count
- pack = burst._swirls[0]
- expect( h.isArray(pack) ).toBe true
- expect( pack.length ).toBe count
- expect( pack[0] instanceof ShapeSwirl ).toBe true
- expect( pack[1] instanceof ShapeSwirl ).toBe true
- expect( pack[2] instanceof ShapeSwirl ).toBe true
- expect( pack[3] instanceof ShapeSwirl ).toBe true
- expect( pack[4] instanceof ShapeSwirl ).toBe true
-
- it 'should pass options to swirls', ->
- count = 5; fills = [ 'cyan', 'yellow', 'blue' ]
- burst = new Burst
- count: count
- children:
- fill: fills
- pack = burst._swirls[0]
- expect( pack[0]._o.fill ).toBe fills[0]
- expect( pack[1]._o.fill ).toBe fills[1]
- expect( pack[2]._o.fill ).toBe fills[2]
- expect( pack[3]._o.fill ).toBe fills[0]
- expect( pack[4]._o.fill ).toBe fills[1]
-
- it 'should parent to swirls', ->
- count = 5
- burst = new Burst
- count: count
- # children: {}
-
- pack = burst._swirls[0]
- expect( pack[0]._o.parent ).toBe burst.masterSwirl.el
- expect( pack[1]._o.parent ).toBe burst.masterSwirl.el
- expect( pack[2]._o.parent ).toBe burst.masterSwirl.el
- expect( pack[3]._o.parent ).toBe burst.masterSwirl.el
- expect( pack[4]._o.parent ).toBe burst.masterSwirl.el
-
- describe '_getChildOption method ->', ->
- it 'should get options from swirls', ->
- b = new Burst count: 2
- o = { children: { fill: [ 'yellow', 'cyan', 'blue' ] } }
- result = b._getChildOption( o, 1 )
- expect(result.fill).toBe 'cyan'
-
- it 'should not throw if there is no swirls', ->
- b = new Burst count: 2
- o = { }
- result = b._getChildOption( o, 1 )
- expect(result).toEqual {}
-
- describe '_getPropByMod method ->', ->
- it 'should fallback to empty object', ->
- burst = new Burst
- children: radius: [ { 20: 50}, 20, '500' ]
- opt0 = burst._getPropByMod 'radius', 0
- expect(opt0).toBe undefined
- it 'should return the prop from passed object based on index ->', ->
- burst = new Burst
- children:
- radius: [ { 20: 50}, 20, '500' ]
-
- opt0 = burst._getPropByMod 'radius', 0, burst._o.children
- opt1 = burst._getPropByMod 'radius', 1, burst._o.children
- opt2 = burst._getPropByMod 'radius', 2, burst._o.children
- opt8 = burst._getPropByMod 'radius', 8, burst._o.children
- expect(opt0[20]).toBe 50
- expect(opt1) .toBe 20
- expect(opt2) .toBe '500'
- expect(opt8) .toBe '500'
- it 'should the same prop if not an array ->', ->
- burst = new Burst children: radius: 20
- opt0 = burst._getPropByMod 'radius', 0, burst._o.children
- opt1 = burst._getPropByMod 'radius', 1, burst._o.children
- opt8 = burst._getPropByMod 'radius', 8, burst._o.children
- expect(opt0).toBe 20
- expect(opt1).toBe 20
- expect(opt8).toBe 20
- it 'should work with another options object ->', ->
- burst = new Burst
- fill: 'cyan'
- children: radius: 20
-
- from = burst._o
- opt0 = burst._getPropByMod 'fill', 0, from
- opt1 = burst._getPropByMod 'fill', 1, from
- opt8 = burst._getPropByMod 'fill', 8, from
-
- expect(opt0).toBe 'cyan'
- expect(opt1).toBe 'cyan'
- expect(opt8).toBe 'cyan'
-
- describe '_makeTween method ->', ->
- it 'should override parent', ->
- bs = new Burst
- spyOn mojs.Tweenable.prototype, '_makeTween'
- bs._makeTween()
- expect(mojs.Tweenable.prototype._makeTween).not.toHaveBeenCalled()
-
- describe '_makeTimeline method ->', ->
-
- it 'should restore timeline options on _o', ->
- timeline = {}
- bs = new Burst timeline: timeline
- bs._makeTimeline()
- expect(bs._o.timeline).toBe timeline
-
- it 'should call super', ->
- bs = new Burst
- spyOn mojs.Tweenable::, '_makeTimeline'
- bs._makeTimeline()
- expect(mojs.Tweenable::_makeTimeline).toHaveBeenCalled()
-
- it 'should add masterSwirl to the timeline', ->
- bs = new Burst
- expect(bs.timeline._timelines[0]).toBe bs.masterSwirl.timeline
-
- it 'should add swirls to the timeline', ->
- bs = new Burst count: 5
- expect(bs.timeline._timelines[1]).toBe bs._swirls[0][0].timeline
- expect(bs.timeline._timelines[2]).toBe bs._swirls[0][1].timeline
- expect(bs.timeline._timelines[3]).toBe bs._swirls[0][2].timeline
- expect(bs.timeline._timelines[4]).toBe bs._swirls[0][3].timeline
- expect(bs.timeline._timelines[5]).toBe bs._swirls[0][4].timeline
-
- describe '_addOptionalProps method ->', ->
- it 'should return the passed object', ->
- burst = new Burst
- obj = {}
- result = burst._addOptionalProps obj, 0
- expect(result).toBe obj
-
- it 'should add parent, index', ->
- burst = new Burst
- obj = {}
- result = burst._addOptionalProps obj, 0
- expect(result.index).toBe 0
- expect(result.parent).toBe burst.masterSwirl.el
-
- # nope
- # it 'should set isSiwrl to false by default', ->
- # burst = new Burst
- # obj = { }
- # result = burst._addOptionalProps obj, 0
- # expect(result.isSwirl).toBe false
-
- # obj = { isSwirl: true }
- # result = burst._addOptionalProps obj, 0
- # expect(result.isSwirl).toBe true
-
- # nope
- # it 'should hard rewrite `left` and `top` properties to 50%', ->
- # burst = new Burst
- # obj = {}
- # result = burst._addOptionalProps obj, 0
- # expect(result.left).toBe '50%'
- # expect(result.top).toBe '50%'
-
- it 'should add x/y', ->
- burst = new Burst
- radius: { 0: 100 }
- count: 2,
- size: 0
-
- obj0 = {}
- obj1 = {}
- result0 = burst._addOptionalProps obj0, 0
- result1 = burst._addOptionalProps obj1, 1
-
- eps = 0.00001
- isClose = obj0.x[0] - 0 < eps
- isZero = obj0.x is 0
- expect(isClose or isZero).toBe true
- expect(obj0.y[0]).toBeCloseTo -100, 5
-
- eps = 0.00001
- isClose = obj1.x[0] - 0 < eps
- isZero = obj1.x is 0
- expect(isClose or isZero).toBe true
- expect(obj1.y[0]).toBeCloseTo 100, 5
-
- it 'should add angles ->', ->
- burst = new Burst
- radius: { 0: 100 }
- count: 2
-
- obj0 = { angle: 0 }
- obj1 = { angle: 0 }
- result0 = burst._addOptionalProps obj0, 0
- result1 = burst._addOptionalProps obj1, 1
-
- expect(obj0.angle).toBe 90
- expect(obj1.angle).toBe 270
-
- describe '_getBitAngle method ->', ->
- it 'should get angle by i', ->
- burst = new Burst radius: { 'rand(10,20)': 100 }
- expect(burst._getBitAngle(0, 0, 0)).toBe 90
- expect(burst._getBitAngle(0, 0, 1)).toBe 162
- expect(burst._getBitAngle(0, 0, 2)).toBe 234
- expect(burst._getBitAngle(90, 0, 2)).toBe 234 + 90
- expect(burst._getBitAngle(0, 0, 3)).toBe 306
- expect(burst._getBitAngle(90, 0, 3)).toBe 306 + 90
- expect(burst._getBitAngle(0, 0, 4)).toBe 378
- expect(burst._getBitAngle(50, 0, 4)).toBe 378 + 50
-
- it 'should add with angleShift', ->
- burst = new Burst radius: { 'rand(10,20)': 100 }
- expect(burst._getBitAngle(0, 0, 0)).toBe 90
- expect(burst._getBitAngle(0, 10, 1)).toBe 162 + 10
- expect(burst._getBitAngle(0, 30, 2)).toBe 234 + 30
- expect(burst._getBitAngle(90, 40, 2)).toBe 234 + 90 + 40
- expect(burst._getBitAngle(0, 20, 3)).toBe 306 + 20
- expect(burst._getBitAngle(90, 25, 3)).toBe 306 + 90 + 25
- expect(burst._getBitAngle(0, 10, 4)).toBe 378 + 10
- expect(burst._getBitAngle(50, 60, 4)).toBe 378 + 50 + 60
- it 'should fallback to 0', ->
- burst = new Burst radius: { 'rand(10,20)': 100 }
- expect(burst._getBitAngle(undefined, 0, 0)).toBe 90
- expect(burst._getBitAngle(undefined, 0, 1)).toBe 162
- expect(burst._getBitAngle(undefined, 0, 2)).toBe 234
- it 'should get delta angle by i', ->
- burst = new Burst radius: { 'rand(10,20)': 100 }
- expect(burst._getBitAngle({180:0}, 0, 0)[270]).toBe 90
- expect(burst._getBitAngle({50:20}, 0, 3)[356]).toBe 326
- expect(burst._getBitAngle({50:20}, 0, 4)[428]).toBe 398
-
- it 'should add angleShift to deltas', ->
- burst = new Burst radius: { 'rand(10,20)': 100 }
- expect(burst._getBitAngle({180:0}, 20, 0)[270 + 20]).toBe 90 + 20
- expect(burst._getBitAngle({50:20}, 30, 3)[356 + 30]).toBe 326 + 30
- expect(burst._getBitAngle({50:20}, 50, 4)[428 + 50]).toBe 398 + 50
-
- it 'should work with `stagger` values', ->
- burst = new Burst count: 2
-
- expect(burst._getBitAngle({'stagger(20, 10)':0}, 0, 0)[110]).toBe 90
- expect(burst._getBitAngle({'stagger(20, 10)':0}, 0, 1)[300]).toBe 270
-
- expect(burst._getBitAngle({0:'stagger(20, 10)'}, 0, 1)[270]).toBe 300
-
- it 'should work with `random` values', ->
- burst = new Burst count: 2
-
- angle = burst._getBitAngle({'rand(10, 20)':0}, 0, 0)
- for key, value in angle
- baseAngle = 90
- expect(parseInt(key)).toBeGreaterThan baseAngle + 10
- expect(parseInt(key)).not.toBeGreaterThan baseAngle + 20
- expect(parseInt(value)).toBe baseAngle
-
- angle = burst._getBitAngle({'rand(10, 20)':0}, 0, 1)
- for key, value in angle
- baseAngle = 270
- expect(parseInt(key)).toBeGreaterThan baseAngle + 10
- expect(parseInt(key)).not.toBeGreaterThan baseAngle + 20
- expect(parseInt(value)).toBe baseAngle
-
- angle = burst._getBitAngle({0:'rand(10, 20)'}, 0, 1)
- for key, value in angle
- baseAngle = 270
- expect(parseInt(key)).toBe baseAngle
- expect(parseInt(value)).toBeGreaterThan baseAngle + 10
- expect(parseInt(value)).not.toBeGreaterThan baseAngle + 20
-
- describe '_getSidePoint method ->', ->
- it 'should return the side\'s point', ->
- burst = new Burst radius: {5:25}, radiusX: {10:20}, radiusY: {30:10}
- point0 = burst._getSidePoint('start', 0)
- expect(point0.x).toBeDefined()
- expect(point0.y).toBeDefined()
- it 'should return the side\'s point by i', ->
- burst = new Burst(radius: {5:25}, radiusX: {10:20}, radiusY: {30:10})
- .then(radius: {5:25}, radiusX: {10:20}, radiusY: {30:10})
- spyOn(burst, '_getSideRadius').and.callThrough()
-
- point0 = burst._getSidePoint('start', 0, 0)
- expect(burst._getSideRadius).toHaveBeenCalledWith 'start', 0
- expect(burst._getSideRadius.calls.count()).toBe 1
-
- point1 = burst._getSidePoint('start', 0, 1)
- expect(burst._getSideRadius).toHaveBeenCalledWith 'start', 1
- expect(burst._getSideRadius.calls.count()).toBe 2
-
- describe '_getSideRadius method ->', ->
- it 'should return the side\'s radius, radiusX and radiusY', ->
- burst = new Burst radius: {5:25}, radiusX: {10:20}, radiusY: {30:10}
- sides = burst._getSideRadius('start')
- expect(sides.radius) .toBe 5
- expect(sides.radiusX).toBe 10
- expect(sides.radiusY).toBe 30
-
- it 'should return the side\'s radius, radiusX and radiusY by i', ->
- burst = new Burst(radius: {5:25}, radiusX: {10:20}, radiusY: {30:10})
- .then( radius: {20:40}, radiusX: { 50:10 }, radiusY: { 10:20 } )
- sidesS = burst._getSideRadius('start')
- sidesE = burst._getSideRadius('end')
- expect(sidesS.radius) .toBe 5
- expect(sidesS.radiusX).toBe 10
- expect(sidesS.radiusY).toBe 30
- expect(sidesE.radius) .toBe 25
- expect(sidesE.radiusX).toBe 20
- expect(sidesE.radiusY).toBe 10
-
- sidesS = burst._getSideRadius('start', 1)
- sidesE = burst._getSideRadius('end', 1)
- expect(sidesS.radius) .toBe 20
- expect(sidesS.radiusX).toBe 50
- expect(sidesS.radiusY).toBe 10
-
- expect(sidesE.radius) .toBe 40
- expect(sidesE.radiusX).toBe 10
- expect(sidesE.radiusY).toBe 20
-
- describe '_getRadiusByKey method ->', ->
- it 'should return the key\'s radius', ->
- burst = new Burst radius: {5:25}, radiusX: {10:20}, radiusY: {30:20}
- radius = burst._getRadiusByKey('radius', 'start')
- radiusX = burst._getRadiusByKey('radiusX', 'start')
- radiusY = burst._getRadiusByKey('radiusX', 'end')
- expect(radius).toBe 5
- expect(radiusX).toBe 10
- expect(radiusY).toBe 20
-
- it 'should return the key\'s radius of the last master module // plain', ->
- burst = new Burst(
- radius: 5, radiusX: 10, radiusY: 30
- ).then(
- radius: 25, radiusX: 20, radiusY: 40
- )
- radiusS = burst._getRadiusByKey('radius', 'start', 1)
- radiusXS = burst._getRadiusByKey('radiusX', 'start', 1)
- radiusYS = burst._getRadiusByKey('radiusY', 'start', 1)
- radiusE = burst._getRadiusByKey('radius', 'end', 1)
- radiusXE = burst._getRadiusByKey('radiusX', 'end', 1)
- radiusYE = burst._getRadiusByKey('radiusY', 'end', 1)
-
- expect(radiusS).toBe 5
- expect(radiusXS).toBe 10
- expect(radiusYS).toBe 30
-
- expect(radiusE).toBe 25
- expect(radiusXE).toBe 20
- expect(radiusYE).toBe 40
-
-
- it 'should return the key\'s radius of the last master module // deltas', ->
- burst = new Burst(
- radius: 5, radiusX: 10, radiusY: 30
- ).then(
- radius: { 10 : 25},
- radiusX: { 30 : 20},
- radiusY: { 25 : 30 }
- )
- radiusS = burst._getRadiusByKey('radius', 'start', 1)
- radiusXS = burst._getRadiusByKey('radiusX', 'start', 1)
- radiusYS = burst._getRadiusByKey('radiusY', 'start', 1)
- radiusE = burst._getRadiusByKey('radius', 'end', 1)
- radiusXE = burst._getRadiusByKey('radiusX', 'end', 1)
- radiusYE = burst._getRadiusByKey('radiusY', 'end', 1)
-
- expect(radiusS).toBe 10
- expect(radiusXS).toBe 30
- expect(radiusYS).toBe 25
-
- expect(radiusE).toBe 25
- expect(radiusXE).toBe 20
- expect(radiusYE).toBe 30
-
- describe '_getDeltaFromPoints method ->', ->
- it 'should return the delta', ->
- burst = new Burst
- delta = burst._getDeltaFromPoints('x', {x: 10, y: 20}, {x: 20, y: 40})
- expect(delta[10]).toBe 20
- it 'should return one value if start and end positions are equal', ->
- burst = new Burst
- delta = burst._getDeltaFromPoints('x', {x: 10, y: 20}, {x: 10, y: 40})
- expect(delta).toBe 10
-
- describe '_vars method ->', ->
- it 'should call super', ->
- burst = new Burst
- spyOn mojs.Thenable::, '_vars'
- burst._vars()
- expect(mojs.Thenable::_vars).toHaveBeenCalled()
- it 'should create _bufferTimeline', ->
- burst = new Burst
- burst._bufferTimeline = null
- burst._vars()
- expect(burst._bufferTimeline instanceof mojs.Timeline).toBe true
-
- describe '_recalcModulesTime method', ->
- it 'should set duration on every moddules tween', ->
- b = new Burst(fill: 'cyan').then('fill': 'yellow')
- shiftTime = 0
- modules = b.masterSwirl._modules
-
- spyOn(b, '_calcPackTime').and.callThrough()
- b._recalcModulesTime()
-
- expect(b._calcPackTime).toHaveBeenCalledWith b._swirls[0]
- time = b._calcPackTime(b._swirls[0])
- expect(modules[0].tween._props.duration).toBe time
- expect(modules[0].tween._props.shiftTime).toBe shiftTime
-
- shiftTime += time
-
- expect(b._calcPackTime).toHaveBeenCalledWith b._swirls[1]
- time = b._calcPackTime(b._swirls[1])
- expect(modules[1].tween._props.duration).toBe time
- expect(modules[1].tween._props.shiftTime).toBe shiftTime
-
- shiftTime += time
-
- it 'should call _recalcTotalDuration on main timeline', ->
- b = new Burst(fill: 'cyan').then('fill': 'yellow')
- spyOn b.timeline, '_recalcTotalDuration'
-
- b._recalcModulesTime()
-
- expect(b.timeline._recalcTotalDuration).toHaveBeenCalled()
-
-
- describe '_masterThen method ->', ->
- it 'should pass options to masterSwirl', ->
- b = new Burst count: 2
-
- spyOn b.masterSwirl, 'then'
-
- o = { opacity: .5 }
- b._masterThen(o)
-
- expect( b.masterSwirl.then ).toHaveBeenCalledWith o
-
- it 'should save the new master swirl', ->
- b = new Burst count: 2
-
- b._masterThen( { opacity: .5 } )
- expect( b._masterSwirls.length ).toBe 2
-
- it 'should return the new swirl', ->
- b = new Burst count: 2
-
- result = b._masterThen( { opacity: .5 } )
- expect( result ).toBe b._masterSwirls[b._masterSwirls.length-1]
-
- describe '_childThen method ->', ->
- it 'should pass options to swirls', ->
- b = new Burst count: 2
-
- pack = b._swirls[0]
- spyOn pack[0], 'then'
- spyOn pack[1], 'then'
-
- o = { children: { radius: [ 10, 20 ] } }
- b._childThen(o, b._masterThen(o))
-
- option0 = b._getChildOption( o, 0 )
- option0.parent = b._masterSwirls[1].el
- b._addBurstProperties option0, 0, 1
- expect(pack[0].then).toHaveBeenCalledWith option0
-
- option1 = b._getChildOption( o, 1 )
- option1.parent = b._masterSwirls[1].el
- b._addBurstProperties option1, 1, 1
- expect(pack[1].then).toHaveBeenCalledWith option1
-
- it 'should call _addBurstProperties with the latest main swirl', ->
- b = new Burst count: 2
-
- spyOn b, '_addBurstProperties'
-
- pack = b._swirls[0]
-
- o = { children: { radius: [ 10, 20 ] } }
- b._childThen(o, b._masterThen(o))
-
- option0 = b._getChildOption( o, 0 )
- option0.parent = b._masterSwirls[1].el
- expect(b._addBurstProperties).toHaveBeenCalledWith option0, 0, 1
-
- option1 = b._getChildOption( o, 1 )
- option1.parent = b._masterSwirls[1].el
- expect(b._addBurstProperties).toHaveBeenCalledWith option1, 1, 1
-
- it 'should save new swirls to _swirls', ->
- b = new Burst count: 2
-
- o = { children: { radius: [ 10, 20 ] } }
-
- b._masterThen(o)
-
- b._childThen(o)
-
- expect(b._swirls[1].length).toBe 2
- expect(b._swirls[1][0] instanceof ShapeSwirl).toBe true
- expect(b._swirls[1][1] instanceof ShapeSwirl).toBe true
-
- it 'should return the new pack', ->
- b = new Burst count: 2
-
- o = { children: { radius: [ 10, 20 ] } }
-
- b._masterThen(o)
- result = b._childThen(o)
-
- expect(result).toBe b._swirls[1]
-
- describe 'then method ->', ->
- it 'should return this', ->
- b = new Burst count: 2
- expect( b.then({}) ).toBe b
-
- it 'should call _removeTweenProperties method', ->
- b = new Burst
- spyOn b, '_removeTweenProperties'
- options = { x: 200 }
- b.then(options)
- expect(b._removeTweenProperties).toHaveBeenCalledWith options
-
- it 'should call _masterThen method', ->
- b = new Burst count: 2
- spyOn(b, '_masterThen').and.callThrough()
- options = {}
- b.then options
- expect( b._masterThen ).toHaveBeenCalledWith options
-
- it 'should call _childThen method', ->
- b = new Burst count: 2
- spyOn(b, '_childThen').and.callThrough()
- options = {}
- b.then options
-
- expect(b._childThen.calls.count()).toBe 1
- expect(b._childThen.calls.first().args[0]).toBe options
- # expect(b._childThen.calls.first().args[1])
- # .toBe h.getLastItem b._masterSwirls
-
- it 'should set duration on new master swirl', ->
- b = new Burst count: 2
- spyOn(b, '_setSwirlDuration').and.callThrough()
- b.then({ children: { duration: 50 } })
- time = b._calcPackTime( b._swirls[1] )
-
- expect(b._setSwirlDuration.calls.count()).toBe 1
- expect(b._setSwirlDuration.calls.first().args[0])
- .toBe b._masterSwirls[1]
- expect(b._setSwirlDuration.calls.first().args[1])
- .toBe time
-
- it 'should call _recalcTotalDuration method', ->
- b = new Burst count: 2
-
- spyOn b.timeline, '_recalcTotalDuration'
- b.then({ children: { radius: [ 10, 20 ] } })
-
- expect(b.timeline._recalcTotalDuration).toHaveBeenCalled()
-
- describe '_calcPackTime method ->', ->
- it 'should calculate time of swirls array', ->
- # should not include shift time
- sw = new ShapeSwirl
- sw.timeline._props.shiftTime = 200000
-
- pack = [
- sw,
- new ShapeSwirl( duration: 2000 ),
- new ShapeSwirl( duration: 1800, delay: 400 ),
- new ShapeSwirl( duration: 4000, speed: 3 )
- ]
-
- b = new Burst
- tm = new mojs.Timeline
-
- maxTime = 0
- for swirl, i in pack
- tween = swirl.tween; p = tween._props
- maxTime = Math.max( p.repeatTime/p.speed, maxTime )
-
- expect( b._calcPackTime pack ).toBe maxTime
-
- describe '_setSwirlDuration method ->', ->
- it 'should set tweens time', ->
- b = new Burst
- sw = new ShapeSwirl
-
- spyOn sw.tween, '_setProp'
- spyOn sw.timeline, '_recalcTotalDuration'
-
- duration = 10
- b._setSwirlDuration sw, duration
-
- expect(sw.tween._setProp).toHaveBeenCalledWith 'duration', duration
- expect(sw.timeline._recalcTotalDuration).toHaveBeenCalled()
-
- it 'should not throw if Swirl has no timeline', ->
- b = new Burst
- sw = new ShapeSwirl
-
- sw.timeline = sw.tween
-
- set = -> b._setSwirlDuration sw, 10
-
- expect(set).not.toThrow()
-
- describe 'tune method ->', ->
- it 'should return `this`', ->
- b = new Burst
- expect(b.tune({ x: 200 })).toBe b
-
- it 'should call _tuneNewOptions method', ->
- b = new Burst
- spyOn b, '_tuneNewOptions'
- options = { x: 200 }
- b.tune(options)
- expect(b._tuneNewOptions).toHaveBeenCalledWith options
-
- it 'should not call _tuneNewOptions method if no options', ->
- b = new Burst
- spyOn b, '_tuneNewOptions'
- options = null
- result = b.tune(options)
- expect(b._tuneNewOptions).not.toHaveBeenCalledWith options
- # should return `this` in this case
- expect(result).toBe b
-
- it 'should call tune on masterSwirl', ->
- b = new Burst
- spyOn b.masterSwirl, 'tune'
- options = { x: 200 }
- b.tune(options)
- expect(b.masterSwirl.tune).toHaveBeenCalledWith options
-
- it 'should call _tuneSwirls method', ->
- b = new Burst
- spyOn b, '_tuneSwirls'
- options = { x: 200 }
- b.tune(options)
- expect(b._tuneSwirls).toHaveBeenCalledWith options
-
- it 'should call tune 0 pack swirls', ->
- b = new Burst
-
- pack0 = b._swirls[0]
- spyOn pack0[0], 'tune'
- spyOn pack0[1], 'tune'
- spyOn pack0[2], 'tune'
- spyOn pack0[3], 'tune'
- spyOn pack0[4], 'tune'
-
- swirls = { x: 200, fill: ['cyan', 'yellow'] }
- options = { children: swirls }
- b.tune( options )
-
- option0 = b._getChildOption options, 0
- b._addBurstProperties option0, 0
- args = pack0[0].tune.calls.first().args
- expect(args[0]).toEqual option0
-
- option1 = b._getChildOption options, 1
- b._addBurstProperties option1, 1
- args = pack0[1].tune.calls.first().args
- expect(args[0]).toEqual option1
-
- option2 = b._getChildOption options, 2
- b._addBurstProperties option2, 2
- args = pack0[2].tune.calls.first().args
- expect(args[0]).toEqual option2
-
- option3 = b._getChildOption options, 3
- b._addBurstProperties option3, 3
- args = pack0[3].tune.calls.first().args
- expect(args[0]).toEqual option3
-
- option4 = b._getChildOption options, 4
- b._addBurstProperties option4, 4
- args = pack0[4].tune.calls.first().args
- expect(args[0]).toEqual option4
-
- it 'should add Burst properties to options', ->
- b = new Burst
- spyOn b.masterSwirl, 'tune'
- options = { x: 200 }
- spyOn b, '_addBurstProperties'
- b.tune(options)
- expect(b._addBurstProperties).toHaveBeenCalledWith {}, 0
- expect(b._addBurstProperties).toHaveBeenCalledWith {}, 1
- expect(b._addBurstProperties).toHaveBeenCalledWith {}, 2
- expect(b._addBurstProperties).toHaveBeenCalledWith {}, 3
- expect(b._addBurstProperties).toHaveBeenCalledWith {}, 4
-
- it 'should call _recalcModulesTime method', ->
- b = new Burst
- spyOn b, '_recalcModulesTime'
- options = { x: 200 }
- b.tune(options)
- expect(b._recalcModulesTime).toHaveBeenCalled()
-
- it 'should call _saveTimelineOptions method', ->
- b = new Burst
- spyOn b, '_saveTimelineOptions'
- options = { x: 200 }
- b.tune(options)
- expect(b._saveTimelineOptions).toHaveBeenCalledWith options
-
- it 'should set new options on timeline', ->
- b = new Burst
- spyOn b.timeline, '_setProp'
- options = { x: 200 }
- b.tune(options)
- expect(b.timeline._setProp).toHaveBeenCalledWith b._timelineOptions
-
- describe '_removeTweenProperties method ->', ->
- it 'should remove all tween props from passed object', ->
- b = new Burst
- o = {}
- for key of h.tweenOptionMap
- o[key] = 1
-
- for key of b._defaults
- o[key] = 1
-
- b._removeTweenProperties(o)
-
- for key of h.tweenOptionMap
- expect(o[key]).not.toBeDefined()
-
- # nope
- # expect(o['easing']).toBe 1
- # for key of b._defaults
- # expect(o[key]).toBe 1
-
- describe '_saveTimelineOptions method ->', ->
- it 'should save timeline options to _timelineOptions', ->
- b = new Burst
- timeline = {}
- opts = { timeline: timeline }
- b._saveTimelineOptions opts
- expect( b._timelineOptions ).toBe timeline
- expect( opts.timeline ).not.toBeDefined()
-
- # nope
- # it 'should set _timelineOptions to null first', ->
- # b = new Burst
- # opts = { }
- # b._saveTimelineOptions opts
- # expect( b._timelineOptions ).toBe null
-
-
- describe '_addBurstProperties method ->', ->
- it 'should calculate bit angle', ->
- b = new Burst
- angle = 20
- obj = { angle: angle }
- b._addBurstProperties( obj, 1 )
- expect( obj.angle ).toBe b._getBitAngle( angle, 0, 1 )
-
- it 'should calculate bit x and y', ->
- index = 1
- b = new Burst
- obj = {}
- b._addBurstProperties( obj, index )
-
- p = b._props
- degreeCnt = if (p.degree % 360 is 0) then p.count else p.count-1 || 1;
- step = p.degree/degreeCnt;
- pointStart = b._getSidePoint('start', index*step );
- pointEnd = b._getSidePoint('end', index*step );
-
- expect( obj.x ).toEqual b._getDeltaFromPoints('x', pointStart, pointEnd)
- expect( obj.y ).toEqual b._getDeltaFromPoints('y', pointStart, pointEnd)
-
- # nope
- # it 'should set degreeShift to 0', ->
- # b = new Burst
- # angle = 20
- # obj = { degreeShift: angle }
- # b._addBurstProperties( obj, 1 )
- # expect( obj.degreeShift ).toBe 0
-
- it 'should calculate bit x/y and angle regarding degreeShift', ->
- index = 1
- angle = 20
- degreeShifts = [ 0, 10, 20 ]
- b = new Burst children: { degreeShift: degreeShifts }
- # put degreeShift value back since we override it to `0`
- # in `_addBurstProperties` method
- obj = { angle: angle, degreeShift: degreeShifts[index] }
- b._addBurstProperties( obj, index )
-
- p = b._props
- degreeCnt = if (p.degree % 360 is 0) then p.count else p.count-1 || 1;
- step = p.degree/degreeCnt;
- pointStart = b._getSidePoint('start', index*step + degreeShifts[ index ] );
- pointEnd = b._getSidePoint('end', index*step + degreeShifts[ index ] );
-
- expect( obj.x ).toEqual b._getDeltaFromPoints('x', pointStart, pointEnd)
- expect( obj.y ).toEqual b._getDeltaFromPoints('y', pointStart, pointEnd)
- expect( obj.angle ).toEqual b._getBitAngle( angle + degreeShifts[ index ], 0, index )
-
- it 'should calculate bit x/y and angle regarding stagger', ->
- index = 2
- angle = 20
- b = new Burst children: { degreeShift: 'stagger(200)' }
- # put degreeShift value back since we override it to `0`
- # in `_addBurstProperties` method
- obj = { angle: angle, degreeShift: 'stagger(200)' }
- b._addBurstProperties( obj, index )
-
- p = b._props
- degreeCnt = if (p.degree % 360 is 0) then p.count else p.count-1 || 1;
- step = p.degree/degreeCnt;
- pointStart = b._getSidePoint('start', index*step + 400 );
- pointEnd = b._getSidePoint('end', index*step + 400 );
-
- expect( obj.x ).toEqual b._getDeltaFromPoints('x', pointStart, pointEnd)
- expect( obj.y ).toEqual b._getDeltaFromPoints('y', pointStart, pointEnd)
- expect( obj.angle ).toEqual b._getBitAngle( angle + 400, 0, index )
-
- it 'should fallback to 0 for angle', ->
- index = 2
- b = new Burst children: { degreeShift: 'stagger(200)' }
- # put degreeShift value back since we override it to `0`
- # in `_addBurstProperties` method
- obj = { degreeShift: 'stagger(200)' }
- b._addBurstProperties( obj, index )
-
- p = b._props
- degreeCnt = if (p.degree % 360 is 0) then p.count else p.count-1 || 1;
- step = p.degree/degreeCnt;
- pointStart = b._getSidePoint('start', index*step + 400 );
- pointEnd = b._getSidePoint('end', index*step + 400 );
-
- expect( obj.angle ).toEqual b._getBitAngle( 0, 400, index );
-
- it 'should call _getSidePoint with passed index', ->
- b = new Burst count: 2
- .then radius: 20
- spyOn(b, '_getSidePoint').and.callThrough()
- obj = { }
- b._addBurstProperties( obj, 2, 1 )
-
- expect(b._getSidePoint).toHaveBeenCalledWith 'start', 360, 1
- expect(b._getSidePoint).toHaveBeenCalledWith 'end', 360, 1
-
-
- describe '_refreshBurstOptions method ->', ->
- it 'should call _tuneNewOptions with results of _addBurstProperties', ->
- b = new Burst count: 4
- .then radius: 20
- .then radius: 30
-
- modules = b._swirls[0][0]._modules
-
- for j in [1...modules.length]
- module = modules[j]
- spyOn(module, '_tuneNewOptions').and.callThrough()
-
- b._refreshBurstOptions modules, 1
-
- for j in [1...modules.length]
- module = modules[j]
- options = {}
- b._addBurstProperties options, 1, j
- expect(module._tuneNewOptions).toHaveBeenCalledWith options
-
- describe '_tuneSwirls method', ->
- it 'should call _refreshBurstOptions with modules and i', ->
- b = new Burst count: 4
- .then radius: 20
- .then radius: 30
-
- spyOn b, '_refreshBurstOptions'
- b._tuneSwirls({})
-
- pack0 = b._swirls[0]
- for i in [0...pack0.length]
- swirl = pack0[i]
- expect( b._refreshBurstOptions )
- .toHaveBeenCalledWith swirl._modules, i
-
- it 'should add Burst properties to options', ->
- b = new Burst children: { degreeShift: 10 }
- options = { x: 200 }
- spyOn b, '_addBurstProperties'
- b._tuneSwirls(options)
- expect(b._addBurstProperties).toHaveBeenCalledWith { }, 0
- expect(b._addBurstProperties).toHaveBeenCalledWith { }, 1
- expect(b._addBurstProperties).toHaveBeenCalledWith { }, 2
- expect(b._addBurstProperties).toHaveBeenCalledWith { }, 3
- expect(b._addBurstProperties).toHaveBeenCalledWith { }, 4
-
- it 'should not override the new degreeShift', ->
- b = new Burst children: { degreeShift: 10 }
- options = { x: 200, children: { degreeShift: 20 } }
- spyOn b, '_addBurstProperties'
- b._tuneSwirls(options)
- expect(b._addBurstProperties).toHaveBeenCalledWith { degreeShift: 20 }, 0
- expect(b._addBurstProperties).toHaveBeenCalledWith { degreeShift: 20 }, 1
- expect(b._addBurstProperties).toHaveBeenCalledWith { degreeShift: 20 }, 2
- expect(b._addBurstProperties).toHaveBeenCalledWith { degreeShift: 20 }, 3
- expect(b._addBurstProperties).toHaveBeenCalledWith { degreeShift: 20 }, 4
-
- describe 'ChildSwirl ->', ->
- ChildSwirl = Burst.ChildSwirl
- it 'should extend ShapeSwirl', ->
- child = new ChildSwirl
- expect(child instanceof ShapeSwirl).toBe true
-
- it 'should override defaults', ->
- child = new ChildSwirl
- expect(child._defaults.isSwirl).toBe false
-
- it 'should override duration to 700', ->
- child = new ChildSwirl
- expect(child._o.duration).toBe 700
-
- it 'should not override duration to 700 if defined', ->
- child = new ChildSwirl duration: 0
- expect(child._o.duration).toBe 0
-
- it 'should be used as children swirl', ->
- burst = new Burst
- expect(burst._swirls[0][0] instanceof ChildSwirl).toBe true
-
- it 'should not regard degreeShift in xy calculations', ->
- child1 = new ChildSwirl degreeShift: 0, x: { 0: 200 }
- child2 = new ChildSwirl degreeShift: 20, x: { 0: 200 }
- child1.setProgress( .45 ); child1.setProgress( .5 )
- child2.setProgress( .45 ); child2.setProgress( .5 )
- expect(child1._props.x).toBe child2._props.x
- expect(child1._props.y).toBe child2._props.y
-
- describe 'MainSwirl ->', ->
- ChildSwirl = Burst.ChildSwirl
- MainSwirl = Burst.MainSwirl
- it 'should extend ChildSwirl', ->
- child = new MainSwirl
- expect(child instanceof ChildSwirl).toBe true
-
- it 'should override defaults', ->
- child = new MainSwirl
- expect(child._defaults.scale).toBe 1
- expect(child._defaults.width).toBe 0
- expect(child._defaults.height).toBe 0
- expect(child._defaults.isSwirl).toBe false
- expect(child._defaults.radius[25]).toBe 75
-
- it 'should be used as main swirl', ->
- burst = new Burst
- expect(burst.masterSwirl instanceof MainSwirl).toBe true
-
- describe '_hide method ->', ->
- it 'should not call super', ->
- burst = new Burst
- spyOn mojs.Module::, '_hide'
- burst._hide()
- expect(mojs.Module::_hide).not.toHaveBeenCalled()
-
- describe '_show method ->', ->
- it 'should not call super', ->
- burst = new Burst
- spyOn mojs.Module::, '_show'
- burst._show()
- expect(mojs.Module::_show).not.toHaveBeenCalled()
-
-
diff --git a/spec/burst.js b/spec/burst.js
deleted file mode 100644
index ae5a906b9..000000000
--- a/spec/burst.js
+++ /dev/null
@@ -1,1471 +0,0 @@
-(function() {
- var Burst, Shape, ShapeSwirl, Tunable, h, t;
-
- Shape = mojs.Shape;
-
- ShapeSwirl = mojs.ShapeSwirl;
-
- Burst = mojs.Burst;
-
- Tunable = mojs.Tunable;
-
- t = mojs.tweener;
-
- h = mojs.h;
-
- describe('Burst ->', function() {
- beforeEach(function() {
- return t.removeAll();
- });
- describe('extension ->', function() {
- return it('should extend Shape class', function() {
- var burst;
- burst = new Burst;
- return expect(burst instanceof Tunable).toBe(true);
- });
- });
- describe('_defaults ->', function() {
- return it('should have Burst\'s defaults', function() {
- var burst;
- burst = new Burst;
- expect(burst._defaults.count).toBe(5);
- expect(burst._defaults.degree).toBe(360);
- expect(burst._defaults.radius).toEqual({
- 0: 50
- });
- expect(burst._defaults.radiusX).toEqual(null);
- return expect(burst._defaults.radiusY).toEqual(null);
- });
- });
- describe('_extendDefaults method ->', function() {
- it('should call _removeTweenProperties method', function() {
- var b;
- b = new Burst;
- spyOn(b, '_removeTweenProperties');
- b._extendDefaults();
- return expect(b._removeTweenProperties).toHaveBeenCalledWith(b._o);
- });
- return it('should call super', function() {
- var burst;
- burst = new Burst;
- spyOn(mojs.Module.prototype, '_extendDefaults');
- burst._extendDefaults();
- return expect(mojs.Module.prototype._extendDefaults).toHaveBeenCalled();
- });
- });
- describe('_render method ->', function() {
- it('should create master swirl', function() {
- var burst;
- burst = new Burst;
- burst.masterSwirl = void 0;
- burst._render();
- return expect(burst.masterSwirl instanceof ShapeSwirl).toBe(true);
- });
- it('should set el of master swirl as el', function() {
- var burst;
- burst = new Burst;
- return expect(burst.el).toBe(burst.masterSwirl.el);
- });
- it('should pass options to master swirl', function() {
- var burst, opts;
- opts = {};
- burst = new Burst(opts);
- burst.masterSwirl = void 0;
- burst._render();
- return expect(burst.masterSwirl._o).toBe(opts);
- });
- it('should pass isWithShape option to master swirl', function() {
- var burst, opts;
- opts = {};
- burst = new Burst(opts);
- return expect(burst.masterSwirl._o.isWithShape).toBe(false);
- });
- it('should self as callbacksContext', function() {
- var burst, opts;
- opts = {};
- burst = new Burst(opts);
- return expect(burst.masterSwirl._o.callbacksContext).toBe(burst);
- });
- it('should call _saveTimelineOptions method', function() {
- var b, opts;
- opts = {};
- b = new Burst(opts);
- spyOn(b, '_saveTimelineOptions');
- b._render();
- return expect(b._saveTimelineOptions).toHaveBeenCalledWith(b._o);
- });
- it('should call _renderSwirls method', function() {
- var burst, opts;
- opts = {};
- burst = new Burst(opts);
- spyOn(burst, '_renderSwirls');
- burst._render();
- return expect(burst._renderSwirls).toHaveBeenCalled();
- });
- it('should create _masterSwirls object', function() {
- var burst;
- burst = new Burst;
- expect(burst._masterSwirls[0]).toBe(burst.masterSwirl);
- expect(typeof burst._masterSwirls).toBe('object');
- return expect(burst._masterSwirls).toBe(burst._masterSwirls);
- });
- it('should add optional properties to option', function() {
- var burst;
- burst = new Burst;
- spyOn(burst, '_addOptionalProps');
- burst._renderSwirls();
- return expect(burst._addOptionalProps.calls.count()).toBe(5);
- });
- it('should set time on tween of masterSwirl', function() {
- var burst;
- burst = new Burst({
- children: {
- duration: 'stagger(500, 1000)',
- repeat: 2
- }
- });
- burst.masterSwirl.tween._props.duration = null;
- burst._renderSwirls();
- return expect(burst.masterSwirl.tween._props.duration).toBe(burst._calcPackTime(burst._swirls[0]));
- });
- return it('should set isSwirl to false by default', function() {
- var burst;
- burst = new Burst({
- children: {
- duration: 'stagger(500, 1000)',
- repeat: 2
- }
- });
- return expect(burst.masterSwirl._props.isSwirl).toBe(false);
- });
- });
- describe('_renderSwirls method', function() {
- it('should create _swirls object', function() {
- var burst;
- burst = new Burst;
- expect(typeof burst._swirls).toBe('object');
- return expect(burst._swirls).toBe(burst._swirls);
- });
- it('should create _swirls pack', function() {
- var burst, count, pack;
- count = 5;
- burst = new Burst({
- count: count
- });
- pack = burst._swirls[0];
- expect(h.isArray(pack)).toBe(true);
- expect(pack.length).toBe(count);
- expect(pack[0] instanceof ShapeSwirl).toBe(true);
- expect(pack[1] instanceof ShapeSwirl).toBe(true);
- expect(pack[2] instanceof ShapeSwirl).toBe(true);
- expect(pack[3] instanceof ShapeSwirl).toBe(true);
- return expect(pack[4] instanceof ShapeSwirl).toBe(true);
- });
- it('should pass options to swirls', function() {
- var burst, count, fills, pack;
- count = 5;
- fills = ['cyan', 'yellow', 'blue'];
- burst = new Burst({
- count: count,
- children: {
- fill: fills
- }
- });
- pack = burst._swirls[0];
- expect(pack[0]._o.fill).toBe(fills[0]);
- expect(pack[1]._o.fill).toBe(fills[1]);
- expect(pack[2]._o.fill).toBe(fills[2]);
- expect(pack[3]._o.fill).toBe(fills[0]);
- return expect(pack[4]._o.fill).toBe(fills[1]);
- });
- return it('should parent to swirls', function() {
- var burst, count, pack;
- count = 5;
- burst = new Burst({
- count: count
- });
- pack = burst._swirls[0];
- expect(pack[0]._o.parent).toBe(burst.masterSwirl.el);
- expect(pack[1]._o.parent).toBe(burst.masterSwirl.el);
- expect(pack[2]._o.parent).toBe(burst.masterSwirl.el);
- expect(pack[3]._o.parent).toBe(burst.masterSwirl.el);
- return expect(pack[4]._o.parent).toBe(burst.masterSwirl.el);
- });
- });
- describe('_getChildOption method ->', function() {
- return it('should get options from swirls', function() {
- var b, o, result;
- b = new Burst({
- count: 2
- });
- o = {
- children: {
- fill: ['yellow', 'cyan', 'blue']
- }
- };
- result = b._getChildOption(o, 1);
- expect(result.fill).toBe('cyan');
- return it('should not throw if there is no swirls', function() {
- b = new Burst({
- count: 2
- });
- o = {};
- result = b._getChildOption(o, 1);
- return expect(result).toEqual({});
- });
- });
- });
- describe('_getPropByMod method ->', function() {
- it('should fallback to empty object', function() {
- var burst, opt0;
- burst = new Burst({
- children: {
- radius: [
- {
- 20: 50
- }, 20, '500'
- ]
- }
- });
- opt0 = burst._getPropByMod('radius', 0);
- return expect(opt0).toBe(void 0);
- });
- it('should return the prop from passed object based on index ->', function() {
- var burst, opt0, opt1, opt2, opt8;
- burst = new Burst({
- children: {
- radius: [
- {
- 20: 50
- }, 20, '500'
- ]
- }
- });
- opt0 = burst._getPropByMod('radius', 0, burst._o.children);
- opt1 = burst._getPropByMod('radius', 1, burst._o.children);
- opt2 = burst._getPropByMod('radius', 2, burst._o.children);
- opt8 = burst._getPropByMod('radius', 8, burst._o.children);
- expect(opt0[20]).toBe(50);
- expect(opt1).toBe(20);
- expect(opt2).toBe('500');
- return expect(opt8).toBe('500');
- });
- it('should the same prop if not an array ->', function() {
- var burst, opt0, opt1, opt8;
- burst = new Burst({
- children: {
- radius: 20
- }
- });
- opt0 = burst._getPropByMod('radius', 0, burst._o.children);
- opt1 = burst._getPropByMod('radius', 1, burst._o.children);
- opt8 = burst._getPropByMod('radius', 8, burst._o.children);
- expect(opt0).toBe(20);
- expect(opt1).toBe(20);
- return expect(opt8).toBe(20);
- });
- return it('should work with another options object ->', function() {
- var burst, from, opt0, opt1, opt8;
- burst = new Burst({
- fill: 'cyan',
- children: {
- radius: 20
- }
- });
- from = burst._o;
- opt0 = burst._getPropByMod('fill', 0, from);
- opt1 = burst._getPropByMod('fill', 1, from);
- opt8 = burst._getPropByMod('fill', 8, from);
- expect(opt0).toBe('cyan');
- expect(opt1).toBe('cyan');
- return expect(opt8).toBe('cyan');
- });
- });
- describe('_makeTween method ->', function() {
- return it('should override parent', function() {
- var bs;
- bs = new Burst;
- spyOn(mojs.Tweenable.prototype, '_makeTween');
- bs._makeTween();
- return expect(mojs.Tweenable.prototype._makeTween).not.toHaveBeenCalled();
- });
- });
- describe('_makeTimeline method ->', function() {
- it('should restore timeline options on _o', function() {
- var bs, timeline;
- timeline = {};
- bs = new Burst({
- timeline: timeline
- });
- bs._makeTimeline();
- return expect(bs._o.timeline).toBe(timeline);
- });
- it('should call super', function() {
- var bs;
- bs = new Burst;
- spyOn(mojs.Tweenable.prototype, '_makeTimeline');
- bs._makeTimeline();
- return expect(mojs.Tweenable.prototype._makeTimeline).toHaveBeenCalled();
- });
- it('should add masterSwirl to the timeline', function() {
- var bs;
- bs = new Burst;
- return expect(bs.timeline._timelines[0]).toBe(bs.masterSwirl.timeline);
- });
- return it('should add swirls to the timeline', function() {
- var bs;
- bs = new Burst({
- count: 5
- });
- expect(bs.timeline._timelines[1]).toBe(bs._swirls[0][0].timeline);
- expect(bs.timeline._timelines[2]).toBe(bs._swirls[0][1].timeline);
- expect(bs.timeline._timelines[3]).toBe(bs._swirls[0][2].timeline);
- expect(bs.timeline._timelines[4]).toBe(bs._swirls[0][3].timeline);
- return expect(bs.timeline._timelines[5]).toBe(bs._swirls[0][4].timeline);
- });
- });
- describe('_addOptionalProps method ->', function() {
- it('should return the passed object', function() {
- var burst, obj, result;
- burst = new Burst;
- obj = {};
- result = burst._addOptionalProps(obj, 0);
- return expect(result).toBe(obj);
- });
- it('should add parent, index', function() {
- var burst, obj, result;
- burst = new Burst;
- obj = {};
- result = burst._addOptionalProps(obj, 0);
- expect(result.index).toBe(0);
- return expect(result.parent).toBe(burst.masterSwirl.el);
- });
- it('should add x/y', function() {
- var burst, eps, isClose, isZero, obj0, obj1, result0, result1;
- burst = new Burst({
- radius: {
- 0: 100
- },
- count: 2,
- size: 0
- });
- obj0 = {};
- obj1 = {};
- result0 = burst._addOptionalProps(obj0, 0);
- result1 = burst._addOptionalProps(obj1, 1);
- eps = 0.00001;
- isClose = obj0.x[0] - 0 < eps;
- isZero = obj0.x === 0;
- expect(isClose || isZero).toBe(true);
- expect(obj0.y[0]).toBeCloseTo(-100, 5);
- eps = 0.00001;
- isClose = obj1.x[0] - 0 < eps;
- isZero = obj1.x === 0;
- expect(isClose || isZero).toBe(true);
- return expect(obj1.y[0]).toBeCloseTo(100, 5);
- });
- return it('should add angles ->', function() {
- var burst, obj0, obj1, result0, result1;
- burst = new Burst({
- radius: {
- 0: 100
- },
- count: 2
- });
- obj0 = {
- angle: 0
- };
- obj1 = {
- angle: 0
- };
- result0 = burst._addOptionalProps(obj0, 0);
- result1 = burst._addOptionalProps(obj1, 1);
- expect(obj0.angle).toBe(90);
- return expect(obj1.angle).toBe(270);
- });
- });
- describe('_getBitAngle method ->', function() {
- it('should get angle by i', function() {
- var burst;
- burst = new Burst({
- radius: {
- 'rand(10,20)': 100
- }
- });
- expect(burst._getBitAngle(0, 0, 0)).toBe(90);
- expect(burst._getBitAngle(0, 0, 1)).toBe(162);
- expect(burst._getBitAngle(0, 0, 2)).toBe(234);
- expect(burst._getBitAngle(90, 0, 2)).toBe(234 + 90);
- expect(burst._getBitAngle(0, 0, 3)).toBe(306);
- expect(burst._getBitAngle(90, 0, 3)).toBe(306 + 90);
- expect(burst._getBitAngle(0, 0, 4)).toBe(378);
- return expect(burst._getBitAngle(50, 0, 4)).toBe(378 + 50);
- });
- it('should add with angleShift', function() {
- var burst;
- burst = new Burst({
- radius: {
- 'rand(10,20)': 100
- }
- });
- expect(burst._getBitAngle(0, 0, 0)).toBe(90);
- expect(burst._getBitAngle(0, 10, 1)).toBe(162 + 10);
- expect(burst._getBitAngle(0, 30, 2)).toBe(234 + 30);
- expect(burst._getBitAngle(90, 40, 2)).toBe(234 + 90 + 40);
- expect(burst._getBitAngle(0, 20, 3)).toBe(306 + 20);
- expect(burst._getBitAngle(90, 25, 3)).toBe(306 + 90 + 25);
- expect(burst._getBitAngle(0, 10, 4)).toBe(378 + 10);
- return expect(burst._getBitAngle(50, 60, 4)).toBe(378 + 50 + 60);
- });
- it('should fallback to 0', function() {
- var burst;
- burst = new Burst({
- radius: {
- 'rand(10,20)': 100
- }
- });
- expect(burst._getBitAngle(void 0, 0, 0)).toBe(90);
- expect(burst._getBitAngle(void 0, 0, 1)).toBe(162);
- return expect(burst._getBitAngle(void 0, 0, 2)).toBe(234);
- });
- it('should get delta angle by i', function() {
- var burst;
- burst = new Burst({
- radius: {
- 'rand(10,20)': 100
- }
- });
- expect(burst._getBitAngle({
- 180: 0
- }, 0, 0)[270]).toBe(90);
- expect(burst._getBitAngle({
- 50: 20
- }, 0, 3)[356]).toBe(326);
- return expect(burst._getBitAngle({
- 50: 20
- }, 0, 4)[428]).toBe(398);
- });
- it('should add angleShift to deltas', function() {
- var burst;
- burst = new Burst({
- radius: {
- 'rand(10,20)': 100
- }
- });
- expect(burst._getBitAngle({
- 180: 0
- }, 20, 0)[270 + 20]).toBe(90 + 20);
- expect(burst._getBitAngle({
- 50: 20
- }, 30, 3)[356 + 30]).toBe(326 + 30);
- return expect(burst._getBitAngle({
- 50: 20
- }, 50, 4)[428 + 50]).toBe(398 + 50);
- });
- it('should work with `stagger` values', function() {
- var burst;
- burst = new Burst({
- count: 2
- });
- expect(burst._getBitAngle({
- 'stagger(20, 10)': 0
- }, 0, 0)[110]).toBe(90);
- expect(burst._getBitAngle({
- 'stagger(20, 10)': 0
- }, 0, 1)[300]).toBe(270);
- return expect(burst._getBitAngle({
- 0: 'stagger(20, 10)'
- }, 0, 1)[270]).toBe(300);
- });
- return it('should work with `random` values', function() {
- var angle, baseAngle, burst, key, value, _i, _j, _k, _len, _len1, _len2, _results;
- burst = new Burst({
- count: 2
- });
- angle = burst._getBitAngle({
- 'rand(10, 20)': 0
- }, 0, 0);
- for (value = _i = 0, _len = angle.length; _i < _len; value = ++_i) {
- key = angle[value];
- baseAngle = 90;
- expect(parseInt(key)).toBeGreaterThan(baseAngle + 10);
- expect(parseInt(key)).not.toBeGreaterThan(baseAngle + 20);
- expect(parseInt(value)).toBe(baseAngle);
- }
- angle = burst._getBitAngle({
- 'rand(10, 20)': 0
- }, 0, 1);
- for (value = _j = 0, _len1 = angle.length; _j < _len1; value = ++_j) {
- key = angle[value];
- baseAngle = 270;
- expect(parseInt(key)).toBeGreaterThan(baseAngle + 10);
- expect(parseInt(key)).not.toBeGreaterThan(baseAngle + 20);
- expect(parseInt(value)).toBe(baseAngle);
- }
- angle = burst._getBitAngle({
- 0: 'rand(10, 20)'
- }, 0, 1);
- _results = [];
- for (value = _k = 0, _len2 = angle.length; _k < _len2; value = ++_k) {
- key = angle[value];
- baseAngle = 270;
- expect(parseInt(key)).toBe(baseAngle);
- expect(parseInt(value)).toBeGreaterThan(baseAngle + 10);
- _results.push(expect(parseInt(value)).not.toBeGreaterThan(baseAngle + 20));
- }
- return _results;
- });
- });
- describe('_getSidePoint method ->', function() {
- it('should return the side\'s point', function() {
- var burst, point0;
- burst = new Burst({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 10
- }
- });
- point0 = burst._getSidePoint('start', 0);
- expect(point0.x).toBeDefined();
- return expect(point0.y).toBeDefined();
- });
- return it('should return the side\'s point by i', function() {
- var burst, point0, point1;
- burst = new Burst({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 10
- }
- }).then({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 10
- }
- });
- spyOn(burst, '_getSideRadius').and.callThrough();
- point0 = burst._getSidePoint('start', 0, 0);
- expect(burst._getSideRadius).toHaveBeenCalledWith('start', 0);
- expect(burst._getSideRadius.calls.count()).toBe(1);
- point1 = burst._getSidePoint('start', 0, 1);
- expect(burst._getSideRadius).toHaveBeenCalledWith('start', 1);
- return expect(burst._getSideRadius.calls.count()).toBe(2);
- });
- });
- describe('_getSideRadius method ->', function() {
- it('should return the side\'s radius, radiusX and radiusY', function() {
- var burst, sides;
- burst = new Burst({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 10
- }
- });
- sides = burst._getSideRadius('start');
- expect(sides.radius).toBe(5);
- expect(sides.radiusX).toBe(10);
- return expect(sides.radiusY).toBe(30);
- });
- return it('should return the side\'s radius, radiusX and radiusY by i', function() {
- var burst, sidesE, sidesS;
- burst = new Burst({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 10
- }
- }).then({
- radius: {
- 20: 40
- },
- radiusX: {
- 50: 10
- },
- radiusY: {
- 10: 20
- }
- });
- sidesS = burst._getSideRadius('start');
- sidesE = burst._getSideRadius('end');
- expect(sidesS.radius).toBe(5);
- expect(sidesS.radiusX).toBe(10);
- expect(sidesS.radiusY).toBe(30);
- expect(sidesE.radius).toBe(25);
- expect(sidesE.radiusX).toBe(20);
- expect(sidesE.radiusY).toBe(10);
- sidesS = burst._getSideRadius('start', 1);
- sidesE = burst._getSideRadius('end', 1);
- expect(sidesS.radius).toBe(20);
- expect(sidesS.radiusX).toBe(50);
- expect(sidesS.radiusY).toBe(10);
- expect(sidesE.radius).toBe(40);
- expect(sidesE.radiusX).toBe(10);
- return expect(sidesE.radiusY).toBe(20);
- });
- });
- describe('_getRadiusByKey method ->', function() {
- it('should return the key\'s radius', function() {
- var burst, radius, radiusX, radiusY;
- burst = new Burst({
- radius: {
- 5: 25
- },
- radiusX: {
- 10: 20
- },
- radiusY: {
- 30: 20
- }
- });
- radius = burst._getRadiusByKey('radius', 'start');
- radiusX = burst._getRadiusByKey('radiusX', 'start');
- radiusY = burst._getRadiusByKey('radiusX', 'end');
- expect(radius).toBe(5);
- expect(radiusX).toBe(10);
- return expect(radiusY).toBe(20);
- });
- it('should return the key\'s radius of the last master module // plain', function() {
- var burst, radiusE, radiusS, radiusXE, radiusXS, radiusYE, radiusYS;
- burst = new Burst({
- radius: 5,
- radiusX: 10,
- radiusY: 30
- }).then({
- radius: 25,
- radiusX: 20,
- radiusY: 40
- });
- radiusS = burst._getRadiusByKey('radius', 'start', 1);
- radiusXS = burst._getRadiusByKey('radiusX', 'start', 1);
- radiusYS = burst._getRadiusByKey('radiusY', 'start', 1);
- radiusE = burst._getRadiusByKey('radius', 'end', 1);
- radiusXE = burst._getRadiusByKey('radiusX', 'end', 1);
- radiusYE = burst._getRadiusByKey('radiusY', 'end', 1);
- expect(radiusS).toBe(5);
- expect(radiusXS).toBe(10);
- expect(radiusYS).toBe(30);
- expect(radiusE).toBe(25);
- expect(radiusXE).toBe(20);
- return expect(radiusYE).toBe(40);
- });
- return it('should return the key\'s radius of the last master module // deltas', function() {
- var burst, radiusE, radiusS, radiusXE, radiusXS, radiusYE, radiusYS;
- burst = new Burst({
- radius: 5,
- radiusX: 10,
- radiusY: 30
- }).then({
- radius: {
- 10: 25
- },
- radiusX: {
- 30: 20
- },
- radiusY: {
- 25: 30
- }
- });
- radiusS = burst._getRadiusByKey('radius', 'start', 1);
- radiusXS = burst._getRadiusByKey('radiusX', 'start', 1);
- radiusYS = burst._getRadiusByKey('radiusY', 'start', 1);
- radiusE = burst._getRadiusByKey('radius', 'end', 1);
- radiusXE = burst._getRadiusByKey('radiusX', 'end', 1);
- radiusYE = burst._getRadiusByKey('radiusY', 'end', 1);
- expect(radiusS).toBe(10);
- expect(radiusXS).toBe(30);
- expect(radiusYS).toBe(25);
- expect(radiusE).toBe(25);
- expect(radiusXE).toBe(20);
- return expect(radiusYE).toBe(30);
- });
- });
- describe('_getDeltaFromPoints method ->', function() {
- it('should return the delta', function() {
- var burst, delta;
- burst = new Burst;
- delta = burst._getDeltaFromPoints('x', {
- x: 10,
- y: 20
- }, {
- x: 20,
- y: 40
- });
- return expect(delta[10]).toBe(20);
- });
- return it('should return one value if start and end positions are equal', function() {
- var burst, delta;
- burst = new Burst;
- delta = burst._getDeltaFromPoints('x', {
- x: 10,
- y: 20
- }, {
- x: 10,
- y: 40
- });
- return expect(delta).toBe(10);
- });
- });
- describe('_vars method ->', function() {
- it('should call super', function() {
- var burst;
- burst = new Burst;
- spyOn(mojs.Thenable.prototype, '_vars');
- burst._vars();
- return expect(mojs.Thenable.prototype._vars).toHaveBeenCalled();
- });
- return it('should create _bufferTimeline', function() {
- var burst;
- burst = new Burst;
- burst._bufferTimeline = null;
- burst._vars();
- return expect(burst._bufferTimeline instanceof mojs.Timeline).toBe(true);
- });
- });
- describe('_recalcModulesTime method', function() {
- it('should set duration on every moddules tween', function() {
- var b, modules, shiftTime, time;
- b = new Burst({
- fill: 'cyan'
- }).then({
- 'fill': 'yellow'
- });
- shiftTime = 0;
- modules = b.masterSwirl._modules;
- spyOn(b, '_calcPackTime').and.callThrough();
- b._recalcModulesTime();
- expect(b._calcPackTime).toHaveBeenCalledWith(b._swirls[0]);
- time = b._calcPackTime(b._swirls[0]);
- expect(modules[0].tween._props.duration).toBe(time);
- expect(modules[0].tween._props.shiftTime).toBe(shiftTime);
- shiftTime += time;
- expect(b._calcPackTime).toHaveBeenCalledWith(b._swirls[1]);
- time = b._calcPackTime(b._swirls[1]);
- expect(modules[1].tween._props.duration).toBe(time);
- expect(modules[1].tween._props.shiftTime).toBe(shiftTime);
- return shiftTime += time;
- });
- return it('should call _recalcTotalDuration on main timeline', function() {
- var b;
- b = new Burst({
- fill: 'cyan'
- }).then({
- 'fill': 'yellow'
- });
- spyOn(b.timeline, '_recalcTotalDuration');
- b._recalcModulesTime();
- return expect(b.timeline._recalcTotalDuration).toHaveBeenCalled();
- });
- });
- describe('_masterThen method ->', function() {
- it('should pass options to masterSwirl', function() {
- var b, o;
- b = new Burst({
- count: 2
- });
- spyOn(b.masterSwirl, 'then');
- o = {
- opacity: .5
- };
- b._masterThen(o);
- return expect(b.masterSwirl.then).toHaveBeenCalledWith(o);
- });
- it('should save the new master swirl', function() {
- var b;
- b = new Burst({
- count: 2
- });
- b._masterThen({
- opacity: .5
- });
- return expect(b._masterSwirls.length).toBe(2);
- });
- return it('should return the new swirl', function() {
- var b, result;
- b = new Burst({
- count: 2
- });
- result = b._masterThen({
- opacity: .5
- });
- return expect(result).toBe(b._masterSwirls[b._masterSwirls.length - 1]);
- });
- });
- describe('_childThen method ->', function() {
- it('should pass options to swirls', function() {
- var b, o, option0, option1, pack;
- b = new Burst({
- count: 2
- });
- pack = b._swirls[0];
- spyOn(pack[0], 'then');
- spyOn(pack[1], 'then');
- o = {
- children: {
- radius: [10, 20]
- }
- };
- b._childThen(o, b._masterThen(o));
- option0 = b._getChildOption(o, 0);
- option0.parent = b._masterSwirls[1].el;
- b._addBurstProperties(option0, 0, 1);
- expect(pack[0].then).toHaveBeenCalledWith(option0);
- option1 = b._getChildOption(o, 1);
- option1.parent = b._masterSwirls[1].el;
- b._addBurstProperties(option1, 1, 1);
- return expect(pack[1].then).toHaveBeenCalledWith(option1);
- });
- it('should call _addBurstProperties with the latest main swirl', function() {
- var b, o, option0, option1, pack;
- b = new Burst({
- count: 2
- });
- spyOn(b, '_addBurstProperties');
- pack = b._swirls[0];
- o = {
- children: {
- radius: [10, 20]
- }
- };
- b._childThen(o, b._masterThen(o));
- option0 = b._getChildOption(o, 0);
- option0.parent = b._masterSwirls[1].el;
- expect(b._addBurstProperties).toHaveBeenCalledWith(option0, 0, 1);
- option1 = b._getChildOption(o, 1);
- option1.parent = b._masterSwirls[1].el;
- return expect(b._addBurstProperties).toHaveBeenCalledWith(option1, 1, 1);
- });
- it('should save new swirls to _swirls', function() {
- var b, o;
- b = new Burst({
- count: 2
- });
- o = {
- children: {
- radius: [10, 20]
- }
- };
- b._masterThen(o);
- b._childThen(o);
- expect(b._swirls[1].length).toBe(2);
- expect(b._swirls[1][0] instanceof ShapeSwirl).toBe(true);
- return expect(b._swirls[1][1] instanceof ShapeSwirl).toBe(true);
- });
- return it('should return the new pack', function() {
- var b, o, result;
- b = new Burst({
- count: 2
- });
- o = {
- children: {
- radius: [10, 20]
- }
- };
- b._masterThen(o);
- result = b._childThen(o);
- return expect(result).toBe(b._swirls[1]);
- });
- });
- describe('then method ->', function() {
- it('should return this', function() {
- var b;
- b = new Burst({
- count: 2
- });
- return expect(b.then({})).toBe(b);
- });
- it('should call _removeTweenProperties method', function() {
- var b, options;
- b = new Burst;
- spyOn(b, '_removeTweenProperties');
- options = {
- x: 200
- };
- b.then(options);
- return expect(b._removeTweenProperties).toHaveBeenCalledWith(options);
- });
- it('should call _masterThen method', function() {
- var b, options;
- b = new Burst({
- count: 2
- });
- spyOn(b, '_masterThen').and.callThrough();
- options = {};
- b.then(options);
- return expect(b._masterThen).toHaveBeenCalledWith(options);
- });
- it('should call _childThen method', function() {
- var b, options;
- b = new Burst({
- count: 2
- });
- spyOn(b, '_childThen').and.callThrough();
- options = {};
- b.then(options);
- expect(b._childThen.calls.count()).toBe(1);
- return expect(b._childThen.calls.first().args[0]).toBe(options);
- });
- it('should set duration on new master swirl', function() {
- var b, time;
- b = new Burst({
- count: 2
- });
- spyOn(b, '_setSwirlDuration').and.callThrough();
- b.then({
- children: {
- duration: 50
- }
- });
- time = b._calcPackTime(b._swirls[1]);
- expect(b._setSwirlDuration.calls.count()).toBe(1);
- expect(b._setSwirlDuration.calls.first().args[0]).toBe(b._masterSwirls[1]);
- return expect(b._setSwirlDuration.calls.first().args[1]).toBe(time);
- });
- return it('should call _recalcTotalDuration method', function() {
- var b;
- b = new Burst({
- count: 2
- });
- spyOn(b.timeline, '_recalcTotalDuration');
- b.then({
- children: {
- radius: [10, 20]
- }
- });
- return expect(b.timeline._recalcTotalDuration).toHaveBeenCalled();
- });
- });
- describe('_calcPackTime method ->', function() {
- return it('should calculate time of swirls array', function() {
- var b, i, maxTime, p, pack, sw, swirl, tm, tween, _i, _len;
- sw = new ShapeSwirl;
- sw.timeline._props.shiftTime = 200000;
- pack = [
- sw, new ShapeSwirl({
- duration: 2000
- }), new ShapeSwirl({
- duration: 1800,
- delay: 400
- }), new ShapeSwirl({
- duration: 4000,
- speed: 3
- })
- ];
- b = new Burst;
- tm = new mojs.Timeline;
- maxTime = 0;
- for (i = _i = 0, _len = pack.length; _i < _len; i = ++_i) {
- swirl = pack[i];
- tween = swirl.tween;
- p = tween._props;
- maxTime = Math.max(p.repeatTime / p.speed, maxTime);
- }
- return expect(b._calcPackTime(pack)).toBe(maxTime);
- });
- });
- describe('_setSwirlDuration method ->', function() {
- it('should set tweens time', function() {
- var b, duration, sw;
- b = new Burst;
- sw = new ShapeSwirl;
- spyOn(sw.tween, '_setProp');
- spyOn(sw.timeline, '_recalcTotalDuration');
- duration = 10;
- b._setSwirlDuration(sw, duration);
- expect(sw.tween._setProp).toHaveBeenCalledWith('duration', duration);
- return expect(sw.timeline._recalcTotalDuration).toHaveBeenCalled();
- });
- return it('should not throw if Swirl has no timeline', function() {
- var b, set, sw;
- b = new Burst;
- sw = new ShapeSwirl;
- sw.timeline = sw.tween;
- set = function() {
- return b._setSwirlDuration(sw, 10);
- };
- return expect(set).not.toThrow();
- });
- });
- describe('tune method ->', function() {
- it('should return `this`', function() {
- var b;
- b = new Burst;
- return expect(b.tune({
- x: 200
- })).toBe(b);
- });
- it('should call _tuneNewOptions method', function() {
- var b, options;
- b = new Burst;
- spyOn(b, '_tuneNewOptions');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b._tuneNewOptions).toHaveBeenCalledWith(options);
- });
- it('should not call _tuneNewOptions method if no options', function() {
- var b, options, result;
- b = new Burst;
- spyOn(b, '_tuneNewOptions');
- options = null;
- result = b.tune(options);
- expect(b._tuneNewOptions).not.toHaveBeenCalledWith(options);
- return expect(result).toBe(b);
- });
- it('should call tune on masterSwirl', function() {
- var b, options;
- b = new Burst;
- spyOn(b.masterSwirl, 'tune');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b.masterSwirl.tune).toHaveBeenCalledWith(options);
- });
- it('should call _tuneSwirls method', function() {
- var b, options;
- b = new Burst;
- spyOn(b, '_tuneSwirls');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b._tuneSwirls).toHaveBeenCalledWith(options);
- });
- it('should call tune 0 pack swirls', function() {
- var args, b, option0, option1, option2, option3, option4, options, pack0, swirls;
- b = new Burst;
- pack0 = b._swirls[0];
- spyOn(pack0[0], 'tune');
- spyOn(pack0[1], 'tune');
- spyOn(pack0[2], 'tune');
- spyOn(pack0[3], 'tune');
- spyOn(pack0[4], 'tune');
- swirls = {
- x: 200,
- fill: ['cyan', 'yellow']
- };
- options = {
- children: swirls
- };
- b.tune(options);
- option0 = b._getChildOption(options, 0);
- b._addBurstProperties(option0, 0);
- args = pack0[0].tune.calls.first().args;
- expect(args[0]).toEqual(option0);
- option1 = b._getChildOption(options, 1);
- b._addBurstProperties(option1, 1);
- args = pack0[1].tune.calls.first().args;
- expect(args[0]).toEqual(option1);
- option2 = b._getChildOption(options, 2);
- b._addBurstProperties(option2, 2);
- args = pack0[2].tune.calls.first().args;
- expect(args[0]).toEqual(option2);
- option3 = b._getChildOption(options, 3);
- b._addBurstProperties(option3, 3);
- args = pack0[3].tune.calls.first().args;
- expect(args[0]).toEqual(option3);
- option4 = b._getChildOption(options, 4);
- b._addBurstProperties(option4, 4);
- args = pack0[4].tune.calls.first().args;
- return expect(args[0]).toEqual(option4);
- });
- it('should add Burst properties to options', function() {
- var b, options;
- b = new Burst;
- spyOn(b.masterSwirl, 'tune');
- options = {
- x: 200
- };
- spyOn(b, '_addBurstProperties');
- b.tune(options);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 0);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 1);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 2);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 3);
- return expect(b._addBurstProperties).toHaveBeenCalledWith({}, 4);
- });
- it('should call _recalcModulesTime method', function() {
- var b, options;
- b = new Burst;
- spyOn(b, '_recalcModulesTime');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b._recalcModulesTime).toHaveBeenCalled();
- });
- it('should call _saveTimelineOptions method', function() {
- var b, options;
- b = new Burst;
- spyOn(b, '_saveTimelineOptions');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b._saveTimelineOptions).toHaveBeenCalledWith(options);
- });
- return it('should set new options on timeline', function() {
- var b, options;
- b = new Burst;
- spyOn(b.timeline, '_setProp');
- options = {
- x: 200
- };
- b.tune(options);
- return expect(b.timeline._setProp).toHaveBeenCalledWith(b._timelineOptions);
- });
- });
- describe('_removeTweenProperties method ->', function() {
- return it('should remove all tween props from passed object', function() {
- var b, key, o, _results;
- b = new Burst;
- o = {};
- for (key in h.tweenOptionMap) {
- o[key] = 1;
- }
- for (key in b._defaults) {
- o[key] = 1;
- }
- b._removeTweenProperties(o);
- _results = [];
- for (key in h.tweenOptionMap) {
- _results.push(expect(o[key]).not.toBeDefined());
- }
- return _results;
- });
- });
- describe('_saveTimelineOptions method ->', function() {
- return it('should save timeline options to _timelineOptions', function() {
- var b, opts, timeline;
- b = new Burst;
- timeline = {};
- opts = {
- timeline: timeline
- };
- b._saveTimelineOptions(opts);
- expect(b._timelineOptions).toBe(timeline);
- return expect(opts.timeline).not.toBeDefined();
- });
- });
- describe('_addBurstProperties method ->', function() {
- it('should calculate bit angle', function() {
- var angle, b, obj;
- b = new Burst;
- angle = 20;
- obj = {
- angle: angle
- };
- b._addBurstProperties(obj, 1);
- return expect(obj.angle).toBe(b._getBitAngle(angle, 0, 1));
- });
- it('should calculate bit x and y', function() {
- var b, degreeCnt, index, obj, p, pointEnd, pointStart, step;
- index = 1;
- b = new Burst;
- obj = {};
- b._addBurstProperties(obj, index);
- p = b._props;
- degreeCnt = p.degree % 360 === 0 ? p.count : p.count - 1 || 1;
- step = p.degree / degreeCnt;
- pointStart = b._getSidePoint('start', index * step);
- pointEnd = b._getSidePoint('end', index * step);
- expect(obj.x).toEqual(b._getDeltaFromPoints('x', pointStart, pointEnd));
- return expect(obj.y).toEqual(b._getDeltaFromPoints('y', pointStart, pointEnd));
- });
- it('should calculate bit x/y and angle regarding degreeShift', function() {
- var angle, b, degreeCnt, degreeShifts, index, obj, p, pointEnd, pointStart, step;
- index = 1;
- angle = 20;
- degreeShifts = [0, 10, 20];
- b = new Burst({
- children: {
- degreeShift: degreeShifts
- }
- });
- obj = {
- angle: angle,
- degreeShift: degreeShifts[index]
- };
- b._addBurstProperties(obj, index);
- p = b._props;
- degreeCnt = p.degree % 360 === 0 ? p.count : p.count - 1 || 1;
- step = p.degree / degreeCnt;
- pointStart = b._getSidePoint('start', index * step + degreeShifts[index]);
- pointEnd = b._getSidePoint('end', index * step + degreeShifts[index]);
- expect(obj.x).toEqual(b._getDeltaFromPoints('x', pointStart, pointEnd));
- expect(obj.y).toEqual(b._getDeltaFromPoints('y', pointStart, pointEnd));
- return expect(obj.angle).toEqual(b._getBitAngle(angle + degreeShifts[index], 0, index));
- });
- it('should calculate bit x/y and angle regarding stagger', function() {
- var angle, b, degreeCnt, index, obj, p, pointEnd, pointStart, step;
- index = 2;
- angle = 20;
- b = new Burst({
- children: {
- degreeShift: 'stagger(200)'
- }
- });
- obj = {
- angle: angle,
- degreeShift: 'stagger(200)'
- };
- b._addBurstProperties(obj, index);
- p = b._props;
- degreeCnt = p.degree % 360 === 0 ? p.count : p.count - 1 || 1;
- step = p.degree / degreeCnt;
- pointStart = b._getSidePoint('start', index * step + 400);
- pointEnd = b._getSidePoint('end', index * step + 400);
- expect(obj.x).toEqual(b._getDeltaFromPoints('x', pointStart, pointEnd));
- expect(obj.y).toEqual(b._getDeltaFromPoints('y', pointStart, pointEnd));
- return expect(obj.angle).toEqual(b._getBitAngle(angle + 400, 0, index));
- });
- it('should fallback to 0 for angle', function() {
- var b, degreeCnt, index, obj, p, pointEnd, pointStart, step;
- index = 2;
- b = new Burst({
- children: {
- degreeShift: 'stagger(200)'
- }
- });
- obj = {
- degreeShift: 'stagger(200)'
- };
- b._addBurstProperties(obj, index);
- p = b._props;
- degreeCnt = p.degree % 360 === 0 ? p.count : p.count - 1 || 1;
- step = p.degree / degreeCnt;
- pointStart = b._getSidePoint('start', index * step + 400);
- pointEnd = b._getSidePoint('end', index * step + 400);
- return expect(obj.angle).toEqual(b._getBitAngle(0, 400, index));
- });
- return it('should call _getSidePoint with passed index', function() {
- var b, obj;
- b = new Burst({
- count: 2
- }).then({
- radius: 20
- });
- spyOn(b, '_getSidePoint').and.callThrough();
- obj = {};
- b._addBurstProperties(obj, 2, 1);
- expect(b._getSidePoint).toHaveBeenCalledWith('start', 360, 1);
- return expect(b._getSidePoint).toHaveBeenCalledWith('end', 360, 1);
- });
- });
- describe('_refreshBurstOptions method ->', function() {
- return it('should call _tuneNewOptions with results of _addBurstProperties', function() {
- var b, j, module, modules, options, _i, _j, _ref, _ref1, _results;
- b = new Burst({
- count: 4
- }).then({
- radius: 20
- }).then({
- radius: 30
- });
- modules = b._swirls[0][0]._modules;
- for (j = _i = 1, _ref = modules.length; 1 <= _ref ? _i < _ref : _i > _ref; j = 1 <= _ref ? ++_i : --_i) {
- module = modules[j];
- spyOn(module, '_tuneNewOptions').and.callThrough();
- }
- b._refreshBurstOptions(modules, 1);
- _results = [];
- for (j = _j = 1, _ref1 = modules.length; 1 <= _ref1 ? _j < _ref1 : _j > _ref1; j = 1 <= _ref1 ? ++_j : --_j) {
- module = modules[j];
- options = {};
- b._addBurstProperties(options, 1, j);
- _results.push(expect(module._tuneNewOptions).toHaveBeenCalledWith(options));
- }
- return _results;
- });
- });
- describe('_tuneSwirls method', function() {
- it('should call _refreshBurstOptions with modules and i', function() {
- var b, i, pack0, swirl, _i, _ref, _results;
- b = new Burst({
- count: 4
- }).then({
- radius: 20
- }).then({
- radius: 30
- });
- spyOn(b, '_refreshBurstOptions');
- b._tuneSwirls({});
- pack0 = b._swirls[0];
- _results = [];
- for (i = _i = 0, _ref = pack0.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
- swirl = pack0[i];
- _results.push(expect(b._refreshBurstOptions).toHaveBeenCalledWith(swirl._modules, i));
- }
- return _results;
- });
- it('should add Burst properties to options', function() {
- var b, options;
- b = new Burst({
- children: {
- degreeShift: 10
- }
- });
- options = {
- x: 200
- };
- spyOn(b, '_addBurstProperties');
- b._tuneSwirls(options);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 0);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 1);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 2);
- expect(b._addBurstProperties).toHaveBeenCalledWith({}, 3);
- return expect(b._addBurstProperties).toHaveBeenCalledWith({}, 4);
- });
- return it('should not override the new degreeShift', function() {
- var b, options;
- b = new Burst({
- children: {
- degreeShift: 10
- }
- });
- options = {
- x: 200,
- children: {
- degreeShift: 20
- }
- };
- spyOn(b, '_addBurstProperties');
- b._tuneSwirls(options);
- expect(b._addBurstProperties).toHaveBeenCalledWith({
- degreeShift: 20
- }, 0);
- expect(b._addBurstProperties).toHaveBeenCalledWith({
- degreeShift: 20
- }, 1);
- expect(b._addBurstProperties).toHaveBeenCalledWith({
- degreeShift: 20
- }, 2);
- expect(b._addBurstProperties).toHaveBeenCalledWith({
- degreeShift: 20
- }, 3);
- return expect(b._addBurstProperties).toHaveBeenCalledWith({
- degreeShift: 20
- }, 4);
- });
- });
- describe('ChildSwirl ->', function() {
- var ChildSwirl;
- ChildSwirl = Burst.ChildSwirl;
- it('should extend ShapeSwirl', function() {
- var child;
- child = new ChildSwirl;
- return expect(child instanceof ShapeSwirl).toBe(true);
- });
- it('should override defaults', function() {
- var child;
- child = new ChildSwirl;
- return expect(child._defaults.isSwirl).toBe(false);
- });
- it('should override duration to 700', function() {
- var child;
- child = new ChildSwirl;
- return expect(child._o.duration).toBe(700);
- });
- it('should not override duration to 700 if defined', function() {
- var child;
- child = new ChildSwirl({
- duration: 0
- });
- return expect(child._o.duration).toBe(0);
- });
- it('should be used as children swirl', function() {
- var burst;
- burst = new Burst;
- return expect(burst._swirls[0][0] instanceof ChildSwirl).toBe(true);
- });
- return it('should not regard degreeShift in xy calculations', function() {
- var child1, child2;
- child1 = new ChildSwirl({
- degreeShift: 0,
- x: {
- 0: 200
- }
- });
- child2 = new ChildSwirl({
- degreeShift: 20,
- x: {
- 0: 200
- }
- });
- child1.setProgress(.45);
- child1.setProgress(.5);
- child2.setProgress(.45);
- child2.setProgress(.5);
- expect(child1._props.x).toBe(child2._props.x);
- return expect(child1._props.y).toBe(child2._props.y);
- });
- });
- describe('MainSwirl ->', function() {
- var ChildSwirl, MainSwirl;
- ChildSwirl = Burst.ChildSwirl;
- MainSwirl = Burst.MainSwirl;
- it('should extend ChildSwirl', function() {
- var child;
- child = new MainSwirl;
- return expect(child instanceof ChildSwirl).toBe(true);
- });
- it('should override defaults', function() {
- var child;
- child = new MainSwirl;
- expect(child._defaults.scale).toBe(1);
- expect(child._defaults.width).toBe(0);
- expect(child._defaults.height).toBe(0);
- expect(child._defaults.isSwirl).toBe(false);
- return expect(child._defaults.radius[25]).toBe(75);
- });
- return it('should be used as main swirl', function() {
- var burst;
- burst = new Burst;
- return expect(burst.masterSwirl instanceof MainSwirl).toBe(true);
- });
- });
- describe('_hide method ->', function() {
- return it('should not call super', function() {
- var burst;
- burst = new Burst;
- spyOn(mojs.Module.prototype, '_hide');
- burst._hide();
- return expect(mojs.Module.prototype._hide).not.toHaveBeenCalled();
- });
- });
- return describe('_show method ->', function() {
- return it('should not call super', function() {
- var burst;
- burst = new Burst;
- spyOn(mojs.Module.prototype, '_show');
- burst._show();
- return expect(mojs.Module.prototype._show).not.toHaveBeenCalled();
- });
- });
- });
-
-}).call(this);
diff --git a/spec/delta/delta.coffee b/spec/delta/delta.coffee
deleted file mode 100644
index fcd4a5e18..000000000
--- a/spec/delta/delta.coffee
+++ /dev/null
@@ -1,385 +0,0 @@
-# import Delta from '../../js/delta/delta.babel.js'
-
-# Module = mojs.Module
-Tween = mojs.Tween
-h = mojs.h
-Delta = mojs._pool.Delta
-
-deltas = [ h.parseDelta('x', { 0: 20 }, 0), h.parseDelta('y', { 20: 10 }, 0) ]
-tweenOptions = {}
-props = {}
-
-describe 'Delta ->', ->
- it 'should have _o', ->
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- expect( delta._o.deltas ).toBe deltas
- expect( delta._o.tweenOptions ).toBe tweenOptions
- expect( delta._o.props ).toBe props
-
- it 'should call refresh on tween when constructing', ->
- spyOn mojs.Tween.prototype, '_refresh'
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- expect( mojs.Tween.prototype._refresh ).toHaveBeenCalledWith true
-
- it 'should not call `refresh` on tween when constructing is `isChained`', ->
- spyOn mojs.Tween.prototype, '_refresh'
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props,
- isChained: true
-
- expect( mojs.Tween.prototype._refresh )
- .not.toHaveBeenCalled()
-
- describe '_calcCurrentProps method ->', ->
- it 'should call sub functions based on each delta type', ->
- fillDelta = h.parseDelta( 'fill', { 'rgba(0,0,0,0)' : 'rgba(200,100,20,1)' }, 0 )
- xDelta = h.parseDelta( 'x', { '0px' : '100px' }, 0 )
- arrDelta = h.parseDelta( 'strokeDasharray', { '0 100' : '200 0' }, 0 )
- radiusDelta = h.parseDelta( 'radius', { 0 : 100 }, 0 )
- props = {}
-
- delta = new Delta
- deltas: [ fillDelta, xDelta, arrDelta, radiusDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- spyOn delta, '_calcCurrent_color'
- spyOn delta, '_calcCurrent_number'
- spyOn delta, '_calcCurrent_unit'
- spyOn delta, '_calcCurrent_array'
-
- delta._calcCurrentProps .5, .5
-
- expect( delta._calcCurrent_color ).toHaveBeenCalledWith fillDelta, .5, .5
- expect( delta._calcCurrent_number ).toHaveBeenCalledWith radiusDelta, .5, .5
- expect( delta._calcCurrent_unit ).toHaveBeenCalledWith xDelta, .5, .5
- expect( delta._calcCurrent_array ).toHaveBeenCalledWith arrDelta, .5, .5
-
- describe '_calcCurrent_color method', ->
- it 'should calc color with alpha', ->
- fillDelta = h.parseDelta( 'fill', { 'rgba(0,0,0,0)' : 'rgba(200,100,20,1)' }, 0 )
- props = {}
-
- delta = new Delta
- deltas: [ fillDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_color fillDelta, .5, .5
-
- expect( delta._o.props['fill'] ).toBe 'rgba(100,50,10,0.5)'
-
- it 'should calc color with curve', ->
- fillDelta = h.parseDelta( 'fill', {
- 'rgba(200,100,20,1)' : 'rgba(200,100,20,1)', curve: 'M0,0 L100,50'
- }, 0 );
-
- props = {}
-
- delta = new Delta
- deltas: [ fillDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_color fillDelta, .5, .5
-
- fill = delta._o.props['fill']
-
- fillArr = fill.split /rgba\(|\)|,/
-
- expect( parseInt(fillArr[1]) ).toBe 150
- expect( parseInt(fillArr[2]) ).toBe 75
- expect( parseInt(fillArr[3]) ).toBe 15
- expect( parseFloat(fillArr[4]) ).toBeCloseTo .75, 2
-
- describe '_calcCurrent_number method', ->
- it 'should calc number', ->
- radiusDelta = h.parseDelta( 'radius', { 0 : 100 }, 0 )
- props = {}
-
- delta = new Delta
- deltas: [ radiusDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_number radiusDelta, .5, .5
-
- expect( delta._o.props['radius'] ).toBe 50
-
- it 'should calc number # curve', ->
- radiusDelta = h.parseDelta( 'radius', {
- 100 : 100, curve: 'M0,0 L100,50'
- }, 0 )
- props = {}
-
- delta = new Delta
- deltas: [ radiusDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_number radiusDelta, .5, .5
-
- expect( delta._o.props['radius'] ).toBeCloseTo 75, 1
-
- describe '_calcCurrent_unit method', ->
- it 'should calc unit based number', ->
- xDelta = h.parseDelta( 'x', { '0px' : '100px' }, 0 )
- props = {}
-
- delta = new Delta
- deltas: [ xDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_unit xDelta, .5, .5
-
- expect( delta._o.props['x'] ).toBe '50px'
-
- it 'should calc unit based number # curve', ->
- xDelta = h.parseDelta( 'x', {
- 100 : 100, curve: 'M0,0 L100,50'
- }, 0 )
-
- props = {}
-
- delta = new Delta
- deltas: [ xDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_unit xDelta, .5, .5
-
- expect( parseFloat(delta._o.props['x']) ).toBeCloseTo 75, 1
-
- describe '_calcCurrent_array method', ->
- it 'should calc array', ->
- arrDelta = h.parseDelta( 'strokeDasharray', { '0 100' : '200 0' }, 0 )
- props = {}
- delta = new Delta
- deltas: [ arrDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_array arrDelta, .5, .5
- expect( delta._o.props['strokeDasharray'] )
- # .toEqual [ { string : '100px', value : 100, unit : 'px' }, { string : '50px', value : 50, unit : 'px' } ]
- .toEqual '100px 50px '
-
- it 'should calc array # curve', ->
- arrDelta = h.parseDelta( 'strokeDasharray', {
- '0 100' : '200 0', curve: 'M0,0 L100,50'
- }, 0 )
- props = {}
- delta = new Delta
- deltas: [ arrDelta ],
- tweenOptions: tweenOptions,
- props: props
-
- delta._calcCurrent_array arrDelta, .5, .5
-
- strokeDasharray = delta._o.props['strokeDasharray'].split /\s/
-
- expect( parseFloat(strokeDasharray[0]) ).toBeCloseTo 75, 1
- expect( parseFloat(strokeDasharray[1]) ).toBeCloseTo 37.5, 1
- # expect( strokeDasharray.length ).toBeCloseTo 2
-
- # not now
- # it 'should reuse the props array', ->
- # arrDelta = h.parseDelta( 'strokeDasharray', { '0 100' : '200 0' }, 0 )
- # arr = []
- # props = { strokeDasharray: arr }
- # delta = new Delta
- # deltas: [ arrDelta ],
- # tweenOptions: tweenOptions,
- # props: props
-
- # delta._calcCurrent_array arrDelta, .5, .5
- # expect( delta._o.props['strokeDasharray'] ).toBe arr
-
- describe '_createTween method ->', ->
- it 'should create a tween', ->
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta.tween = null
- delta._createTween tweenOptions
-
- expect( delta.tween instanceof mojs.Tween ).toBe true
-
- it 'should pass options to the tween', ->
- tweenOptions = { duration: 200 }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta.tween = null
- delta._createTween tweenOptions
-
- expect( delta.tween._o ).toBe tweenOptions
-
- it 'should add onUpdate callback override', ->
- tweenOptions = { duration: 200 }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta.tween = null
- delta._createTween tweenOptions
-
- expect( typeof delta.tween._callbackOverrides.onUpdate )
- .toBe 'function'
-
- spyOn delta, '_calcCurrentProps'
-
- delta.tween._callbackOverrides.onUpdate( .2, .1 )
-
- expect( delta._calcCurrentProps ).toHaveBeenCalledWith .2, .1
-
- it 'should add onRefresh callback override', ->
- tweenOptions = { duration: 200 }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta.tween = null
- delta._createTween tweenOptions
-
- expect( typeof delta.tween._callbackOverrides.onRefresh )
- .toBe 'function'
-
- spyOn delta, '_calcCurrentProps'
-
- delta.tween._callbackOverrides.onRefresh( true, .2, .1 )
-
- expect( delta._calcCurrentProps ).toHaveBeenCalledWith .2, .1
-
- it 'should add not onRefresh callback override is isChained', ->
- tweenOptions = { duration: 200 }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- isChained: true
-
- delta.tween = null
- delta._createTween tweenOptions
-
- expect( typeof delta.tween._callbackOverrides.onRefresh )
- .toBe 'undefined'
-
- it 'should be called on initialization', ->
- spyOn(Delta.prototype, '_createTween').and.callThrough()
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- expect( Delta.prototype._createTween ).toHaveBeenCalledWith tweenOptions
-
- it 'should pass callbacksContext to tween', ->
- callbacksContext = {}
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props,
- callbacksContext: callbacksContext
-
- expect( delta.tween._o.callbacksContext ).toBe callbacksContext
-
- describe 'refresh method ->', ->
- it 'should call `_refresh` on `tween` // before', ->
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- spyOn(delta.tween, '_refresh').and.callThrough()
-
- delta.refresh( true )
- expect( delta.tween._refresh ).toHaveBeenCalledWith true
-
- it 'should call `_refresh` on `tween` // after', ->
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- spyOn(delta.tween, '_refresh').and.callThrough()
-
- delta.refresh( false )
- expect( delta.tween._refresh ).toHaveBeenCalledWith false
-
- it 'should save `_previousValues`', ->
- deltas = [ h.parseDelta('x', { 0: 20 }, 0), h.parseDelta('y', { 20: 10 }, 0) ]
- props = { }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta._previousValues = null
-
- delta.refresh( false )
-
- p = delta._previousValues
- expect( p[0].name ).toBe 'x'
- expect( p[0].value ).toBe '0px'
-
- expect( p[1].name ).toBe 'y'
- expect( p[1].value ).toBe '20px'
-
- it 'should return this', ->
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- result = delta.refresh( false )
- expect( result ).toBe delta
-
-
- describe 'restore method ->', ->
- it 'should call restore values from `_previousValues`', ->
- props = { }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- props.z = null
- props.f = null
- delta._previousValues = [ { name: 'z', value: 20 }, { name: 'f', value: 40 } ]
-
- delta.restore()
- expect( props.z ).toBe 20
- expect( props.f ).toBe 40
-
- it 'should return `this`', ->
- props = { }
- delta = new Delta
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
-
- delta._previousValues = [ { name: 'z', value: 20 }, { name: 'f', value: 40 } ]
-
- result = delta.restore()
- expect( result ).toBe delta
-
-
-
diff --git a/spec/delta/delta.js b/spec/delta/delta.js
deleted file mode 100644
index b4179278c..000000000
--- a/spec/delta/delta.js
+++ /dev/null
@@ -1,419 +0,0 @@
-(function() {
- var Delta, Tween, deltas, h, props, tweenOptions;
-
- Tween = mojs.Tween;
-
- h = mojs.h;
-
- Delta = mojs._pool.Delta;
-
- deltas = [
- h.parseDelta('x', {
- 0: 20
- }, 0), h.parseDelta('y', {
- 20: 10
- }, 0)
- ];
-
- tweenOptions = {};
-
- props = {};
-
- describe('Delta ->', function() {
- it('should have _o', function() {
- var delta;
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- expect(delta._o.deltas).toBe(deltas);
- expect(delta._o.tweenOptions).toBe(tweenOptions);
- return expect(delta._o.props).toBe(props);
- });
- it('should call refresh on tween when constructing', function() {
- var delta;
- spyOn(mojs.Tween.prototype, '_refresh');
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- return expect(mojs.Tween.prototype._refresh).toHaveBeenCalledWith(true);
- });
- it('should not call `refresh` on tween when constructing is `isChained`', function() {
- var delta;
- spyOn(mojs.Tween.prototype, '_refresh');
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props,
- isChained: true
- });
- return expect(mojs.Tween.prototype._refresh).not.toHaveBeenCalled();
- });
- describe('_calcCurrentProps method ->', function() {
- return it('should call sub functions based on each delta type', function() {
- var arrDelta, delta, fillDelta, radiusDelta, xDelta;
- fillDelta = h.parseDelta('fill', {
- 'rgba(0,0,0,0)': 'rgba(200,100,20,1)'
- }, 0);
- xDelta = h.parseDelta('x', {
- '0px': '100px'
- }, 0);
- arrDelta = h.parseDelta('strokeDasharray', {
- '0 100': '200 0'
- }, 0);
- radiusDelta = h.parseDelta('radius', {
- 0: 100
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [fillDelta, xDelta, arrDelta, radiusDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- spyOn(delta, '_calcCurrent_color');
- spyOn(delta, '_calcCurrent_number');
- spyOn(delta, '_calcCurrent_unit');
- spyOn(delta, '_calcCurrent_array');
- delta._calcCurrentProps(.5, .5);
- expect(delta._calcCurrent_color).toHaveBeenCalledWith(fillDelta, .5, .5);
- expect(delta._calcCurrent_number).toHaveBeenCalledWith(radiusDelta, .5, .5);
- expect(delta._calcCurrent_unit).toHaveBeenCalledWith(xDelta, .5, .5);
- return expect(delta._calcCurrent_array).toHaveBeenCalledWith(arrDelta, .5, .5);
- });
- });
- describe('_calcCurrent_color method', function() {
- it('should calc color with alpha', function() {
- var delta, fillDelta;
- fillDelta = h.parseDelta('fill', {
- 'rgba(0,0,0,0)': 'rgba(200,100,20,1)'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [fillDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_color(fillDelta, .5, .5);
- return expect(delta._o.props['fill']).toBe('rgba(100,50,10,0.5)');
- });
- return it('should calc color with curve', function() {
- var delta, fill, fillArr, fillDelta;
- fillDelta = h.parseDelta('fill', {
- 'rgba(200,100,20,1)': 'rgba(200,100,20,1)',
- curve: 'M0,0 L100,50'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [fillDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_color(fillDelta, .5, .5);
- fill = delta._o.props['fill'];
- fillArr = fill.split(/rgba\(|\)|,/);
- expect(parseInt(fillArr[1])).toBe(150);
- expect(parseInt(fillArr[2])).toBe(75);
- expect(parseInt(fillArr[3])).toBe(15);
- return expect(parseFloat(fillArr[4])).toBeCloseTo(.75, 2);
- });
- });
- describe('_calcCurrent_number method', function() {
- it('should calc number', function() {
- var delta, radiusDelta;
- radiusDelta = h.parseDelta('radius', {
- 0: 100
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [radiusDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_number(radiusDelta, .5, .5);
- return expect(delta._o.props['radius']).toBe(50);
- });
- return it('should calc number # curve', function() {
- var delta, radiusDelta;
- radiusDelta = h.parseDelta('radius', {
- 100: 100,
- curve: 'M0,0 L100,50'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [radiusDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_number(radiusDelta, .5, .5);
- return expect(delta._o.props['radius']).toBeCloseTo(75, 1);
- });
- });
- describe('_calcCurrent_unit method', function() {
- it('should calc unit based number', function() {
- var delta, xDelta;
- xDelta = h.parseDelta('x', {
- '0px': '100px'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [xDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_unit(xDelta, .5, .5);
- return expect(delta._o.props['x']).toBe('50px');
- });
- return it('should calc unit based number # curve', function() {
- var delta, xDelta;
- xDelta = h.parseDelta('x', {
- 100: 100,
- curve: 'M0,0 L100,50'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [xDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_unit(xDelta, .5, .5);
- return expect(parseFloat(delta._o.props['x'])).toBeCloseTo(75, 1);
- });
- });
- describe('_calcCurrent_array method', function() {
- it('should calc array', function() {
- var arrDelta, delta;
- arrDelta = h.parseDelta('strokeDasharray', {
- '0 100': '200 0'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [arrDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_array(arrDelta, .5, .5);
- return expect(delta._o.props['strokeDasharray']).toEqual('100px 50px ');
- });
- return it('should calc array # curve', function() {
- var arrDelta, delta, strokeDasharray;
- arrDelta = h.parseDelta('strokeDasharray', {
- '0 100': '200 0',
- curve: 'M0,0 L100,50'
- }, 0);
- props = {};
- delta = new Delta({
- deltas: [arrDelta],
- tweenOptions: tweenOptions,
- props: props
- });
- delta._calcCurrent_array(arrDelta, .5, .5);
- strokeDasharray = delta._o.props['strokeDasharray'].split(/\s/);
- expect(parseFloat(strokeDasharray[0])).toBeCloseTo(75, 1);
- return expect(parseFloat(strokeDasharray[1])).toBeCloseTo(37.5, 1);
- });
- });
- describe('_createTween method ->', function() {
- it('should create a tween', function() {
- var delta;
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta.tween = null;
- delta._createTween(tweenOptions);
- return expect(delta.tween instanceof mojs.Tween).toBe(true);
- });
- it('should pass options to the tween', function() {
- var delta;
- tweenOptions = {
- duration: 200
- };
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta.tween = null;
- delta._createTween(tweenOptions);
- return expect(delta.tween._o).toBe(tweenOptions);
- });
- it('should add onUpdate callback override', function() {
- var delta;
- tweenOptions = {
- duration: 200
- };
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta.tween = null;
- delta._createTween(tweenOptions);
- expect(typeof delta.tween._callbackOverrides.onUpdate).toBe('function');
- spyOn(delta, '_calcCurrentProps');
- delta.tween._callbackOverrides.onUpdate(.2, .1);
- return expect(delta._calcCurrentProps).toHaveBeenCalledWith(.2, .1);
- });
- it('should add onRefresh callback override', function() {
- var delta;
- tweenOptions = {
- duration: 200
- };
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta.tween = null;
- delta._createTween(tweenOptions);
- expect(typeof delta.tween._callbackOverrides.onRefresh).toBe('function');
- spyOn(delta, '_calcCurrentProps');
- delta.tween._callbackOverrides.onRefresh(true, .2, .1);
- return expect(delta._calcCurrentProps).toHaveBeenCalledWith(.2, .1);
- });
- it('should add not onRefresh callback override is isChained', function() {
- var delta;
- tweenOptions = {
- duration: 200
- };
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props,
- isChained: true
- });
- delta.tween = null;
- delta._createTween(tweenOptions);
- return expect(typeof delta.tween._callbackOverrides.onRefresh).toBe('undefined');
- });
- it('should be called on initialization', function() {
- var delta;
- spyOn(Delta.prototype, '_createTween').and.callThrough();
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- return expect(Delta.prototype._createTween).toHaveBeenCalledWith(tweenOptions);
- });
- return it('should pass callbacksContext to tween', function() {
- var callbacksContext, delta;
- callbacksContext = {};
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props,
- callbacksContext: callbacksContext
- });
- return expect(delta.tween._o.callbacksContext).toBe(callbacksContext);
- });
- });
- describe('refresh method ->', function() {
- it('should call `_refresh` on `tween` // before', function() {
- var delta;
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- spyOn(delta.tween, '_refresh').and.callThrough();
- delta.refresh(true);
- return expect(delta.tween._refresh).toHaveBeenCalledWith(true);
- });
- it('should call `_refresh` on `tween` // after', function() {
- var delta;
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- spyOn(delta.tween, '_refresh').and.callThrough();
- delta.refresh(false);
- return expect(delta.tween._refresh).toHaveBeenCalledWith(false);
- });
- it('should save `_previousValues`', function() {
- var delta, p;
- deltas = [
- h.parseDelta('x', {
- 0: 20
- }, 0), h.parseDelta('y', {
- 20: 10
- }, 0)
- ];
- props = {};
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta._previousValues = null;
- delta.refresh(false);
- p = delta._previousValues;
- expect(p[0].name).toBe('x');
- expect(p[0].value).toBe('0px');
- expect(p[1].name).toBe('y');
- return expect(p[1].value).toBe('20px');
- });
- return it('should return this', function() {
- var delta, result;
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- result = delta.refresh(false);
- return expect(result).toBe(delta);
- });
- });
- return describe('restore method ->', function() {
- it('should call restore values from `_previousValues`', function() {
- var delta;
- props = {};
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- props.z = null;
- props.f = null;
- delta._previousValues = [
- {
- name: 'z',
- value: 20
- }, {
- name: 'f',
- value: 40
- }
- ];
- delta.restore();
- expect(props.z).toBe(20);
- return expect(props.f).toBe(40);
- });
- return it('should return `this`', function() {
- var delta, result;
- props = {};
- delta = new Delta({
- deltas: deltas,
- tweenOptions: tweenOptions,
- props: props
- });
- delta._previousValues = [
- {
- name: 'z',
- value: 20
- }, {
- name: 'f',
- value: 40
- }
- ];
- result = delta.restore();
- return expect(result).toBe(delta);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/delta/delta.spec.js b/spec/delta/delta.spec.js
new file mode 100644
index 000000000..5ac6b3136
--- /dev/null
+++ b/spec/delta/delta.spec.js
@@ -0,0 +1,553 @@
+var helpers = mojs.__helpers__;
+var Delta = helpers.Delta;
+var ClassProto = helpers.ClassProto;
+var parseNumber = helpers.parseNumber;
+var parseUnit = helpers.parseUnit;
+var parseColor = helpers.parseColor;
+var splitDelta = helpers.splitDelta;
+
+var key = 'x';
+var options = {
+ '5': 10, duration: 200
+};
+
+describe('`delta` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `ClassProto`', function () {
+ var delta = Delta({ key: key, object: options });
+ expect(ClassProto.isPrototypeOf(delta)).toBe(true);
+ });
+
+ it('should have defaults', function () {
+ var delta = Delta({ key: key, object: options });
+ expect(delta._defaults.key).toBe(null);
+ expect(delta._defaults.object).toBe(null);
+ expect(delta._defaults.customProperties).toEqual({});
+ });
+
+ it('should decide target #target', function () {
+ var target = {};
+ var delta = Delta({ key: key, object: options, target: target });
+ expect(delta._target).toBe(target);
+ });
+
+ it('should decide target #supportProps', function () {
+ var customProperties = {};
+ customProperties[key] = {
+ type: 'unit',
+ isSkipRender: true
+ };
+
+ var target = {};
+ var supportProps = {};
+ var delta = Delta({
+ key: key,
+ object: options,
+ target: target,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+ expect(delta._target).toBe(supportProps);
+ });
+ });
+
+ describe('delta parsing ->', function() {
+ it('should parse delta according to custom properties', function () {
+ const customProperties = {
+ x: {
+ type: 'unit',
+ default: 0
+ }
+ }
+ var key = 'x';
+ var options = {
+ '20': 30, duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ customProperties: customProperties
+ });
+
+ expect(delta._delta).toEqual(parseUnit(key, splitDelta(options)));
+ });
+
+ it('should parse delta according to custom properties #number', function () {
+ const customProperties = {
+ x: {
+ type: 'number',
+ default: 0
+ }
+ }
+ var key = 'x';
+ var options = {
+ '20': 30, duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ customProperties: customProperties
+ });
+
+ expect(delta._delta).toEqual(parseNumber(key, splitDelta(options)));
+ });
+
+ it('should parse delta according to custom properties #color', function () {
+ const customProperties = {
+ x: {
+ type: 'color',
+ default: 'cyan'
+ }
+ }
+ var key = 'x';
+ var options = {
+ '20': 30,
+ duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ customProperties: customProperties
+ });
+
+ expect(delta._delta).toEqual(parseColor(key, splitDelta(options)));
+ });
+
+ it('should parse delta according to custom properties #without type', function () {
+ const customProperties = {
+ x: {
+ isSkipRender: true
+ }
+ }
+ var key = 'x';
+ var options = {
+ '20': 30, duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ customProperties: customProperties
+ });
+
+ expect(delta._delta).toEqual(parseNumber(key, splitDelta(options)));
+ });
+
+ it('should parse delta #number', function () {
+ var key = 'x';
+ var options = {
+ '20': 30, duration: 2000
+ };
+
+ var delta = Delta({ key: key, object: options });
+ expect(delta._delta).toEqual(parseNumber(key, splitDelta(options)));
+ });
+
+ it('should parse delta #unit', function () {
+ var key = 'y';
+ var options = {
+ '20': '30rem',
+ delay: 200
+ };
+
+ var delta = Delta({ key: key, object: options });
+ expect(delta._delta).toEqual(parseUnit(key, splitDelta(options)));
+ });
+
+ it('should parse delta #color', function () {
+ var key = 'y';
+ var options = {
+ 'cyan': 'rgba(230, 17, 1, .35)',
+ delay: 200
+ };
+
+ var delta = Delta({ key: key, object: options, isIt: 1 });
+ expect(delta._delta).toEqual(parseColor(key, splitDelta(options)));
+ });
+
+ it('should parse delta #from #to', function () {
+ var key = 'x';
+ var options = {
+ from: 20,
+ to: 30,
+ duration: 2000
+ };
+
+ var delta = Delta({ key: key, object: options });
+ expect(delta._delta).toEqual(parseNumber(key, splitDelta(options)));
+ });
+
+ it('should parse stagger #custom', function () {
+ const customProperties = {
+ x: {
+ type: 'number',
+ default: 0
+ }
+ }
+ var key = 'x';
+ var index = 3;
+ var options = {
+ 2: mojs.stagger.step(25, 200),
+ duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ customProperties: customProperties,
+ index: index,
+ });
+
+ expect(delta._delta.start).toBe(2);
+ expect(delta._delta.end).toBe(25 + index*200);
+ });
+
+ it('should parse stagger delta #number', function () {
+ var key = 'x';
+ var index = 2;
+ var options = {
+ 3: mojs.stagger.step(200, 300),
+ duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ index: index,
+ });
+ expect(delta._delta.start).toBe(3);
+ expect(delta._delta.end).toBe(200 + 300*index);
+ });
+
+ it('should parse stagger delta #unit', function () {
+ var key = 'x';
+ var index = 2;
+ var options = {
+ 4: mojs.stagger.step('200rem', '300rem'),
+ duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ index: index
+ });
+ expect(delta._delta.start).toBe(4);
+ expect(delta._delta.end).toBe(200 + 300*index);
+ expect(delta._delta.unit).toBe('rem');
+ });
+
+ it('should parse `path` easing', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': 30,
+ duration: 2000,
+ curve: 'M0,100 L100, 0'
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ expect(typeof delta._delta.curve).toBe('function');
+ expect(delta._delta.curve(.5)).toBeCloseTo(.5, 3);
+ });
+ });
+
+ describe('update ->', function() {
+ it('should be set accirding to delta type #number', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': 30,
+ duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+ expect(delta.update).toBe(delta._upd_number);
+ });
+
+ it('should be set accirding to delta type #unit', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30%',
+ duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+ expect(delta.update).toBe(delta._upd_unit);
+ });
+
+ it('should be set accirding to delta type #color', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ 'cyan': 'yellow',
+ duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+ expect(delta.update).toBe(delta._upd_color);
+ });
+ });
+
+ describe('`_upd_number` function ->', function() {
+ it('should set current delta state', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': 30,
+ duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .5;
+ delta._upd_number(progress, progress, true, false);
+
+ expect(target[key]).toBe(25);
+ });
+
+ it('should set current delta state regarding curve', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': 30,
+ duration: 2000,
+ curve: mojs.easing.bounce.out
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .5;
+ delta._upd_number(progress, progress, true, false);
+
+ expect(target[key]).toBe(mojs.easing.bounce.out(progress)*20 + progress*10);
+ });
+
+ it('should return `this`', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem', curve: mojs.easing.cubic.in
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .75;
+ const result = delta._upd_number(progress, progress, true, false);
+
+ expect(result).toBe(delta);
+ });
+ });
+
+ describe('`_upd_unit` function ->', function() {
+ it('should set current delta state', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30%', duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .25;
+ delta._upd_unit(progress, progress, true, false);
+
+ expect(target[key]).toBe((20 + progress*10) + '%');
+ });
+ it('should set current delta state regarding curve', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem', curve: mojs.easing.cubic.in
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .75;
+ delta._upd_unit(progress, progress, true, false);
+
+ expect(target[key]).toBe((mojs.easing.cubic.in(progress)*20 + progress*10) + 'rem');
+ });
+
+ it('should return `this`', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem', curve: mojs.easing.cubic.in
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .75;
+ const result = delta._upd_unit(progress, progress, true, false);
+
+ expect(result).toBe(delta);
+ });
+ });
+
+ describe('`_upd_color` function ->', function() {
+ it('should set current delta state', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ 'cyan': 'hotpink',
+ duration: 2000
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .5;
+ delta._upd_color(progress, progress, true, false);
+
+ expect(target[key]).toBe('rgba(127, 180, 217, 1)');
+ });
+ it('should set current delta state regarding curve', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ 'deeppink': 'yellow',
+ duration: 2000,
+ curve: mojs.easing.bounce.out
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .5;
+ delta._upd_color(progress, progress, true, false);
+
+ expect(target[key]).toBe('rgba(195, 132, 39, 0.765625)');
+ });
+
+ it('should return `this`', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ 'purple': 'rgba(0, 20, 12, 1)', curve: mojs.easing.cubic.in
+ };
+ var delta = Delta({ key: key, object: options, target: target });
+
+ var progress = .75;
+ const result = delta._upd_color(progress, progress, true, false);
+
+ expect(result).toBe(delta);
+ });
+ });
+
+ describe('tween creation ->', function() {
+ it('should create tween if any tween property is used', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem', duration: 2000
+ };
+
+ var delta = Delta({ key: key, object: options });
+
+ expect(delta.tween).toBeDefined();
+ expect(delta.tween._props.duration).toBe(options.duration);
+ });
+
+ it('should pass `update` as `onUpdate` callback', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem', duration: 2000
+ };
+
+ var delta = Delta({ key: key, object: options });
+
+ spyOn(delta, 'update');
+
+ var progress = Math.random();
+ var isForward = true;
+ delta.tween._props.onUpdate(progress, progress, isForward);
+
+ expect(delta.update).toHaveBeenCalledWith(progress, progress, isForward);
+ });
+
+ it('should call previous `onUpdate`', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem',
+ duration: 2000,
+ onUpdate: function() {}
+ };
+
+ var delta = Delta({ key: key, object: options, target: target });
+
+ spyOn(delta._delta.tweenOptions, 'onUpdate');
+
+ var progress = Math.random();
+ var isForward = true;
+
+ delta.tween._props.onUpdate(progress, progress, isForward);
+ expect(delta._delta.tweenOptions.onUpdate).toHaveBeenCalledWith(progress, progress, isForward);
+ });
+
+ it('should not create tween if no tween property is used', function () {
+ var key = 'z';
+ var target = {};
+ var options = {
+ '20': '30rem'
+ };
+
+ var delta = Delta({ key: key, object: options });
+ expect(delta.tween).not.toBeDefined();
+ });
+
+ it('should pass `index`', function () {
+ var index = parseInt(Math.random()*10, 10);
+ var target = {};
+ var options = {
+ '20': '30rem',
+ duration: 2000
+ };
+
+ var delta = Delta({
+ key: key,
+ object: options,
+ index: index
+ });
+
+ expect(delta.tween.index).toBe(index);
+ });
+
+ });
+
+ describe('`index` ->', function() {
+ it('should get index from options', function () {
+ var index = parseInt(Math.random()*10);
+ var delta = Delta({
+ key: 'z',
+ object: { '20': '30%', duration: 2000 },
+ target: {},
+ index: index
+ });
+
+ delta._parseDelta();
+
+ expect(delta.index).toBe(index);
+ });
+
+ it('should fallback to `0`', function () {
+ var delta = Delta({
+ key: 'z',
+ object: { '20': '30%', duration: 2000 },
+ target: {}
+ });
+
+ delta._parseDelta();
+
+ expect(delta.index).toBe(0);
+ });
+
+ it('should fallback to `0`', function () {
+ var delta = Delta({
+ key: 'z',
+ object: { '20': '30%', duration: 2000 },
+ target: {}
+ });
+
+ delta._parseDelta();
+
+ expect(delta.index).toBe(0);
+ expect(delta._o.index).not.toBeDefined();
+ expect(delta._props.index).not.toBeDefined();
+ });
+ });
+
+});
diff --git a/spec/delta/deltas.coffee b/spec/delta/deltas.coffee
deleted file mode 100644
index 003ab385f..000000000
--- a/spec/delta/deltas.coffee
+++ /dev/null
@@ -1,944 +0,0 @@
-Deltas = mojs._pool.Deltas
-Delta = mojs._pool.Delta
-
-options = {}
-props = {}
-
-describe 'Deltas ->', ->
- it 'should have _o', ->
- deltas = new Deltas
- options: options,
- props: props
-
- expect( deltas._o.options ).toBe options
- expect( deltas._o.props ).toBe props
-
- it 'should have _ignoreDeltas object', ->
- deltas = new Deltas
- options: options,
- props: props
-
- expect( deltas._ignoreDeltasMap ).toEqual { prevChainModule: 1, masterModule: 1 }
-
- describe '_createTimeline method', ->
- it 'should create a Timeline', ->
- deltas = new Deltas
- options: options,
- props: props
-
- deltas.timeline = null
-
- deltas._createTimeline()
-
- expect(deltas.timeline instanceof mojs.Timeline).toBe true
-
- it 'should be called on initialization', ->
- options = { x: { 20: 0 }, timeline: { duration: 200 } }
- spyOn Deltas::, '_createTimeline'
- deltas = new Deltas
- options: options,
- props: props
-
- expect( Deltas::_createTimeline )
- .toHaveBeenCalledWith deltas._mainTweenOptions
-
- # nope
- # it 'should pass callbackOverrides to the timeline - onUpdate', ->
- # fun = ->
- # deltas = new Deltas
- # options: options,
- # props: props,
- # onUpdate: fun
- # expect(deltas.timeline._callbackOverrides.onUpdate).toBe fun
-
- # nope
- # it 'should pass callbackOverrides to the timeline - onRefresh', ->
- # fun = ->
- # deltas = new Deltas
- # options: options,
- # props: props,
- # onUpdate: fun
- # expect(deltas.timeline._callbackOverrides.onRefresh).toBe fun
-
- it 'should add _deltas to the Timeline', ->
- options = {
- stroke: 'cyan',
- x: { 20: 0, easing: 'cubic.in' },
- y: { 0: 40, easing: 'cubic.out' },
- radius: { 0: 40, duration: 400 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas = new Deltas
- options: options,
- props: props
-
- expect( deltas.timeline._timelines.length ).toBe 4
-
- # it 'should pass `callbacksContext` to `timeline`', ->
-
- # callbacksContext = {}
- # deltas = new Deltas
- # options: options,
- # props: props,
- # onUpdate: ->
- # callbacksContext: callbacksContext
-
- # expect(deltas.timeline._o.callbacksContext).toBe callbacksContext
-
- describe '_parseDeltas method ->', ->
- it 'should parse main tween options', ->
- deltas = new Deltas
- options: options,
- props: props
-
- opts = {
- stroke: 'cyan',
- x: { 20: 0 },
- y: { 0: 40 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas._mainTweenOptions = null
- deltas._parseDeltas opts
-
- expect( deltas._mainTweenOptions ).toEqual { duration: 1000, backwardEasing: 'cubic.out' }
-
- it 'should parse main deltas', ->
- deltas = new Deltas
- options: options,
- props: props
-
- opts = {
- stroke: 'cyan',
- x: { 20: 0 },
- y: { 0: 40 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas._mainDeltas = null
-
- deltas._parseDeltas opts
-
- expect( deltas._mainDeltas )
- .toEqual [
- deltas._parseDelta('x', { 20: 0 }),
- deltas._parseDelta('y', { 0: 40 }),
- deltas._parseDelta('fill', { 'cyan': 'red' }),
- ]
-
- it 'should parse child deltas', ->
- deltas = new Deltas
- options: options,
- props: props
-
- opts = {
- stroke: 'cyan',
- x: { 20: 0, duration: 4000 },
- y: { 0: 40, delay: 200 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas._childDeltas = null
-
- deltas._parseDeltas opts
-
- expect( deltas._childDeltas )
- .toEqual [
- { delta: deltas._parseDelta('x', { 20: 0 }), tweenOptions: { duration: 4000 } },
- { delta: deltas._parseDelta('y', { 0: 40 }), tweenOptions: { delay: 200 } }
- ]
-
- it 'should be called on initialization', ->
- spyOn(Deltas.prototype, '_parseDeltas').and.callThrough()
- deltas = new Deltas
- options: options,
- props: props
-
- expect( Deltas.prototype._parseDeltas ).toHaveBeenCalledWith options
-
- it 'should not call `_splitAndParseDelta` with props from `_ignoreDeltasMap`', ->
- deltas = new Deltas
- options: options,
- props: props
-
- deltas._parseDeltas deltas._o
-
- mainSplit = deltas._splitTweenOptions( deltas._o )
- opts = mainSplit.delta
-
- spyOn(deltas, '_splitAndParseDelta').and.callThrough()
-
- for key, value of deltas._ignoreDeltasMap
- expect( deltas._splitAndParseDelta )
- .not.toHaveBeenCalledWith key, opts[key]
-
- it 'should call `_parseDeltaByGuess` if not in customProps', ->
- deltas = new Deltas
- options: options,
- props: props
-
- spyOn(deltas, '_parseDeltaByGuess').and.callThrough()
-
- deltas._parseDelta 'x', props, 0
-
- expect( deltas._parseDeltaByGuess )
- .toHaveBeenCalledWith 'x', props, 0
-
- it 'should call `_parseDeltaByCustom` if in customProps', ->
- deltas = new Deltas
- options: options,
- props: props
- customProps: {
- x: {
- type: 'number',
- default: 0
- }
- }
-
- spyOn(deltas, '_parseDeltaByCustom').and.callThrough()
-
- deltas._parseDelta 'x', props, 0
-
- expect( deltas._parseDeltaByCustom )
- .toHaveBeenCalledWith 'x', props, 0
-
- describe '_splitAndParseDelta method ->', ->
- it 'should call _splitTweenOptions method with passed object', ->
- deltas = new Deltas
- options: options,
- props: props
-
- deltas.isIt = 1
- spyOn(deltas, '_splitTweenOptions').and.callThrough()
-
- result = deltas._splitAndParseDelta 'x', { 20: 10 }
-
- it 'should parse delta object', ->
- deltas = new Deltas
- options: options,
- props: props
-
- spyOn deltas, '_parseDelta'
- result = deltas._splitAndParseDelta 'x', { 20: 10, duration: 2000 }
- expect( deltas._parseDelta ).toHaveBeenCalledWith 'x', { 20: 10 }
-
- it 'should return parsed delta and tween properties', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitAndParseDelta 'x', { 20: 10, duration: 2000 }
- expect( result.delta ).toEqual deltas._parseDelta 'x', { 20: 10 }
- expect( result.tweenOptions ).toEqual { duration: 2000 }
-
- it 'should return falsy tweenOptions if none', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitAndParseDelta 'x', { 20: 10 }
- expect( result.delta ).toEqual deltas._parseDelta 'x', { 20: 10 }
- expect( result.tweenOptions ).toBeFalsy()
-
- describe '_splitTweenOptions method', ->
- it 'should return tween options separated from delta', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitTweenOptions { 0: 20, duration: 2000, delay: 200, easing: 'cubic.in' }
-
- expect( result.delta ).toEqual { 0: 20 }
- expect( result.tweenOptions ).toEqual { duration: 2000, delay: 200, easing: 'cubic.in' }
-
- it 'should not return tweenOptions if any', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitTweenOptions { 0: 20 }
-
- expect( result.delta ).toEqual { 0: 20 }
- expect( result.tweenOptions ).toBeFalsy()
-
- it 'should not return tweenOptions if they are sufficiently `undefined`', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitTweenOptions { 0: 20, easing: undefined, duration: null }
-
- expect( result.delta ).toEqual { 0: 20 }
- expect( result.tweenOptions ).toBeFalsy()
-
- it 'should parse curve as part of delta', ->
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitTweenOptions { 0: 20, curve: 'M0,0 L100,0' }
-
- expect( result.delta ).toEqual { 0: 20, curve: 'M0,0 L100,0' }
- expect( result.tweenOptions ).toBeFalsy()
-
- it 'should treat timeline property as tween one', ->
- options = { x: { 0: 20 }, timeline: { delay: 200 } }
- deltas = new Deltas
- options: options,
- props: props
-
- result = deltas._splitTweenOptions options
-
- expect( result.tweenOptions.timeline ).toEqual { delay: 200 }
-
- describe '_createDeltas method ->', ->
- it 'should create deltas from parsed object ->', ->
- options = {
- stroke: 'cyan',
- x: { 20: 0, duration: 4000 },
- y: { 0: 40, delay: 200 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas = new Deltas
- options: options,
- props: props
-
- deltas._deltas = null
-
- deltas._createDeltas()
- mainDelta = deltas._deltas[0]
-
- expect( mainDelta._o.deltas ).toBe deltas._mainDeltas
- expect( mainDelta._o.tweenOptions ).toBe deltas._mainTweenOptions
- expect( mainDelta._o.props ).toBe props
- expect( mainDelta instanceof Delta ).toBe true
-
- it 'should create deltas from parsed child objects ->', ->
- options = {
- stroke: 'cyan',
- x: { 20: 0, duration: 4000 },
- y: { 0: 40, delay: 200 },
- fill: { 'cyan' : 'red' },
- duration: 1000,
- backwardEasing: 'cubic.out'
- }
-
- deltas = new Deltas
- options: options,
- props: props
-
- deltas._deltas = null
-
- deltas._createDeltas()
- childDelta1 = deltas._deltas[1]
- childDelta2 = deltas._deltas[2]
-
- expect( childDelta1._o.deltas ).toEqual [deltas._childDeltas[0].delta]
- expect( childDelta1._o.tweenOptions ).toBe deltas._childDeltas[0].tweenOptions
- expect( childDelta1._o.props ).toBe props
- expect( childDelta1 instanceof Delta ).toBe true
-
- expect( childDelta2._o.deltas ).toEqual [deltas._childDeltas[1].delta]
- expect( childDelta2._o.tweenOptions ).toBe deltas._childDeltas[1].tweenOptions
- expect( childDelta2._o.props ).toBe props
- expect( childDelta2 instanceof Delta ).toBe true
-
- it 'should be called on initialization', ->
- spyOn(Deltas.prototype, '_createDeltas').and.callThrough()
- deltas = new Deltas
- options: options,
- props: props
-
- expect( Deltas.prototype._createDeltas ).toHaveBeenCalled()
-
- it 'should send callbacksContext to each delta', ->
- callbacksContext = {}
- deltas = new Deltas
- options: options
- props: props
- callbacksContext: callbacksContext
-
- result = deltas._createDelta([ deltas._parseDelta( 'x', { 0: 20 } ) ], {})
- expect( result._o.callbacksContext ).toBe callbacksContext
-
- # nope
- # it 'should send customProps to each delta', ->
- # customProps = {}
- # deltas = new Deltas
- # options: options
- # props: props
- # customProps: customProps
-
- # result = deltas._createDelta([ deltas._parseDelta( 'x', { 0: 20 } ) ], {})
- # expect( result._o.customProps ).toBe customProps
-
-
- describe '_isDelta method ->', ->
- it 'should detect if value is not a delta value', ->
- deltas = new Deltas
- options: options,
- props: props
-
- expect(deltas._isDelta(45)) .toBe false
- expect(deltas._isDelta('45')) .toBe false
- expect(deltas._isDelta(['45'])).toBe false
- expect(deltas._isDelta({ unit: 'px', value: 20 })).toBe false
- expect(deltas._isDelta({ 20: 30 })).toBe true
-
-
- describe '_createDelta method ->', ->
- it 'should create delta from passed objects', ->
- deltas = new Deltas
- options: options,
- props: props
-
- deltasArr = []
- tweenOpts = {}
- result = deltas._createDelta deltasArr, tweenOpts
-
- expect( result instanceof Delta ).toBe true
- expect( result._o.deltas ).toBe deltasArr
- expect( result._o.tweenOptions ).toBe tweenOpts
- expect( result._o.props ).toBe props
-
- it 'should pass isChained to delta', ->
- deltas = new Deltas
- options: options,
- props: props,
- isChained: true
-
- deltasArr = []
- tweenOpts = {}
- result = deltas._createDelta deltasArr, tweenOpts
-
- expect( result._o.isChained ).toBe true
-
- describe '_parseColorDelta method ->', ->
- it 'should calculate color delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseColorDelta 'stroke', {'#000': 'rgb(255,255,255)'}
- expect(delta.start.r) .toBe 0
- expect(delta.end.r) .toBe 255
- expect(delta.delta.r) .toBe 255
- expect(delta.type) .toBe 'color'
- expect(delta.name) .toBe 'stroke'
-
- it 'should ignore stroke-linecap prop, use start prop and warn', ->
- deltas = new Deltas options: options, props: props
-
- spyOn console, 'warn'
- delta = deltas._parseColorDelta 'strokeLinecap', {'round': 'butt'}
- expect(-> deltas._parseColorDelta 'strokeLinecap', {'round': 'butt'})
- .not.toThrow()
- expect(console.warn).toHaveBeenCalled()
- expect(delta.type).not.toBeDefined()
-
- it 'should parse color curve values', ->
- deltas = new Deltas options: options, props: props
-
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- startDelta = {'#000': 'rgb(255,255,255)', curve: curve }
- delta = deltas._parseColorDelta 'stroke', startDelta
- expect(delta.start.r) .toBe 0
- expect(delta.end.r) .toBe 255
- expect(delta.delta.r) .toBe 255
- expect(delta.type) .toBe 'color'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)) .toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
-
- describe '_parseArrayDelta method ->', ->
- it 'should calculate array delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseArrayDelta 'strokeDasharray', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
- expect(delta.name) .toBe 'strokeDasharray'
- it 'should calculate array delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseArrayDelta 'strokeDashoffset', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
- it 'should calculate array delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseArrayDelta 'origin', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
-
- it 'should parse array curve values', ->
- deltas = new Deltas options: options, props: props
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- delta = deltas._parseArrayDelta 'origin', { '200 100%': '300', curve: curve }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)) .toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- describe '_parseUnitDelta method ->', ->
- it 'should calculate unit delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseUnitDelta 'x', {'0%': '100%'}
- expect(delta.start.string) .toBe '0'
- expect(delta.end.string) .toBe '100%'
- expect(delta.delta) .toBe 100
- expect(delta.type) .toBe 'unit'
-
- it 'should parse array curve values', ->
- deltas = new Deltas options: options, props: props
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- delta = deltas._parseUnitDelta 'x', { '0%': '100%', curve: curve }
- expect(delta.start.string) .toBe '0'
- expect(delta.end.string) .toBe '100%'
- expect(delta.delta) .toBe 100
- expect(delta.type) .toBe 'unit'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)) .toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- describe '_parseNumberDelta method ->', ->
- it 'should calculate delta', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseNumberDelta 'radius', {25: 75}
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- expect(delta.type) .toBe 'number'
- expect(delta.name) .toBe 'radius'
- it 'should parse curve', ->
- deltas = new Deltas options: options, props: props
-
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- startDelta = { 25: 75, curve: curve }
- delta = deltas._parseNumberDelta 'radius', startDelta
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- expect(delta.type) .toBe 'number'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)).toBeCloseTo .5, 2
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- expect(startDelta.curve).toBe curve
-
- it 'should calculate delta with string arguments', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseNumberDelta 'radius', {25: 75}
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- it 'should calculate delta with float arguments', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseNumberDelta 'radius', {'25.50': 75.50}
- expect(delta.start) .toBe 25.5
- expect(delta.delta) .toBe 50
- it 'should calculate delta with negative start arguments', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseNumberDelta 'radius', {'-25.50': 75.50}
- expect(delta.start) .toBe -25.5
- expect(delta.delta) .toBe 101
- it 'should calculate delta with negative end arguments', ->
- deltas = new Deltas options: options, props: props
-
- delta = deltas._parseNumberDelta 'radius', {'25.50': -75.50}
- expect(delta.start) .toBe 25.5
- expect(delta.end) .toBe -75.5
- expect(delta.delta) .toBe -101
-
- describe '_preparseDelta method', ->
- it 'should parse start and end values of passed delta', ->
- deltas = new Deltas options: options, props: props
- delta = deltas._preparseDelta { '25.50': -75.50 }
- expect( delta.start ).toBe '25.50'
- expect( delta.end ).toBe -75.50
-
- it 'should parse curve', ->
- deltas = new Deltas options: options, props: props
-
- curve = "M0,100 L100,0"
- startDelta = { 25: 75, curve: curve }
-
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
-
- delta = deltas._preparseDelta startDelta
- expect( delta.start ).toBe '25'
- expect( delta.end ).toBe 75
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)).toBeCloseTo .5, 2
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- expect(startDelta.curve).toBe curve
-
- it 'should set parent on parsed curve', ->
- deltas = new Deltas options: options, props: props
-
- curve = "M0,100 L100,0"
- startDelta = { 25: 75, curve: curve }
- delta = deltas._preparseDelta startDelta
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)).toBeCloseTo .5, 2
- expect(delta.curve._parent).toBe deltas
-
- it 'should not parse curve if not set', ->
- deltas = new Deltas options: options, props: props
-
- startDelta = { 25: 75 }
-
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
-
- delta = deltas._preparseDelta startDelta
- expect( delta.start ).toBe '25'
- expect( delta.end ).toBe 75
-
- expect(typeof delta.curve).toBe 'undefined'
- expect(mojs.easing.parseEasing).not.toHaveBeenCalled()
-
- describe 'color parsing - _makeColorObj method', ->
- deltas = new Deltas options: options, props: props
- it 'should have _shortColors map', ->
- expect(deltas._shortColors).toBeDefined()
- it 'should parse 3 hex color', ->
- colorObj = deltas._makeColorObj '#f0f'
- expect(colorObj.r) .toBe 255
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 255
- expect(colorObj.a) .toBe 1
- it 'should parse 6 hex color', ->
- colorObj = deltas._makeColorObj '#0000ff'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 255
- expect(colorObj.a) .toBe 1
- it 'should parse color shorthand', ->
- colorObj = deltas._makeColorObj 'deeppink'
- expect(colorObj.r) .toBe 255
- expect(colorObj.g) .toBe 20
- expect(colorObj.b) .toBe 147
- expect(colorObj.a) .toBe 1
- it 'should parse none color shorthand', ->
- colorObj = deltas._makeColorObj 'none'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 0
- expect(colorObj.a) .toBe 0
- it 'should parse rgb color', ->
- colorObj = deltas._makeColorObj 'rgb(200,100,0)'
- expect(colorObj.r) .toBe 200
- expect(colorObj.g) .toBe 100
- expect(colorObj.b) .toBe 0
- expect(colorObj.a) .toBe 1
- it 'should parse rgba color', ->
- colorObj = deltas._makeColorObj 'rgba(0,200,100,.1)'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 200
- expect(colorObj.b) .toBe 100
- expect(colorObj.a) .toBe .1
- it 'should parse rgba color with float starting by 0', ->
- colorObj = deltas._makeColorObj 'rgba(0,200,100,0.5)'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 200
- expect(colorObj.b) .toBe 100
- expect(colorObj.a) .toBe .5
-
- describe 'strToArr method', ->
- deltas = new Deltas options: options, props: props
-
- it 'should parse string to array',->
- array = deltas._strToArr('200 100')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- it 'should parse % string to array',->
- array = deltas._strToArr('200% 100')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe '%'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe 'px'
- it 'should parse number to array',->
- array = deltas._strToArr(200)
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- it 'should parse string with multiple spaces to array',->
- array = deltas._strToArr('200 100%')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe '%'
- it 'should trim string before parse',->
- array = deltas._strToArr(' 200 100% ')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe '%'
- it 'should parse rand values',->
- array = deltas._strToArr(' 200 rand(10,20) ')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBeGreaterThan 10
- expect(array[1].value).not.toBeGreaterThan 20
- expect(array[1].unit).toBe 'px'
-
- describe '_parseDelta method ->', ->
- describe 'color values ->', ->
- it 'should parse color objects', ->
- deltas = new Deltas options: options, props: props
- spyOn(deltas, '_parseColorDelta').and.callThrough()
-
- name = 'color'; sourceDelta = { 'cyan' : 'white' }
- delta = deltas._parseDelta name, sourceDelta
-
- expect( deltas._parseColorDelta ).toHaveBeenCalledWith name, sourceDelta
- expect( delta ).toEqual deltas._parseColorDelta name, sourceDelta
-
- it 'should not react on rand values', ->
- deltas = new Deltas options: options, props: props
- spyOn(deltas, '_parseColorDelta').and.callThrough()
-
- name = 'color'; sourceDelta = { 'rand(1,20)' : 'white' }
- delta = deltas._parseDelta name, sourceDelta
-
- expect( deltas._parseColorDelta ).not.toHaveBeenCalled()
-
- it 'should not react on stagger values', ->
- deltas = new Deltas options: options, props: props
- spyOn(deltas, '_parseColorDelta').and.callThrough()
-
- name = 'color'; sourceDelta = { 'stagger(20)' : 'white' }
- delta = deltas._parseDelta name, sourceDelta
-
- expect( deltas._parseColorDelta ).not.toHaveBeenCalled()
-
- describe 'array values ->', ->
- arrayPropertyMap = { transformOrigin: 1 }
- it 'should treat the value as array if it is set in arrayPropertyMap object', ->
- deltas = new Deltas
- options: options, props: props, arrayPropertyMap: arrayPropertyMap
- spyOn(deltas, '_parseArrayDelta').and.callThrough()
-
- name = 'transformOrigin'; sourceDelta = { '100 200' : '0 50' }
- delta = deltas._parseDelta name, sourceDelta
-
- expect( deltas._parseArrayDelta ).toHaveBeenCalledWith name, sourceDelta
- expect( delta ).toEqual deltas._parseArrayDelta name, sourceDelta
-
- describe 'unit values ->', ->
- it 'should parse unit values by default', ->
- deltas = new Deltas options: options, props: props
- spyOn(deltas, '_parseUnitDelta').and.callThrough()
-
- name = 'x'; sourceDelta = { '20' : '30' }
- delta = deltas._parseDelta name, sourceDelta
-
- expect( deltas._parseUnitDelta ).toHaveBeenCalledWith name, sourceDelta, undefined
- expect( delta ).toEqual deltas._parseUnitDelta name, sourceDelta
-
- it 'should pass the index', ->
- deltas = new Deltas options: options, props: props
- spyOn(deltas, '_parseUnitDelta').and.callThrough()
-
- name = 'x'; sourceDelta = { '20' : '30' }; index = 3
- delta = deltas._parseDelta name, sourceDelta, index
-
- expect( deltas._parseUnitDelta ).toHaveBeenCalledWith name, sourceDelta, index
- expect( delta ).toEqual deltas._parseUnitDelta name, sourceDelta, index
-
- it 'should parse properties that are in numberPropertyMap as numbers', ->
- numberPropertyMap = { opacity: 1 }
- deltas = new Deltas
- options: options, props: props, numberPropertyMap: numberPropertyMap
- spyOn(deltas, '_parseUnitDelta').and.callThrough()
- spyOn(deltas, '_parseNumberDelta').and.callThrough()
-
- name = 'opacity'; sourceDelta = { '20' : '30' }; index = 3
- delta = deltas._parseDelta name, sourceDelta, index
-
- expect( deltas._parseUnitDelta ).not.toHaveBeenCalled()
- expect( deltas._parseNumberDelta ).toHaveBeenCalledWith name, sourceDelta, index
- expect( delta ).toEqual deltas._parseNumberDelta name, sourceDelta, index
-
- describe 'refresh method ->', ->
- it 'should call `refresh` on all `delta` objects // before', ->
- deltas = new Deltas
- options: options, props: props
-
- spyOn deltas._deltas[0], 'refresh'
- spyOn deltas._deltas[1], 'refresh'
- spyOn deltas._deltas[2], 'refresh'
-
- deltas.refresh true
-
- expect( deltas._deltas[0].refresh ).toHaveBeenCalledWith true
- expect( deltas._deltas[1].refresh ).toHaveBeenCalledWith true
- expect( deltas._deltas[2].refresh ).toHaveBeenCalledWith true
-
- it 'should call `refresh` on all `delta` objects // after', ->
- deltas = new Deltas
- options: options, props: props
-
- spyOn deltas._deltas[0], 'refresh'
- spyOn deltas._deltas[1], 'refresh'
- spyOn deltas._deltas[2], 'refresh'
-
- deltas.refresh false
-
- expect( deltas._deltas[0].refresh ).toHaveBeenCalledWith false
- expect( deltas._deltas[1].refresh ).toHaveBeenCalledWith false
- expect( deltas._deltas[2].refresh ).toHaveBeenCalledWith false
-
- it 'should return `this`', ->
- deltas = new Deltas
- options: options, props: props
-
- result = deltas.refresh false
-
- expect( result ).toBe deltas
-
- describe 'restore method ->', ->
- it 'should call `restore` on all `delta` objects', ->
- deltas = new Deltas
- options: options, props: props
-
- spyOn deltas._deltas[0], 'restore'
- spyOn deltas._deltas[1], 'restore'
- spyOn deltas._deltas[2], 'restore'
-
- deltas.restore()
-
- expect( deltas._deltas[0].restore ).toHaveBeenCalled()
- expect( deltas._deltas[1].restore ).toHaveBeenCalled()
- expect( deltas._deltas[2].restore ).toHaveBeenCalled()
-
- it 'should return `this`', ->
- deltas = new Deltas
- options: options, props: props
-
- result = deltas.restore()
-
- expect( result ).toBe deltas
-
- describe '_parseDeltaByCustom method ->', ->
- # not now
- # it 'should call _parseColorDelta if type is color ', ->
- # deltas = new Deltas
- # options: options,
- # props: props
- # customProps: {
- # x: {
- # type: 'color',
- # default: 'cyan'
- # }
- # }
-
- # spyOn deltas, '_parseColorDelta'
-
- # deltas._parseDeltaByCustom 'x', props, 0
-
- # expect( deltas._parseColorDelta ).toHaveBeenCalledWith 'x', props
- # not now
- # it 'should call _parseArrayDelta if type is array', ->
- # deltas = new Deltas
- # options: options,
- # props: props
- # customProps: {
- # x: {
- # type: 'array',
- # default: '100 100'
- # }
- # }
-
- # spyOn deltas, '_parseArrayDelta'
-
- # deltas._parseDeltaByCustom 'x', props, 0
- # expect( deltas._parseArrayDelta ).toHaveBeenCalledWith 'x', props
-
- # it 'should call _parseNumberDelta if type is number', ->
- it 'should call _parseNumberDelta', ->
- deltas = new Deltas
- options: options,
- props: props
- customProps: {
- x: 0
- }
-
- spyOn deltas, '_parseNumberDelta'
-
- deltas._parseDeltaByCustom 'x', props, 0
- expect( deltas._parseNumberDelta ).toHaveBeenCalledWith 'x', props, 0
-
- # not now
- # it 'should call _parseUnitDelta if type is unit', ->
- # deltas = new Deltas
- # options: options,
- # props: props
- # customProps: {
- # x: {
- # type: 'unit',
- # default: 1
- # }
- # }
-
- # spyOn deltas, '_parseUnitDelta'
-
- # deltas._parseDeltaByCustom 'x', props, 0
- # expect( deltas._parseUnitDelta ).toHaveBeenCalledWith 'x', props, 0
-
-
diff --git a/spec/delta/deltas.js b/spec/delta/deltas.js
deleted file mode 100644
index 0da9ce115..000000000
--- a/spec/delta/deltas.js
+++ /dev/null
@@ -1,1184 +0,0 @@
-(function() {
- var Delta, Deltas, options, props;
-
- Deltas = mojs._pool.Deltas;
-
- Delta = mojs._pool.Delta;
-
- options = {};
-
- props = {};
-
- describe('Deltas ->', function() {
- it('should have _o', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- expect(deltas._o.options).toBe(options);
- return expect(deltas._o.props).toBe(props);
- });
- it('should have _ignoreDeltas object', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- return expect(deltas._ignoreDeltasMap).toEqual({
- prevChainModule: 1,
- masterModule: 1
- });
- });
- describe('_createTimeline method', function() {
- it('should create a Timeline', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltas.timeline = null;
- deltas._createTimeline();
- return expect(deltas.timeline instanceof mojs.Timeline).toBe(true);
- });
- it('should be called on initialization', function() {
- var deltas;
- options = {
- x: {
- 20: 0
- },
- timeline: {
- duration: 200
- }
- };
- spyOn(Deltas.prototype, '_createTimeline');
- deltas = new Deltas({
- options: options,
- props: props
- });
- return expect(Deltas.prototype._createTimeline).toHaveBeenCalledWith(deltas._mainTweenOptions);
- });
- return it('should add _deltas to the Timeline', function() {
- var deltas;
- options = {
- stroke: 'cyan',
- x: {
- 20: 0,
- easing: 'cubic.in'
- },
- y: {
- 0: 40,
- easing: 'cubic.out'
- },
- radius: {
- 0: 40,
- duration: 400
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas = new Deltas({
- options: options,
- props: props
- });
- return expect(deltas.timeline._timelines.length).toBe(4);
- });
- });
- describe('_parseDeltas method ->', function() {
- it('should parse main tween options', function() {
- var deltas, opts;
- deltas = new Deltas({
- options: options,
- props: props
- });
- opts = {
- stroke: 'cyan',
- x: {
- 20: 0
- },
- y: {
- 0: 40
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas._mainTweenOptions = null;
- deltas._parseDeltas(opts);
- return expect(deltas._mainTweenOptions).toEqual({
- duration: 1000,
- backwardEasing: 'cubic.out'
- });
- });
- it('should parse main deltas', function() {
- var deltas, opts;
- deltas = new Deltas({
- options: options,
- props: props
- });
- opts = {
- stroke: 'cyan',
- x: {
- 20: 0
- },
- y: {
- 0: 40
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas._mainDeltas = null;
- deltas._parseDeltas(opts);
- return expect(deltas._mainDeltas).toEqual([
- deltas._parseDelta('x', {
- 20: 0
- }), deltas._parseDelta('y', {
- 0: 40
- }), deltas._parseDelta('fill', {
- 'cyan': 'red'
- })
- ]);
- });
- it('should parse child deltas', function() {
- var deltas, opts;
- deltas = new Deltas({
- options: options,
- props: props
- });
- opts = {
- stroke: 'cyan',
- x: {
- 20: 0,
- duration: 4000
- },
- y: {
- 0: 40,
- delay: 200
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas._childDeltas = null;
- deltas._parseDeltas(opts);
- return expect(deltas._childDeltas).toEqual([
- {
- delta: deltas._parseDelta('x', {
- 20: 0
- }),
- tweenOptions: {
- duration: 4000
- }
- }, {
- delta: deltas._parseDelta('y', {
- 0: 40
- }),
- tweenOptions: {
- delay: 200
- }
- }
- ]);
- });
- it('should be called on initialization', function() {
- var deltas;
- spyOn(Deltas.prototype, '_parseDeltas').and.callThrough();
- deltas = new Deltas({
- options: options,
- props: props
- });
- return expect(Deltas.prototype._parseDeltas).toHaveBeenCalledWith(options);
- });
- it('should not call `_splitAndParseDelta` with props from `_ignoreDeltasMap`', function() {
- var deltas, key, mainSplit, opts, value, _ref, _results;
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltas._parseDeltas(deltas._o);
- mainSplit = deltas._splitTweenOptions(deltas._o);
- opts = mainSplit.delta;
- spyOn(deltas, '_splitAndParseDelta').and.callThrough();
- _ref = deltas._ignoreDeltasMap;
- _results = [];
- for (key in _ref) {
- value = _ref[key];
- _results.push(expect(deltas._splitAndParseDelta).not.toHaveBeenCalledWith(key, opts[key]));
- }
- return _results;
- });
- it('should call `_parseDeltaByGuess` if not in customProps', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseDeltaByGuess').and.callThrough();
- deltas._parseDelta('x', props, 0);
- return expect(deltas._parseDeltaByGuess).toHaveBeenCalledWith('x', props, 0);
- });
- return it('should call `_parseDeltaByCustom` if in customProps', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props,
- customProps: {
- x: {
- type: 'number',
- "default": 0
- }
- }
- });
- spyOn(deltas, '_parseDeltaByCustom').and.callThrough();
- deltas._parseDelta('x', props, 0);
- return expect(deltas._parseDeltaByCustom).toHaveBeenCalledWith('x', props, 0);
- });
- });
- describe('_splitAndParseDelta method ->', function() {
- it('should call _splitTweenOptions method with passed object', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltas.isIt = 1;
- spyOn(deltas, '_splitTweenOptions').and.callThrough();
- return result = deltas._splitAndParseDelta('x', {
- 20: 10
- });
- });
- it('should parse delta object', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseDelta');
- result = deltas._splitAndParseDelta('x', {
- 20: 10,
- duration: 2000
- });
- return expect(deltas._parseDelta).toHaveBeenCalledWith('x', {
- 20: 10
- });
- });
- it('should return parsed delta and tween properties', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitAndParseDelta('x', {
- 20: 10,
- duration: 2000
- });
- expect(result.delta).toEqual(deltas._parseDelta('x', {
- 20: 10
- }));
- return expect(result.tweenOptions).toEqual({
- duration: 2000
- });
- });
- return it('should return falsy tweenOptions if none', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitAndParseDelta('x', {
- 20: 10
- });
- expect(result.delta).toEqual(deltas._parseDelta('x', {
- 20: 10
- }));
- return expect(result.tweenOptions).toBeFalsy();
- });
- });
- describe('_splitTweenOptions method', function() {
- it('should return tween options separated from delta', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitTweenOptions({
- 0: 20,
- duration: 2000,
- delay: 200,
- easing: 'cubic.in'
- });
- expect(result.delta).toEqual({
- 0: 20
- });
- return expect(result.tweenOptions).toEqual({
- duration: 2000,
- delay: 200,
- easing: 'cubic.in'
- });
- });
- it('should not return tweenOptions if any', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitTweenOptions({
- 0: 20
- });
- expect(result.delta).toEqual({
- 0: 20
- });
- return expect(result.tweenOptions).toBeFalsy();
- });
- it('should not return tweenOptions if they are sufficiently `undefined`', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitTweenOptions({
- 0: 20,
- easing: void 0,
- duration: null
- });
- expect(result.delta).toEqual({
- 0: 20
- });
- return expect(result.tweenOptions).toBeFalsy();
- });
- it('should parse curve as part of delta', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitTweenOptions({
- 0: 20,
- curve: 'M0,0 L100,0'
- });
- expect(result.delta).toEqual({
- 0: 20,
- curve: 'M0,0 L100,0'
- });
- return expect(result.tweenOptions).toBeFalsy();
- });
- return it('should treat timeline property as tween one', function() {
- var deltas, result;
- options = {
- x: {
- 0: 20
- },
- timeline: {
- delay: 200
- }
- };
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas._splitTweenOptions(options);
- return expect(result.tweenOptions.timeline).toEqual({
- delay: 200
- });
- });
- });
- describe('_createDeltas method ->', function() {
- it('should create deltas from parsed object ->', function() {
- var deltas, mainDelta;
- options = {
- stroke: 'cyan',
- x: {
- 20: 0,
- duration: 4000
- },
- y: {
- 0: 40,
- delay: 200
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltas._deltas = null;
- deltas._createDeltas();
- mainDelta = deltas._deltas[0];
- expect(mainDelta._o.deltas).toBe(deltas._mainDeltas);
- expect(mainDelta._o.tweenOptions).toBe(deltas._mainTweenOptions);
- expect(mainDelta._o.props).toBe(props);
- return expect(mainDelta instanceof Delta).toBe(true);
- });
- it('should create deltas from parsed child objects ->', function() {
- var childDelta1, childDelta2, deltas;
- options = {
- stroke: 'cyan',
- x: {
- 20: 0,
- duration: 4000
- },
- y: {
- 0: 40,
- delay: 200
- },
- fill: {
- 'cyan': 'red'
- },
- duration: 1000,
- backwardEasing: 'cubic.out'
- };
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltas._deltas = null;
- deltas._createDeltas();
- childDelta1 = deltas._deltas[1];
- childDelta2 = deltas._deltas[2];
- expect(childDelta1._o.deltas).toEqual([deltas._childDeltas[0].delta]);
- expect(childDelta1._o.tweenOptions).toBe(deltas._childDeltas[0].tweenOptions);
- expect(childDelta1._o.props).toBe(props);
- expect(childDelta1 instanceof Delta).toBe(true);
- expect(childDelta2._o.deltas).toEqual([deltas._childDeltas[1].delta]);
- expect(childDelta2._o.tweenOptions).toBe(deltas._childDeltas[1].tweenOptions);
- expect(childDelta2._o.props).toBe(props);
- return expect(childDelta2 instanceof Delta).toBe(true);
- });
- it('should be called on initialization', function() {
- var deltas;
- spyOn(Deltas.prototype, '_createDeltas').and.callThrough();
- deltas = new Deltas({
- options: options,
- props: props
- });
- return expect(Deltas.prototype._createDeltas).toHaveBeenCalled();
- });
- return it('should send callbacksContext to each delta', function() {
- var callbacksContext, deltas, result;
- callbacksContext = {};
- deltas = new Deltas({
- options: options,
- props: props,
- callbacksContext: callbacksContext
- });
- result = deltas._createDelta([
- deltas._parseDelta('x', {
- 0: 20
- })
- ], {});
- return expect(result._o.callbacksContext).toBe(callbacksContext);
- });
- });
- describe('_isDelta method ->', function() {
- return it('should detect if value is not a delta value', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- expect(deltas._isDelta(45)).toBe(false);
- expect(deltas._isDelta('45')).toBe(false);
- expect(deltas._isDelta(['45'])).toBe(false);
- expect(deltas._isDelta({
- unit: 'px',
- value: 20
- })).toBe(false);
- return expect(deltas._isDelta({
- 20: 30
- })).toBe(true);
- });
- });
- describe('_createDelta method ->', function() {
- it('should create delta from passed objects', function() {
- var deltas, deltasArr, result, tweenOpts;
- deltas = new Deltas({
- options: options,
- props: props
- });
- deltasArr = [];
- tweenOpts = {};
- result = deltas._createDelta(deltasArr, tweenOpts);
- expect(result instanceof Delta).toBe(true);
- expect(result._o.deltas).toBe(deltasArr);
- expect(result._o.tweenOptions).toBe(tweenOpts);
- return expect(result._o.props).toBe(props);
- });
- return it('should pass isChained to delta', function() {
- var deltas, deltasArr, result, tweenOpts;
- deltas = new Deltas({
- options: options,
- props: props,
- isChained: true
- });
- deltasArr = [];
- tweenOpts = {};
- result = deltas._createDelta(deltasArr, tweenOpts);
- return expect(result._o.isChained).toBe(true);
- });
- });
- describe('_parseColorDelta method ->', function() {
- it('should calculate color delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseColorDelta('stroke', {
- '#000': 'rgb(255,255,255)'
- });
- expect(delta.start.r).toBe(0);
- expect(delta.end.r).toBe(255);
- expect(delta.delta.r).toBe(255);
- expect(delta.type).toBe('color');
- return expect(delta.name).toBe('stroke');
- });
- it('should ignore stroke-linecap prop, use start prop and warn', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(console, 'warn');
- delta = deltas._parseColorDelta('strokeLinecap', {
- 'round': 'butt'
- });
- expect(function() {
- return deltas._parseColorDelta('strokeLinecap', {
- 'round': 'butt'
- });
- }).not.toThrow();
- expect(console.warn).toHaveBeenCalled();
- return expect(delta.type).not.toBeDefined();
- });
- return it('should parse color curve values', function() {
- var curve, delta, deltas, startDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- startDelta = {
- '#000': 'rgb(255,255,255)',
- curve: curve
- };
- delta = deltas._parseColorDelta('stroke', startDelta);
- expect(delta.start.r).toBe(0);
- expect(delta.end.r).toBe(255);
- expect(delta.delta.r).toBe(255);
- expect(delta.type).toBe('color');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- });
- describe('_parseArrayDelta method ->', function() {
- it('should calculate array delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseArrayDelta('strokeDasharray', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- expect(delta.end[1].unit).toBe('%');
- return expect(delta.name).toBe('strokeDasharray');
- });
- it('should calculate array delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseArrayDelta('strokeDashoffset', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- return expect(delta.end[1].unit).toBe('%');
- });
- it('should calculate array delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseArrayDelta('origin', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- return expect(delta.end[1].unit).toBe('%');
- });
- return it('should parse array curve values', function() {
- var curve, delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- delta = deltas._parseArrayDelta('origin', {
- '200 100%': '300',
- curve: curve
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- expect(delta.end[1].unit).toBe('%');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- });
- describe('_parseUnitDelta method ->', function() {
- it('should calculate unit delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseUnitDelta('x', {
- '0%': '100%'
- });
- expect(delta.start.string).toBe('0');
- expect(delta.end.string).toBe('100%');
- expect(delta.delta).toBe(100);
- return expect(delta.type).toBe('unit');
- });
- return it('should parse array curve values', function() {
- var curve, delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- delta = deltas._parseUnitDelta('x', {
- '0%': '100%',
- curve: curve
- });
- expect(delta.start.string).toBe('0');
- expect(delta.end.string).toBe('100%');
- expect(delta.delta).toBe(100);
- expect(delta.type).toBe('unit');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- });
- describe('_parseNumberDelta method ->', function() {
- it('should calculate delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseNumberDelta('radius', {
- 25: 75
- });
- expect(delta.start).toBe(25);
- expect(delta.delta).toBe(50);
- expect(delta.type).toBe('number');
- return expect(delta.name).toBe('radius');
- });
- it('should parse curve', function() {
- var curve, delta, deltas, startDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- startDelta = {
- 25: 75,
- curve: curve
- };
- delta = deltas._parseNumberDelta('radius', startDelta);
- expect(delta.start).toBe(25);
- expect(delta.delta).toBe(50);
- expect(delta.type).toBe('number');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- return expect(startDelta.curve).toBe(curve);
- });
- it('should calculate delta with string arguments', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseNumberDelta('radius', {
- 25: 75
- });
- expect(delta.start).toBe(25);
- return expect(delta.delta).toBe(50);
- });
- it('should calculate delta with float arguments', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseNumberDelta('radius', {
- '25.50': 75.50
- });
- expect(delta.start).toBe(25.5);
- return expect(delta.delta).toBe(50);
- });
- it('should calculate delta with negative start arguments', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseNumberDelta('radius', {
- '-25.50': 75.50
- });
- expect(delta.start).toBe(-25.5);
- return expect(delta.delta).toBe(101);
- });
- return it('should calculate delta with negative end arguments', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._parseNumberDelta('radius', {
- '25.50': -75.50
- });
- expect(delta.start).toBe(25.5);
- expect(delta.end).toBe(-75.5);
- return expect(delta.delta).toBe(-101);
- });
- });
- describe('_preparseDelta method', function() {
- it('should parse start and end values of passed delta', function() {
- var delta, deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- delta = deltas._preparseDelta({
- '25.50': -75.50
- });
- expect(delta.start).toBe('25.50');
- return expect(delta.end).toBe(-75.50);
- });
- it('should parse curve', function() {
- var curve, delta, deltas, startDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- curve = "M0,100 L100,0";
- startDelta = {
- 25: 75,
- curve: curve
- };
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- delta = deltas._preparseDelta(startDelta);
- expect(delta.start).toBe('25');
- expect(delta.end).toBe(75);
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- return expect(startDelta.curve).toBe(curve);
- });
- it('should set parent on parsed curve', function() {
- var curve, delta, deltas, startDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- curve = "M0,100 L100,0";
- startDelta = {
- 25: 75,
- curve: curve
- };
- delta = deltas._preparseDelta(startDelta);
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(delta.curve._parent).toBe(deltas);
- });
- return it('should not parse curve if not set', function() {
- var delta, deltas, startDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- startDelta = {
- 25: 75
- };
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- delta = deltas._preparseDelta(startDelta);
- expect(delta.start).toBe('25');
- expect(delta.end).toBe(75);
- expect(typeof delta.curve).toBe('undefined');
- return expect(mojs.easing.parseEasing).not.toHaveBeenCalled();
- });
- });
- describe('color parsing - _makeColorObj method', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- it('should have _shortColors map', function() {
- return expect(deltas._shortColors).toBeDefined();
- });
- it('should parse 3 hex color', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('#f0f');
- expect(colorObj.r).toBe(255);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(255);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse 6 hex color', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('#0000ff');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(255);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse color shorthand', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('deeppink');
- expect(colorObj.r).toBe(255);
- expect(colorObj.g).toBe(20);
- expect(colorObj.b).toBe(147);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse none color shorthand', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('none');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(0);
- return expect(colorObj.a).toBe(0);
- });
- it('should parse rgb color', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('rgb(200,100,0)');
- expect(colorObj.r).toBe(200);
- expect(colorObj.g).toBe(100);
- expect(colorObj.b).toBe(0);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse rgba color', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('rgba(0,200,100,.1)');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(200);
- expect(colorObj.b).toBe(100);
- return expect(colorObj.a).toBe(.1);
- });
- return it('should parse rgba color with float starting by 0', function() {
- var colorObj;
- colorObj = deltas._makeColorObj('rgba(0,200,100,0.5)');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(200);
- expect(colorObj.b).toBe(100);
- return expect(colorObj.a).toBe(.5);
- });
- });
- describe('strToArr method', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- it('should parse string to array', function() {
- var array;
- array = deltas._strToArr('200 100');
- expect(array[0].value).toBe(200);
- return expect(array[0].unit).toBe('px');
- });
- it('should parse % string to array', function() {
- var array;
- array = deltas._strToArr('200% 100');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('%');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('px');
- });
- it('should parse number to array', function() {
- var array;
- array = deltas._strToArr(200);
- expect(array[0].value).toBe(200);
- return expect(array[0].unit).toBe('px');
- });
- it('should parse string with multiple spaces to array', function() {
- var array;
- array = deltas._strToArr('200 100%');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('%');
- });
- it('should trim string before parse', function() {
- var array;
- array = deltas._strToArr(' 200 100% ');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('%');
- });
- return it('should parse rand values', function() {
- var array;
- array = deltas._strToArr(' 200 rand(10,20) ');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBeGreaterThan(10);
- expect(array[1].value).not.toBeGreaterThan(20);
- return expect(array[1].unit).toBe('px');
- });
- });
- describe('_parseDelta method ->', function() {
- describe('color values ->', function() {
- it('should parse color objects', function() {
- var delta, deltas, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseColorDelta').and.callThrough();
- name = 'color';
- sourceDelta = {
- 'cyan': 'white'
- };
- delta = deltas._parseDelta(name, sourceDelta);
- expect(deltas._parseColorDelta).toHaveBeenCalledWith(name, sourceDelta);
- return expect(delta).toEqual(deltas._parseColorDelta(name, sourceDelta));
- });
- it('should not react on rand values', function() {
- var delta, deltas, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseColorDelta').and.callThrough();
- name = 'color';
- sourceDelta = {
- 'rand(1,20)': 'white'
- };
- delta = deltas._parseDelta(name, sourceDelta);
- return expect(deltas._parseColorDelta).not.toHaveBeenCalled();
- });
- return it('should not react on stagger values', function() {
- var delta, deltas, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseColorDelta').and.callThrough();
- name = 'color';
- sourceDelta = {
- 'stagger(20)': 'white'
- };
- delta = deltas._parseDelta(name, sourceDelta);
- return expect(deltas._parseColorDelta).not.toHaveBeenCalled();
- });
- });
- describe('array values ->', function() {
- var arrayPropertyMap;
- arrayPropertyMap = {
- transformOrigin: 1
- };
- return it('should treat the value as array if it is set in arrayPropertyMap object', function() {
- var delta, deltas, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props,
- arrayPropertyMap: arrayPropertyMap
- });
- spyOn(deltas, '_parseArrayDelta').and.callThrough();
- name = 'transformOrigin';
- sourceDelta = {
- '100 200': '0 50'
- };
- delta = deltas._parseDelta(name, sourceDelta);
- expect(deltas._parseArrayDelta).toHaveBeenCalledWith(name, sourceDelta);
- return expect(delta).toEqual(deltas._parseArrayDelta(name, sourceDelta));
- });
- });
- return describe('unit values ->', function() {
- it('should parse unit values by default', function() {
- var delta, deltas, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseUnitDelta').and.callThrough();
- name = 'x';
- sourceDelta = {
- '20': '30'
- };
- delta = deltas._parseDelta(name, sourceDelta);
- expect(deltas._parseUnitDelta).toHaveBeenCalledWith(name, sourceDelta, void 0);
- return expect(delta).toEqual(deltas._parseUnitDelta(name, sourceDelta));
- });
- it('should pass the index', function() {
- var delta, deltas, index, name, sourceDelta;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas, '_parseUnitDelta').and.callThrough();
- name = 'x';
- sourceDelta = {
- '20': '30'
- };
- index = 3;
- delta = deltas._parseDelta(name, sourceDelta, index);
- expect(deltas._parseUnitDelta).toHaveBeenCalledWith(name, sourceDelta, index);
- return expect(delta).toEqual(deltas._parseUnitDelta(name, sourceDelta, index));
- });
- return it('should parse properties that are in numberPropertyMap as numbers', function() {
- var delta, deltas, index, name, numberPropertyMap, sourceDelta;
- numberPropertyMap = {
- opacity: 1
- };
- deltas = new Deltas({
- options: options,
- props: props,
- numberPropertyMap: numberPropertyMap
- });
- spyOn(deltas, '_parseUnitDelta').and.callThrough();
- spyOn(deltas, '_parseNumberDelta').and.callThrough();
- name = 'opacity';
- sourceDelta = {
- '20': '30'
- };
- index = 3;
- delta = deltas._parseDelta(name, sourceDelta, index);
- expect(deltas._parseUnitDelta).not.toHaveBeenCalled();
- expect(deltas._parseNumberDelta).toHaveBeenCalledWith(name, sourceDelta, index);
- return expect(delta).toEqual(deltas._parseNumberDelta(name, sourceDelta, index));
- });
- });
- });
- describe('refresh method ->', function() {
- it('should call `refresh` on all `delta` objects // before', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas._deltas[0], 'refresh');
- spyOn(deltas._deltas[1], 'refresh');
- spyOn(deltas._deltas[2], 'refresh');
- deltas.refresh(true);
- expect(deltas._deltas[0].refresh).toHaveBeenCalledWith(true);
- expect(deltas._deltas[1].refresh).toHaveBeenCalledWith(true);
- return expect(deltas._deltas[2].refresh).toHaveBeenCalledWith(true);
- });
- it('should call `refresh` on all `delta` objects // after', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas._deltas[0], 'refresh');
- spyOn(deltas._deltas[1], 'refresh');
- spyOn(deltas._deltas[2], 'refresh');
- deltas.refresh(false);
- expect(deltas._deltas[0].refresh).toHaveBeenCalledWith(false);
- expect(deltas._deltas[1].refresh).toHaveBeenCalledWith(false);
- return expect(deltas._deltas[2].refresh).toHaveBeenCalledWith(false);
- });
- return it('should return `this`', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas.refresh(false);
- return expect(result).toBe(deltas);
- });
- });
- describe('restore method ->', function() {
- it('should call `restore` on all `delta` objects', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props
- });
- spyOn(deltas._deltas[0], 'restore');
- spyOn(deltas._deltas[1], 'restore');
- spyOn(deltas._deltas[2], 'restore');
- deltas.restore();
- expect(deltas._deltas[0].restore).toHaveBeenCalled();
- expect(deltas._deltas[1].restore).toHaveBeenCalled();
- return expect(deltas._deltas[2].restore).toHaveBeenCalled();
- });
- return it('should return `this`', function() {
- var deltas, result;
- deltas = new Deltas({
- options: options,
- props: props
- });
- result = deltas.restore();
- return expect(result).toBe(deltas);
- });
- });
- return describe('_parseDeltaByCustom method ->', function() {
- return it('should call _parseNumberDelta', function() {
- var deltas;
- deltas = new Deltas({
- options: options,
- props: props,
- customProps: {
- x: 0
- }
- });
- spyOn(deltas, '_parseNumberDelta');
- deltas._parseDeltaByCustom('x', props, 0);
- return expect(deltas._parseNumberDelta).toHaveBeenCalledWith('x', props, 0);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/delta/deltas.spec.js b/spec/delta/deltas.spec.js
new file mode 100644
index 000000000..2a51b53b6
--- /dev/null
+++ b/spec/delta/deltas.spec.js
@@ -0,0 +1,590 @@
+var Deltas = mojs.Deltas;
+var MotionPath = mojs.MotionPath;
+var helpers = mojs.__helpers__;
+var ClassProto = helpers.ClassProto;
+var Tweenable = helpers.Tweenable;
+
+var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ delay: 200,
+ duration: 2000,
+ onUpdate: function () {}
+};
+
+describe('`deltas` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `ClassProto`', function () {
+ var deltas = Deltas();
+ expect(Tweenable.__mojsClass.isPrototypeOf(deltas)).toBe(true);
+ });
+ });
+
+ describe('initialization ->', function() {
+ it('should create `el` if not defined', function () {
+ var deltas = Deltas();
+ expect(deltas._el).not.toBe(null);
+ expect(typeof deltas._el).toBe('object');
+ });
+
+ it('should create support object', function () {
+ var deltas = Deltas();
+ expect(deltas._supportProps).not.toBe(null);
+ expect(typeof deltas._supportProps).toBe('object');
+ });
+ });
+
+ describe('main tween ->', function() {
+ it('should create the main tween', function () {
+ var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ delay: 200,
+ duration: 2000,
+ onUpdate: function () {}
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas.tween._props.delay).toBe(options.delay);
+ expect(deltas.tween._props.duration).toBe(options.duration);
+ });
+ });
+
+ describe('timeline ->', function() {
+ it('should create the timeline', function () {
+ var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ delay: 200,
+ duration: 2000,
+ onUpdate: function () {},
+ timeline: {}
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas.timeline).toBeDefined();
+ expect(deltas.timeline._items[0]).toBe(deltas.tween);
+
+ // deltas class will always pass the `onUpdate`
+ // for internal purposes so delete it for asserting
+ delete deltas.timeline._o.onUpdate;
+ expect(deltas.timeline._o).toEqual(options.timeline);
+ });
+
+ it('should pass `index` to the `timeline` and `tween`', function () {
+ var index = 4;
+ var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ delay: 200,
+ duration: 2000,
+ onUpdate: function () {},
+ timeline: {},
+ index: index
+ };
+
+ var deltas = Deltas(options);
+ expect(deltas.timeline.index).toBe(index);
+ expect(deltas.tween.index).toBe(index);
+ });
+ });
+
+ describe('`_parseProperties` / deltas parsing ->', function() {
+ it('should hold deltas with tweens', function () {
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200 }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._tweenDeltas.length).toBe(2);
+ expect(deltas._plainDeltas.length).toBe(1);
+ expect(deltas.timeline._items.length).toBe(1 + deltas._tweenDeltas.length);
+ expect(deltas._staticProps.f).toBe(5);
+ expect(deltas.timeline._items[0]).toBe(deltas.tween);
+ expect(deltas.timeline._items[1]).toBe(deltas._tweenDeltas[0].tween);
+ expect(deltas.timeline._items[2]).toBe(deltas._tweenDeltas[1].tween);
+ });
+
+ it('should pass `index` to `delta`', function () {
+ var index = 2;
+ var options = {
+ el: {},
+ index: index,
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200 }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas.timeline._items[0].index).toBe(index);
+ expect(deltas.timeline._items[1].index).toBe(index);
+ expect(deltas.timeline._items[2].index).toBe(index);
+ });
+
+ it('should set static properties on target #el', function () {
+ var el = {};
+ var options = {
+ el: el,
+ f: 5,
+ z: 'a'
+ };
+
+ var deltas = Deltas(options);
+
+ expect(el.f).toBe(options.f);
+ expect(el.z).toBe(options.z);
+ });
+
+ it('should set static properties on target #el #number', function () {
+ var el = {};
+ var options = {
+ el: el,
+ f: 5,
+ customProperties: {
+ f: {
+ type: 'number'
+ }
+ }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._staticProps.f).toBe(options.f);
+ });
+
+ it('should set static properties on target #el #unit', function () {
+ var el = {};
+ var options = {
+ el: el,
+ f: 5,
+ isIt: 1,
+ customProperties: {
+ f: {
+ type: 'unit'
+ }
+ }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._staticProps.f).toBe(options.f + 'px');
+ });
+
+ it('should set static properties on target #el #unit #percent', function () {
+ var el = {};
+ var options = {
+ el: el,
+ f: '5%',
+ customProperties: {
+ f: {
+ type: 'unit'
+ }
+ }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._staticProps).toEqual({
+ f: options.f
+ });
+ });
+
+ it('should set static properties on target #el #color', function () {
+ var el = {};
+ var options = {
+ el: el,
+ f: 'cyan',
+ customProperties: {
+ f: {
+ type: 'color'
+ }
+ }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._staticProps).toEqual({
+ f: 'rgba(0, 255, 255, 1)'
+ });
+ });
+
+ it('should set static properties on target #supportProps', function () {
+ var el = {};
+ var customProperties = {
+ f: {
+ type: 'number',
+ isSkipRender: true
+ }
+ }
+ var options = {
+ el: el,
+ f: 5,
+ z: 'a',
+ customProperties: customProperties
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._supportProps.f).toBe(options.f);
+ expect(el.z).toBe(options.z);
+ });
+
+ it('should parse stagger on static', function () {
+ var el = {};
+ var index = 7;
+
+ var options = {
+ el: el,
+ f: mojs.stagger.step(10, 20),
+ z: 'a',
+ index: index
+ };
+
+ var deltas = Deltas(options);
+
+ expect(el.f).toBe(10 + index*20);
+ });
+
+ it('should pass `_el` as target to deltas', function () {
+ var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200 },
+ el: {}
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._tweenDeltas[0]._props.target).toBe(deltas._el);
+ expect(deltas._tweenDeltas[1]._props.target).toBe(deltas._el);
+ expect(deltas._plainDeltas[0]._props.target).toBe(deltas._el);
+ });
+
+ it('should pass `_supportProps` as `supportProps` to deltas', function () {
+ var options = {
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ k: { path: 'M0,0 L100,100' },
+ f: 5,
+ z: { '200': 300, delay: 200 },
+ el: {}
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._tweenDeltas[0]._props.supportProps).toBe(deltas._supportProps);
+ expect(deltas._tweenDeltas[1]._props.supportProps).toBe(deltas._supportProps);
+ expect(deltas._plainDeltas[0]._props.supportProps).toBe(deltas._supportProps);
+ expect(deltas._plainDeltas[1]._props.supportProps).toBe(deltas._supportProps);
+ });
+
+ it('should create motion paths if `path` set', function () {
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200, path: 'M0,0 L100,100' },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200, path: 'M0,0 L200,200' }
+ };
+
+ var deltas = Deltas(options);
+
+ expect(MotionPath.__mojsClass.isPrototypeOf(deltas._tweenDeltas[0])).toBe(true);
+ expect(MotionPath.__mojsClass.isPrototypeOf(deltas._tweenDeltas[1])).toBe(true);
+
+ expect(deltas._tweenDeltas.length).toBe(2);
+ expect(deltas._plainDeltas.length).toBe(1);
+ expect(deltas.timeline._items.length).toBe(1 + deltas._tweenDeltas.length);
+ expect(deltas._staticProps.f).toBe(5);
+ expect(deltas.timeline._items[0]).toBe(deltas.tween);
+ expect(deltas.timeline._items[1]).toBe(deltas._tweenDeltas[0].tween);
+ expect(deltas.timeline._items[2]).toBe(deltas._tweenDeltas[1].tween);
+ });
+
+ it('should pass `index` to `motionpath`', function () {
+ var index = 5;
+ var options = {
+ index: index,
+ el: {},
+ x: { '200': 300, delay: 200, path: 'M0,0 L100,100' },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200, path: 'M0,0 L200,200' }
+ };
+
+ var deltas = Deltas(options);
+ expect(deltas._tweenDeltas[0].index).toBe(index);
+ expect(deltas._tweenDeltas[1].index).toBe(index);
+ });
+
+ it('should pass customProperties to motion path', function () {
+ var customProperties = {}
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200, path: 'M0,0 L100,100' },
+ y: { '200': 300 },
+ f: 5,
+ z: { '200': 300, delay: 200, path: 'M0,0 L200,200' },
+ customProperties: customProperties
+ };
+
+ var deltas = Deltas(options);
+
+ expect(MotionPath.__mojsClass.isPrototypeOf(deltas._tweenDeltas[0])).toBe(true);
+ expect(deltas._tweenDeltas[0]._o.customProperties).toBe(customProperties);
+ expect(MotionPath.__mojsClass.isPrototypeOf(deltas._tweenDeltas[1])).toBe(true);
+ expect(deltas._tweenDeltas[1]._o.customProperties).toBe(customProperties);
+ });
+
+ it('should pass `unit` to motion path', function () {
+ var customProperties = {}
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200, path: 'M0,0 L100,100', unit: '%' },
+ customProperties: customProperties
+ };
+
+ var deltas = Deltas(options);
+
+ expect(MotionPath.__mojsClass.isPrototypeOf(deltas._tweenDeltas[0])).toBe(true);
+ expect(deltas._tweenDeltas[0]._o.unit).toBe('%');
+ });
+
+ it('should pass `index` to deltas', function () {
+ var index = parseInt(Math.random()*10, 10);
+
+ var options = {
+ el: {},
+ x: { 20: 40 },
+ z: { 10: 30, duration: 2000 },
+ t: { path: 'M100,200, L300,250' },
+ f: 5,
+ y: { '200': 300, delay: 200, path: 'M0,0 L200,200' },
+ index: index
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._tweenDeltas[0].index).toBe(index);
+ expect(deltas._tweenDeltas[1].index).toBe(index);
+ expect(deltas._plainDeltas[0].index).toBe(index);
+ expect(deltas._plainDeltas[1].index).toBe(index);
+ });
+
+ it('should parse stagger options on delta`s tweens', function () {
+ var index = 2;
+
+ var options = {
+ el: {},
+ x: { 20: 40 },
+ z: { 10: 30, duration: mojs.stagger.step(500, 1500) },
+ t: { path: 'M100,200, L300,250' },
+ f: 5,
+ y: { '200': 300, delay: 200, path: 'M0,0 L200,200' },
+ index: index
+ };
+
+ var deltas = Deltas(options);
+
+ expect(deltas._tweenDeltas[0].tween._props.duration).toBe(500 + index*1500);
+ });
+ });
+
+ describe('`_upd_deltas` function ->', function() {
+ it('should update the plain deltas', function () {
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '50': 125 }
+ };
+
+ var deltas = Deltas(options);
+
+ spyOn(deltas._plainDeltas[0], 'update');
+ spyOn(deltas._plainDeltas[1], 'update');
+
+ var progress = Math.random();
+ var isForward = true;
+ deltas._upd_deltas(progress, progress, isForward);
+
+ expect(deltas._plainDeltas[0].update).toHaveBeenCalledWith(progress, progress, isForward);
+ expect(deltas._plainDeltas[1].update).toHaveBeenCalledWith(progress, progress, isForward);
+ });
+
+ it('should be called by main tween onUpdate', function () {
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '50': 125 },
+ onUpdate: function() {}
+ };
+
+ var deltas = Deltas(options);
+ spyOn(deltas, '_upd_deltas');
+
+ var progress = Math.random();
+ var isForward = true;
+ deltas.tween._props.onUpdate(progress, progress, isForward);
+
+ expect(deltas._upd_deltas).toHaveBeenCalledWith(progress, progress, isForward);
+ });
+
+ it('should call the render function', function () {
+ var pipeObj = {};
+ var customProperties = {
+ render: function() {},
+ pipeObj: pipeObj
+ };
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '50': 125 },
+ onUpdate: function() {},
+ customProperties: customProperties
+ };
+
+ var deltas = Deltas(options);
+ spyOn(deltas, '_render');
+
+ var progress = Math.random();
+ var isForward = true;
+ deltas.tween._props.onUpdate(progress, progress, isForward);
+
+ expect(deltas._render.calls.mostRecent().args[0]).toBe(deltas._el);
+ expect(deltas._render.calls.mostRecent().args[1].props).toBe(deltas._supportProps);
+ expect(deltas._render.calls.mostRecent().args[1].pipeObj).toBe(deltas._pipeObj);
+ expect(deltas._render.calls.mostRecent().args[2]).toBe(progress);
+ expect(deltas._render.calls.mostRecent().args[3]).toBe(progress);
+ expect(deltas._render.calls.mostRecent().args[4]).toBe(isForward);
+ });
+
+ it('should be call onUpdate on timeline', function () {
+ var customProperties = {
+ render: function() {}
+ };
+ var isCalled = null;
+
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '50': 125 },
+ onUpdate: function() {},
+ customProperties: customProperties,
+ timeline: {
+ onUpdate: function() {
+ isCalled = true;
+ }
+ }
+ };
+
+ var deltas = Deltas(options);
+
+ var progress = Math.random();
+ var isForward = true;
+ deltas.timeline._props.onUpdate(progress, progress, isForward);
+
+ expect(isCalled).toBe(true);
+ });
+
+ it('should call the onUpdate', function () {
+ var options = {
+ el: {},
+ x: { '200': 300, delay: 200 },
+ y: { '200': 300 },
+ f: 5,
+ z: { '50': 125 },
+ onUpdate: function() {}
+ };
+
+ spyOn(options, 'onUpdate');
+
+ var deltas = Deltas(options);
+
+ var progress = Math.random();
+ var isForward = true;
+ deltas.tween._props.onUpdate(progress, progress, isForward);
+
+ expect(options.onUpdate).toHaveBeenCalledWith(progress, progress, isForward);
+ expect(options.onUpdate.calls.count()).toBe(1);
+ });
+ });
+
+ describe('`index` ->', function() {
+ it('should extend `ClassProto`', function () {
+ var index = parseInt(Math.random()*10, 10);
+ var deltas = Deltas({ index: index });
+ expect(deltas.index).toBe(index);
+ });
+
+ it('should fallback to `0`', function () {
+ var deltas = Deltas();
+ expect(deltas.index).toBe(0);
+ expect(deltas._o.index).not.toBeDefined();
+ expect(deltas._props.index).not.toBeDefined();
+ });
+ });
+
+ describe('`customProperties` ->', function() {
+ it('should save custom properties', function () {
+ var customProperties = {};
+ var deltas = Deltas({
+ customProperties: customProperties
+ });
+ expect(deltas._customProperties).toBe(customProperties);
+ });
+
+ it('should pass the custom Properties to deltas', function () {
+ var customProperties = {};
+ var deltas = Deltas({
+ el: {},
+ x: { '200': 300 },
+ y: { '200': 300 },
+ customProperties: customProperties
+ });
+ expect(deltas._plainDeltas[0]._o.customProperties).toBe(customProperties);
+ expect(deltas._plainDeltas[1]._o.customProperties).toBe(customProperties);
+ });
+
+ it('should save `render` function', function () {
+ var customProperties = {
+ render: function() {}
+ };
+ var deltas = Deltas({
+ el: {},
+ x: { '200': 300 },
+ y: { '200': 300 },
+ customProperties: customProperties
+ });
+ expect(deltas._render).toBe(customProperties.render);
+ });
+
+ it('should fallback to generic function for `render`', function () {
+ var customProperties = {};
+ var deltas = Deltas({
+ el: {},
+ x: { '200': 300 },
+ y: { '200': 300 },
+ customProperties: customProperties
+ });
+ expect(typeof deltas._render).toBe('function');
+ });
+ });
+});
diff --git a/spec/delta/motion-path-cache.spec.js b/spec/delta/motion-path-cache.spec.js
new file mode 100644
index 000000000..32494f060
--- /dev/null
+++ b/spec/delta/motion-path-cache.spec.js
@@ -0,0 +1,15 @@
+var MotionPath = mojs.MotionPath;
+var helpers = mojs.__helpers__;
+var motionPathCache = helpers.motionPathCache;
+
+describe('`motion path cache` ->', function () {
+ it('should save item by `path` and `n`', function () {
+ var path = 'M0,0 L 100,100';
+ var n = 1000;
+ var obj = {};
+
+ motionPathCache.save(path, n, obj);
+
+ expect(motionPathCache.get(path, n)).toBe(obj);
+ });
+});
diff --git a/spec/delta/motion-path.spec.js b/spec/delta/motion-path.spec.js
new file mode 100644
index 000000000..30fe46866
--- /dev/null
+++ b/spec/delta/motion-path.spec.js
@@ -0,0 +1,597 @@
+var MotionPath = mojs.MotionPath;
+var helpers = mojs.__helpers__;
+var motionPathCache = helpers.motionPathCache;
+var ClassProto = helpers.ClassProto;
+
+var path = 'M0, 0 L200, 400';
+var n = 2;
+describe('`motion-path` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `ClassProto`', function () {
+ var motionPath = MotionPath({ path: path, el: {} });
+ expect(ClassProto.isPrototypeOf(motionPath)).toBe(true);
+ });
+
+ it('should have `_defaults`', function () {
+ var motionPath = MotionPath({ path: path, el: {} });
+ expect(motionPath._defaults.path).toBe('M0,0 L100,100');
+ expect(motionPath._defaults.precision).toBe(140);
+ expect(motionPath._defaults.el).toBe(null);
+ expect(motionPath._defaults.supportProps).toBe(null);
+ expect(motionPath._defaults.coordinate).toBe('x');
+ expect(motionPath._defaults.customProperties).toEqual({});
+ expect(motionPath._defaults.property).toBe('x');
+ });
+
+ it('should decide `target` #el', function () {
+ var el = {};
+ var motionPath = MotionPath({ path: path, el: el });
+ expect(motionPath._target).toBe(el);
+ });
+
+ it('should decide `target` #supportProps', function () {
+ var key = 'x';
+ var el = {};
+ var customProperties = {};
+ var supportProps = {};
+ customProperties[key] = {
+ type: 'unit',
+ isSkipRender: true
+ };
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ property: key,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+ expect(motionPath._target).toBe(supportProps);
+ });
+
+ it('should decide `unit` #unit', function () {
+ var key = 'x';
+ var el = {};
+ var customProperties = {};
+ var supportProps = {};
+ customProperties[key] = {
+ type: 'unit',
+ isSkipRender: true
+ };
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ property: key,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+
+ expect(motionPath._unit).toBe('px');
+ });
+
+ it('should decide `unit` #unit #percent', function () {
+ var key = 'x';
+ var el = {};
+ var customProperties = {};
+ var supportProps = {};
+ customProperties[key] = {
+ type: 'unit',
+ isSkipRender: true
+ };
+ var motionPath = MotionPath({
+ path: path,
+ unit: '%',
+ el: el,
+ property: key,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+
+ expect(motionPath._unit).toBe('%');
+ });
+
+ it('should decide `unit` #number', function () {
+ var key = 'x';
+ var el = {};
+ var customProperties = {};
+ var supportProps = {};
+ customProperties[key] = {
+ type: 'number',
+ isSkipRender: true
+ };
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ property: key,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+
+ expect(motionPath._unit).not.toBeDefined();
+ });
+
+ it('should decide `unit` #number #2', function () {
+ var key = 'x';
+ var el = {};
+ var supportProps = {};
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ property: key,
+ customProperties: {},
+ supportProps: supportProps
+ });
+
+ expect(motionPath._unit).not.toBeDefined();
+ });
+ });
+
+ describe('`path` option parsing ->', function() {
+ it('should extend `ClassProto`', function () {
+ var motionPath = MotionPath({ path: path, el: {} });
+ expect(motionPath._path).toBeDefined();
+ expect(typeof motionPath._path.style).toBe('object');
+ expect(motionPath._path.style).not.toBe(null);
+ expect(typeof motionPath._path.getTotalLength).toBe('function');
+ expect(typeof motionPath._path.getPointAtLength).toBe('function');
+ });
+ });
+
+ describe('`caching` ->', function() {
+ it('should cache a path', function () {
+ var precision = 10;
+ var motionPath = MotionPath({ path: path, el: {}, precision: precision });
+
+ var cachedPath = motionPathCache.get(path, precision);
+ expect(cachedPath).toBeDefined();
+
+ var motionPath = MotionPath({ path: path, el: {}, precision: precision });
+
+ var cachedPath2 = motionPathCache.get(path, precision);
+
+ expect(cachedPath2).toBe(cachedPath);
+ });
+
+ it('should cache a path based on path', function () {
+ var path1 = 'M 0, 0';
+ var path2 = 'M 0, 1';
+ var precision = 10;
+ var motionPath = MotionPath({ path: path1, el: {}, precision: precision });
+
+ var cachedPath = motionPathCache.get(path1, precision);
+ expect(cachedPath).toBeDefined();
+
+ var motionPath = MotionPath({ path: path2, el: {}, precision: precision });
+
+ var cachedPath2 = motionPathCache.get(path2, precision);
+ expect(cachedPath2).not.toBe(cachedPath);
+ });
+
+ it('should cache a path based on precision', function () {
+ var precision = 10;
+ var motionPath = MotionPath({ path: path, el: {}, precision: precision });
+
+ var cachedPath = motionPathCache.get(path, precision);
+ expect(cachedPath).toBeDefined();
+
+ var precision2 = precision + 1;
+ var motionPath = MotionPath({ path: path, el: {}, precision: precision2 });
+
+ var cachedPath2 = motionPathCache.get(path, precision2);
+
+ expect(cachedPath2).not.toBe(cachedPath);
+ });
+ });
+
+ describe('`path` sampling ->', function() {
+ it('should sample path', function () {
+ var motionPath = MotionPath({ path: path, el: {} });
+ expect(motionPath._samples instanceof Map).toBe(true);
+ expect(motionPath._samples.size).toBe(motionPath._defaults.precision + 1);
+ });
+
+ it('should sample path #2', function () {
+ var precision = 200;
+ var motionPath = MotionPath({ precision: precision, path: path, el: {} });
+
+ var number = 0;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(0, 3);
+ expect(motionPath._samples.get(number).y).toBeCloseTo(0, 3);
+ expect(motionPath._samples.get(number).angle).toBeCloseTo(0, 3);
+
+ var number = .25;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(50, 3);
+ expect(motionPath._samples.get(number).y).toBeCloseTo(100, 3);
+ expect(motionPath._samples.get(number).angle).toBeCloseTo(63.4, 1);
+
+ var number = .5;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(100, 3);
+ expect(motionPath._samples.get(number).y).toBeCloseTo(200, 3);
+ expect(motionPath._samples.get(number).angle).toBeCloseTo(63.4, 1);
+
+ var number = .75;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(150, 3);
+ expect(motionPath._samples.get(number).y).toBeCloseTo(300, 3);
+ expect(motionPath._samples.get(number).angle).toBeCloseTo(63.4, 1);
+
+ var number = 1;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(200, 3);
+ expect(motionPath._samples.get(number).y).toBeCloseTo(400, 3);
+ expect(motionPath._samples.get(number).angle).toBeCloseTo(63.4, 1);
+ });
+
+ it('should sample path #3', function () {
+ var precision = 200;
+ var step = 1/precision;
+ var path = 'M0,208.853153 C0,208.853153 514.306345,113.17046 550.332461,338.253735 C586.358576,563.337009 77.4077083,845.512996 171.50164,428.228405 C265.595571,10.9438136 1000,1 1000,1';
+ var motionPath = MotionPath({ precision: precision, path: path, el: {} });
+
+ var number = 0;
+ expect(motionPath._samples.get(number).x).toBeCloseTo(0, 3);
+ expect(Math.round(motionPath._samples.get(number).y)).toBe(209);
+ expect(Math.round(motionPath._samples.get(number).angle)).toBe(-270);
+
+ var number = .25;
+ expect(Math.round(motionPath._samples.get(number).x)).toBe(543);
+ expect(Math.round(motionPath._samples.get(number).y)).toBe(310);
+ expect(Math.round(motionPath._samples.get(number).angle)).toBe(69);
+
+ var number = .5;
+ expect(Math.round(motionPath._samples.get(number).x)).toBe(178);
+ expect(Math.round(motionPath._samples.get(number).y)).toBe(600);
+ expect(Math.round(motionPath._samples.get(number).angle)).toBe(-121);
+
+ var number = .75;
+ expect(Math.round(motionPath._samples.get(number).x)).toBe(433);
+ expect(Math.round(motionPath._samples.get(number).y)).toBe(130);
+ expect(Math.round(motionPath._samples.get(number).angle)).toBe(-27);
+
+ var number = 1;
+ expect(Math.round(motionPath._samples.get(number).x)).toBe(1000);
+ expect(Math.round(motionPath._samples.get(number).y)).toBe(1);
+ expect(Math.round(motionPath._samples.get(number).angle)).toBe(-1);
+ });
+ });
+
+ describe('`update` function ->', function() {
+ it('should set the progress on the target according to coordinate #x', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(el[coordinate]).toBeCloseTo(100, 3);
+ });
+
+ it('should set the progress on the target according to coordinate #y', function () {
+ var el = {};
+ var coordinate = 'y';
+ var property = 'y';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(el[property]).toBeCloseTo(200, 3);
+ });
+
+ it('should set the progress on the target according to coordinate #y #supportProps', function () {
+ var el = {};
+ var coordinate = 'y';
+ var property = 'y';
+ var supportProps = {};
+ var customProperties = {};
+ customProperties[property] = {
+ type: 'number',
+ isSkipRender: true
+ };
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property,
+ customProperties: customProperties,
+ supportProps: supportProps
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(supportProps[property]).toBeCloseTo(200, 3);
+ });
+
+ it('should set the progress on the target according to coordinate #x #y', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'y';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(el[property]).toBeCloseTo(100, 3);
+ });
+
+ it('should set the progress on the target according to coordinate #y #x', function () {
+ var el = {};
+ var coordinate = 'y';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(el[property]).toBeCloseTo(200, 3);
+ });
+
+ it('should set the progress on the target according to `unit` #px', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property,
+ customProperties: {
+ x: {
+ type: 'unit'
+ }
+ }
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(parseInt(el[coordinate], 10)).toBeCloseTo(100, 3);
+ expect((/px$/).test(el[coordinate])).toBe(true);
+ });
+
+ it('should set the progress on the target according to `unit` #percent', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property,
+ unit: '%',
+ customProperties: {
+ x: {
+ type: 'unit'
+ }
+ }
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(parseInt(el[coordinate], 10)).toBeCloseTo(100, 3);
+ expect((/\%$/).test(el[coordinate])).toBe(true);
+ });
+
+ it('should set the progress on the target according to `unit` #percent #2', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property,
+ unit: '%'
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(parseInt(el[coordinate], 10)).toBeCloseTo(100, 3);
+ expect((/\%$/).test(el[coordinate])).toBe(true);
+ });
+
+ it('should set the progress on the target according to `unit` #percent #2', function () {
+ var el = {};
+ var coordinate = 'x';
+ var property = 'x';
+ var motionPath = MotionPath({
+ path: path,
+ el: el,
+ coordinate: coordinate,
+ property: property,
+ });
+
+ motionPath.update(.5, .5, true);
+
+ expect(el[coordinate]).toBeCloseTo(100, 3);
+ expect(typeof el[coordinate]).toBe('number');
+ });
+
+ it('should return `this`', function () {
+ var el = {};
+ var motionPath = MotionPath({ path: path, el: el });
+
+ var result = motionPath.update(.5, .5, true);
+ expect(result).toBe(motionPath);
+ });
+ });
+
+ describe('tween creation ->', function() {
+ it('should create tween if any tween property is used', function () {
+ var el = {};
+ var options = {
+ path: path,
+ el: el,
+ duration: 2000
+ };
+ var motionPath = MotionPath(options);
+
+ expect(motionPath.tween).toBeDefined();
+ expect(motionPath.tween._props.duration).toBe(options.duration);
+ });
+
+ it('should pass `update` as `onUpdate` callback', function () {
+ var el = {};
+ var options = {
+ path: path,
+ el: el,
+ duration: 2000
+ };
+ var motionPath = MotionPath(options);
+
+ spyOn(motionPath, 'update');
+
+ var progress = Math.random();
+ var isForward = true;
+ motionPath.tween._props.onUpdate(progress, progress, isForward);
+
+ expect(motionPath.update).toHaveBeenCalledWith(progress, progress, isForward);
+ });
+
+ it('should call previous `onUpdate`', function () {
+ var args = null;
+
+ var el = {};
+ var options = {
+ path: path,
+ el: el,
+ duration: 2000,
+ onUpdate: function() {
+ args = arguments;
+ }
+ };
+ var motionPath = MotionPath(options);
+
+ var progress = Math.random();
+ var isForward = true;
+
+ motionPath.tween._props.onUpdate(progress/2, progress, isForward);
+ expect(args[0]).toBe(progress/2);
+ expect(args[1]).toBe(progress);
+ expect(args[2]).toBe(isForward);
+ });
+
+ it('should not create tween if no tween property is used', function () {
+ var el = {};
+ var options = {
+ path: path,
+ el: el
+ };
+ var motionPath = MotionPath(options);
+
+ expect(motionPath.tween).not.toBeDefined();
+ });
+ });
+
+ describe('stagger parsing ->', function() {
+ it('should parse `stagger` properties in props #path', function () {
+ var paths = mojs.stagger.map('M1, 1', 'M2, 2', 'M3, 3');
+ var index = 5;
+
+ var motionPath = MotionPath({ path: paths, index: index });
+
+ expect(motionPath._props.path).toBe(paths[index % paths.length]);
+ });
+
+ it('should parse `stagger` properties in props #el', function () {
+ var els = mojs.stagger.map( {}, {}, {} );
+ var index = 3;
+
+ var motionPath = MotionPath({ el: els, index: index });
+
+ expect(motionPath._props.el).toBe(els[index % els.length]);
+ });
+
+ it('should parse `stagger` properties in props #precision', function () {
+ var index = 2;
+
+ var motionPath = MotionPath({ precision: mojs.stagger.step(10, 20), index: index });
+
+ expect(motionPath._props.precision).toBe(10 + index*20);
+ });
+
+ it('should parse `stagger` properties in props #coordinate', function () {
+ var coords = mojs.stagger.map( 'x', 'y', 'angle' );
+ var index = 3;
+
+ var motionPath = MotionPath({ coordinate: coords, index: index });
+
+ expect(motionPath._props.coordinate).toBe(coords[index % coords.length]);
+ });
+
+ it('should parse `stagger` properties in props #coordinate', function () {
+ var props = mojs.stagger.map( 'k', 'z', 'tale' );
+ var index = 12;
+
+ var motionPath = MotionPath({ property: props, index: index });
+
+ expect(motionPath._props.property).toBe(props[index % props.length]);
+ });
+
+ it('should pass `_totalItemsInStagger`', function () {
+ var props = {
+ fun: mojs.stagger.function(function() {})
+ };
+ var index = 3;
+
+ spyOn(props, 'fun');
+ var motionPath = MotionPath({ property: props.fun, index: index });
+
+ expect(props.fun).toHaveBeenCalledWith(index, 1);
+ });
+
+ it('should parse burstGenerator', function () {
+ var coords = [ 'x', 'y', 'angle' ];
+ var index = 3;
+ var path = 'M0,0 L200,25';
+ var fun = function () {
+ return { path: path };
+ };
+ fun.__mojs__isStaggerFunction = true;
+
+ var motionPath = MotionPath({ path: fun });
+
+ expect(motionPath._props.path).toBe(path);
+ });
+ });
+
+ describe('`coordinate` option ->', function() {
+ it('should set to `y` if key is `y` and no other defined', function () {
+ var motionPath = MotionPath({ property: 'y' });
+
+ expect(motionPath._props.coordinate).toBe('y');
+ });
+
+ it('should not set to `y` if it was defined', function () {
+ var motionPath = MotionPath({ property: 'y', coordinate: 'z' });
+
+ expect(motionPath._props.coordinate).toBe('z');
+ });
+
+ it('should set to `angle` if key is `angle` and no other defined', function () {
+ var motionPath = MotionPath({ property: 'angle' });
+
+ expect(motionPath._props.coordinate).toBe('angle');
+ });
+
+ it('should not set to `angle` if it was defined', function () {
+ var motionPath = MotionPath({ property: 'angle', coordinate: 'tale' });
+
+ expect(motionPath._props.coordinate).toBe('tale');
+ });
+ });
+});
diff --git a/spec/delta/parse-color.spec.js b/spec/delta/parse-color.spec.js
new file mode 100644
index 000000000..61987f4b6
--- /dev/null
+++ b/spec/delta/parse-color.spec.js
@@ -0,0 +1,24 @@
+var helpers = mojs.__helpers__;
+var parseColor = helpers.parseColor;
+var makeColorObject = helpers.makeColorObject;
+
+describe('`parseColor` ->', function () {
+ it('should parse color delta', function () {
+ var delta = { 'cyan': 'rgba(20, 10, 5, .25)', duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseColor(name, split);
+ expect(result.type).toBe('color');
+ expect(result.name).toBe(name);
+ expect(result.curve).toBe(split.curve);
+ expect(result.tweenOptions).toBeDefined();
+ expect(result.tweenOptions).toBe(split.tweenOptions);
+
+ expect(result.start).toEqual(makeColorObject('cyan'));
+ expect(result.end).toEqual(makeColorObject('rgba(20, 10, 5, .25)'));
+ expect(result.delta.r).toBe(20);
+ expect(result.delta.g).toBe(-245);
+ expect(result.delta.b).toBe(-250);
+ expect(result.delta.a).toBe(-.75);
+ });
+});
diff --git a/spec/delta/parse-number.spec.js b/spec/delta/parse-number.spec.js
new file mode 100644
index 000000000..baf1032a3
--- /dev/null
+++ b/spec/delta/parse-number.spec.js
@@ -0,0 +1,21 @@
+var helpers = mojs.__helpers__;
+var splitDelta = helpers.splitDelta;
+var parseNumber = helpers.parseNumber;
+
+describe('parseNumber ->', function () {
+ it('should parse number delta', function () {
+ var delta = { '20': 30, easing: function() {}, duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseNumber(name, split);
+
+ expect(result.type).toBe('number');
+ expect(result.name).toBe(name);
+ expect(result.start).toBe(20);
+ expect(result.end).toBe(30);
+ expect(result.delta).toBe(30 - 20);
+ expect(result.curve).toBe(split.curve);
+ expect(result.tweenOptions).toBeDefined();
+ expect(result.tweenOptions).toBe(split.tweenOptions);
+ });
+});
diff --git a/spec/delta/parse-unit.spec.js b/spec/delta/parse-unit.spec.js
new file mode 100644
index 000000000..323cf3e06
--- /dev/null
+++ b/spec/delta/parse-unit.spec.js
@@ -0,0 +1,70 @@
+var helpers = mojs.__helpers__;
+var splitDelta = helpers.splitDelta;
+var parseUnit = helpers.parseUnit;
+
+describe('parseUnit ->', function () {
+ it('should parse number delta #end', function () {
+ var delta = { '20': '30rem', easing: function() {}, duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseUnit(name, split);
+
+ expect(result.type).toBe('unit');
+ expect(result.name).toBe(name);
+ expect(result.start).toBe(20);
+ expect(result.end).toBe(30);
+ expect(result.delta).toBe(30 - 20);
+ expect(result.unit).toBe('rem');
+ expect(result.tweenOptions).toEqual(split.tweenOptions);
+ expect(result.curve).not.toBeDefined();
+ });
+
+ it('should parse number delta #start', function () {
+ var delta = { '20%': '30', easing: function() {}, duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseUnit(name, split);
+
+ expect(result.type).toBe('unit');
+ expect(result.name).toBe(name);
+ expect(result.start).toBe(20);
+ expect(result.end).toBe(30);
+ expect(result.delta).toBe(30 - 20);
+ expect(result.unit).toBe('%');
+ expect(result.tweenOptions).toEqual(split.tweenOptions);
+ expect(result.curve).not.toBeDefined();
+ });
+
+ it('should have priority for end', function () {
+ var delta = { '20%': '30fr', easing: function() {}, duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseUnit(name, split);
+
+ expect(result.type).toBe('unit');
+ expect(result.name).toBe(name);
+ expect(result.start).toBe(20);
+ expect(result.end).toBe(30);
+ expect(result.delta).toBe(30 - 20);
+ expect(result.unit).toBe('fr');
+ expect(result.tweenOptions).toEqual(split.tweenOptions);
+ expect(result.curve).not.toBeDefined();
+ });
+
+ it('should fallback to `px`', function () {
+ var delta = { '20': '30', easing: function() {}, duration: 2000 };
+ var split = splitDelta(delta);
+ var name = 'name';
+ var result = parseUnit(name, split);
+
+ expect(result.type).toBe('unit');
+ expect(result.name).toBe(name);
+ expect(result.start).toBe(20);
+ expect(result.end).toBe(30);
+ expect(result.delta).toBe(30 - 20);
+ expect(result.unit).toBe('px');
+ expect(result.tweenOptions).toEqual(split.tweenOptions);
+ expect(result.curve).not.toBeDefined();
+ });
+
+});
diff --git a/spec/delta/separate-tween-options.spec.js b/spec/delta/separate-tween-options.spec.js
new file mode 100644
index 000000000..0c637507c
--- /dev/null
+++ b/spec/delta/separate-tween-options.spec.js
@@ -0,0 +1,23 @@
+var helpers = mojs.__helpers__;
+var splitDelta = helpers.splitDelta;
+var tweenDefaults = helpers.tweenDefaults;
+var separateTweenOptions = helpers.separateTweenOptions;
+
+describe('separateTweenOptions ->', function () {
+ it('split tween options from tweenDefaults', function () {
+ const delta = { '7': '25rem' };
+
+ for (var option in tweenDefaults) {
+ delta[option] = tweenDefaults[option];
+ }
+
+ const result = separateTweenOptions(delta);
+ for (var option in result) {
+ expect(result[option]).toBe(tweenDefaults[option]);
+ expect(delta[option]).not.toBeDefined();
+ }
+
+ expect(Object.keys(delta).length).toBe(1);
+ expect(delta['7']).toBe('25rem');
+ });
+});
diff --git a/spec/delta/split-delta.spec.js b/spec/delta/split-delta.spec.js
new file mode 100644
index 000000000..7da84969a
--- /dev/null
+++ b/spec/delta/split-delta.spec.js
@@ -0,0 +1,62 @@
+var helpers = mojs.__helpers__;
+var splitDelta = helpers.splitDelta;
+var parseEasing = helpers.parseEasing;
+var tweenDefaults = helpers.tweenDefaults;
+
+describe('splitDelta ->', function () {
+ it('split tween options from delta', function () {
+ const delta = { '20': 30, easing: function() {}, duration: 2000 };
+ const result = splitDelta(delta);
+
+ expect(result.start).toBe('20');
+ expect(result.end).toBe(30);
+ expect(result.tweenOptions).toEqual({
+ easing: delta.easing,
+ duration: delta.duration
+ });
+ });
+
+ it('split tween options from delta and curve', function () {
+ const delta = { '11%': '20px', curve: 'sin.in', delay: 2000, onUpdate: function() {} };
+ const result = splitDelta(delta);
+
+ expect(result.start).toBe('11%');
+ expect(result.end).toBe('20px');
+ expect(result.curve).toBe(parseEasing(delta.curve));
+ expect(result.tweenOptions).toEqual({
+ delay: delta.delay,
+ onUpdate: delta.onUpdate
+ });
+ });
+
+ it('split tween options from tweenDefaults', function () {
+ const delta = { '7': '25rem' };
+
+ for (var option in tweenDefaults) {
+ delta[option] = tweenDefaults[option];
+ }
+
+ const result = splitDelta(delta);
+
+ expect(result.start).toBe('7');
+ expect(result.end).toBe('25rem');
+ expect(result.curve).not.toBeDefined();
+
+ for (var option in tweenDefaults) {
+ expect(result.tweenOptions[option]).toBe(tweenDefaults[option]);
+ }
+ });
+
+ it('should work with `from` and `to` syntax', function () {
+ const delta = { from: '11%', to: '20px', curve: 'sin.in', delay: 2000, onUpdate: function() {} };
+ const result = splitDelta(delta);
+
+ expect(result.start).toBe('11%');
+ expect(result.end).toBe('20px');
+ expect(result.curve).toBe(parseEasing(delta.curve));
+ expect(result.tweenOptions).toEqual({
+ delay: delta.delay,
+ onUpdate: delta.onUpdate
+ });
+ });
+});
diff --git a/spec/easing/approximate.coffee b/spec/easing/approximate.coffee
deleted file mode 100644
index 2e21acecb..000000000
--- a/spec/easing/approximate.coffee
+++ /dev/null
@@ -1,99 +0,0 @@
-
-approximate = mojs.easing.approximate
-
-describe 'approximate method ->', ->
- describe '_sample method', ->
- it 'should call _proximate method with fn, samples', ->
- spyOn approximate, '_proximate'
-
- fn = (k)-> 2*k
- n = 4
- samplesCount = Math.pow( 10, n )
- approximate fn, n
-
- samples = approximate._proximate.calls.first().args[0]
- keys = Object.keys(samples)
- expect(keys.length).toBe samplesCount + 2
-
- expect(samples[0]).toBe fn(0)
- p = 0
- step = 1/samplesCount
- for i in [0...samplesCount-1]
- p += step
- index = parseFloat(p.toFixed(n));
- expect(samples[ index ]).toBe fn(p)
-
- expect(samples[1]).toBe fn(1)
-
- it 'should preserve presicion', ->
- spyOn approximate, '_proximate'
-
- fn = (k)-> 2*k
- n = 4
- samplesCount = Math.pow( 10, n )
- approximate fn, n
-
- samples = approximate._proximate.calls.first().args[0]
- keys = Object.keys(samples)
-
- expect(parseFloat(keys[101]) - parseFloat(keys[100]))
- .toBeCloseTo 0, n-1
-
- it 'should set base to the samples', ->
- spyOn approximate, '_proximate'
-
- fn = (k)-> 2*k
- n = 4
- samplesCount = Math.pow( 10, n )
- approximate fn, n
-
- samples = approximate._proximate.calls.first().args[0]
- expect(samples.base).toBe n
-
- it 'should return a function', ->
- fn = (k)-> 2*k
- n = 4
- result = approximate fn, n
-
- expect(typeof result).toBe 'function'
-
- p = 0; size = 10000; step = 1/size
- for i in [0..size]
- expect(result(p)).toBeCloseTo fn(p)
- p += Math.random()
- if p > 1 then p = 0
-
- it 'should return samples', ->
- spyOn(approximate, '_proximate').and.callThrough()
- fn = (k)-> 2*k
- n = 4
- result = approximate(fn, n)
- samples = approximate._proximate.calls.first().args[0]
-
- expect(result.getSamples()).toBe samples
-
- it 'should be able to load with samples', ->
- spyOn(approximate, '_proximate').and.callThrough()
-
- loadSamples = {}
- fn = (k)-> 2*k
- n = 4
- result = approximate(fn, loadSamples)
-
- expect(approximate._proximate).toHaveBeenCalledWith loadSamples
- samples = approximate._proximate.calls.first().args[0]
- expect(result.getSamples()).toBe loadSamples
-
- it 'should be able to load with stringified samples', ->
- spyOn(approximate, '_proximate').and.callThrough()
-
- loadSamples = { a: 2, c: 3, d: 10 }
- fn = (k)-> 2*k
- n = 4
- result = approximate(fn, JSON.stringify(loadSamples) )
-
- expect(approximate._proximate).toHaveBeenCalledWith loadSamples
- samples = approximate._proximate.calls.first().args[0]
- expect(result.getSamples()).toEqual loadSamples
-
-
diff --git a/spec/easing/approximate.js b/spec/easing/approximate.js
deleted file mode 100644
index 8f8dd415d..000000000
--- a/spec/easing/approximate.js
+++ /dev/null
@@ -1,122 +0,0 @@
-(function() {
- var approximate;
-
- approximate = mojs.easing.approximate;
-
- describe('approximate method ->', function() {
- return describe('_sample method', function() {
- it('should call _proximate method with fn, samples', function() {
- var fn, i, index, keys, n, p, samples, samplesCount, step, _i, _ref;
- spyOn(approximate, '_proximate');
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- samplesCount = Math.pow(10, n);
- approximate(fn, n);
- samples = approximate._proximate.calls.first().args[0];
- keys = Object.keys(samples);
- expect(keys.length).toBe(samplesCount + 2);
- expect(samples[0]).toBe(fn(0));
- p = 0;
- step = 1 / samplesCount;
- for (i = _i = 0, _ref = samplesCount - 1; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
- p += step;
- index = parseFloat(p.toFixed(n));
- expect(samples[index]).toBe(fn(p));
- }
- return expect(samples[1]).toBe(fn(1));
- });
- it('should preserve presicion', function() {
- var fn, keys, n, samples, samplesCount;
- spyOn(approximate, '_proximate');
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- samplesCount = Math.pow(10, n);
- approximate(fn, n);
- samples = approximate._proximate.calls.first().args[0];
- keys = Object.keys(samples);
- return expect(parseFloat(keys[101]) - parseFloat(keys[100])).toBeCloseTo(0, n - 1);
- });
- it('should set base to the samples', function() {
- var fn, n, samples, samplesCount;
- spyOn(approximate, '_proximate');
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- samplesCount = Math.pow(10, n);
- approximate(fn, n);
- samples = approximate._proximate.calls.first().args[0];
- return expect(samples.base).toBe(n);
- });
- it('should return a function', function() {
- var fn, i, n, p, result, size, step, _i, _results;
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- result = approximate(fn, n);
- expect(typeof result).toBe('function');
- p = 0;
- size = 10000;
- step = 1 / size;
- _results = [];
- for (i = _i = 0; 0 <= size ? _i <= size : _i >= size; i = 0 <= size ? ++_i : --_i) {
- expect(result(p)).toBeCloseTo(fn(p));
- p += Math.random();
- if (p > 1) {
- _results.push(p = 0);
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- });
- it('should return samples', function() {
- var fn, n, result, samples;
- spyOn(approximate, '_proximate').and.callThrough();
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- result = approximate(fn, n);
- samples = approximate._proximate.calls.first().args[0];
- return expect(result.getSamples()).toBe(samples);
- });
- it('should be able to load with samples', function() {
- var fn, loadSamples, n, result, samples;
- spyOn(approximate, '_proximate').and.callThrough();
- loadSamples = {};
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- result = approximate(fn, loadSamples);
- expect(approximate._proximate).toHaveBeenCalledWith(loadSamples);
- samples = approximate._proximate.calls.first().args[0];
- return expect(result.getSamples()).toBe(loadSamples);
- });
- return it('should be able to load with stringified samples', function() {
- var fn, loadSamples, n, result, samples;
- spyOn(approximate, '_proximate').and.callThrough();
- loadSamples = {
- a: 2,
- c: 3,
- d: 10
- };
- fn = function(k) {
- return 2 * k;
- };
- n = 4;
- result = approximate(fn, JSON.stringify(loadSamples));
- expect(approximate._proximate).toHaveBeenCalledWith(loadSamples);
- samples = approximate._proximate.calls.first().args[0];
- return expect(result.getSamples()).toEqual(loadSamples);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/easing/bezier-easing.coffee b/spec/easing/bezier-easing.coffee
deleted file mode 100644
index b5ac735e8..000000000
--- a/spec/easing/bezier-easing.coffee
+++ /dev/null
@@ -1,126 +0,0 @@
-bezier = mojs.easing.bezier
-
-describe 'bezier easing ->', ->
- it 'should be a function', ->
- expect(typeof bezier).toBe 'function'
- it 'should return a function', ->
- expect(typeof bezier(0, 0, 1, 1)).toBe 'function'
- describe 'linear curves ->', ->
- it 'shoud be linear', ->
- bezier1 = bezier(0,0,1,1); bezier2 = bezier 1,1,0,0
- samples = 100
- for i in [0..samples]
- x = i / samples
- expect(bezier1(x)).toBe bezier2(x)
- expect(bezier1(x)).toBe x
- expect(bezier1(x)).toBeDefined()
- describe 'common props ->', ->
- it 'should be the right value at extremes', ->
- for i in [0...1000]
- a = Math.random(); b = 2*Math.random()-0.5
- c = Math.random(); d = 2*Math.random()-0.5
- easing = bezier(a,b,c,d)
- expect(easing(0)).toBe 0
- expect(easing(1)).toBe 1
- it 'should approach the projected value of its x=y projected curve', ->
- samples = 1000
- for i in [0...samples]
- x = i / samples
- a = Math.random(); b = Math.random()
- c = Math.random(); d = Math.random()
- easing = bezier(a,b,c,d)
- projected = bezier(b,a,d,c)
- composed = (x)-> projected easing x
- expect(x).toBeCloseTo composed(x), 1
- describe 'two same instances ->', ->
- it 'should be strictly equal', ->
- samples = 100
- for i in [0..samples]
- a = Math.random(); b = 2*Math.random()-0.5
- c = Math.random(); d = 2*Math.random()-0.5
- x = i/samples
- expect(bezier(a,b,c,d)(x)).toBe bezier(a,b,c,d)(x)
-
- describe 'symetric curves ->', ->
- it 'should have a central value y~=0.5 at x=0.5', ->
- samples = 100
- for i in [0..samples]
- a = Math.random(); b = 2*Math.random()-0.5
- c = 1-a; d = 1-b; easing = bezier(a,b,c,d)
- expect(easing(.5)).toBeCloseTo .5
-
- it 'should be symetrical', ->
- samples = 100
- for i in [0..samples]
- a = Math.random(); b = 2*Math.random()-0.5
- c = 1-a; d = 1-b; easing = bezier(a,b,c,d)
- sym = (x)-> 1 - easing(1-x)
- x = i/samples
- expect(easing(x)).toBeCloseTo sym(x)
-
- describe 'toStr method ->', ->
- it 'should return params, the function was called with', ->
- expect(bezier(0,1,0,1).toStr()).toBe 'bezier(0,1,0,1)'
-
-
- describe 'arguments parsing ->', ->
- it 'should error if no arguments', ->
- spyOn mojs.h, 'error'
- expect(bezier()).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if 1 argument', ->
- spyOn mojs.h, 'error'
- expect(bezier(1)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if 2 arguments', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if 3 arguments', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if 3 arguments', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if string argument', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3, 'a')).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if NaN argument', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3, NaN)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if Infinity argument', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3, Infinity)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if Infinity argument', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 1, 3, Infinity)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x < 0', ->
- spyOn mojs.h, 'error'
- expect(bezier(0.5, 0.5, -5, 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x < 0 #2', ->
- spyOn mojs.h, 'error'
- expect(bezier(-2, 0.5, 1, 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x < 0 #3', ->
- spyOn mojs.h, 'error'
- expect(bezier(-Math.random()-0.000001, 0.5, 0.5, 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x > 1', ->
- spyOn mojs.h, 'error'
- expect(bezier(0.5, 0.5, 5, 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x > 1 #2', ->
- spyOn mojs.h, 'error'
- expect(bezier(2, 0.5, 1, 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
- it 'should error if x > 1 #3', ->
- spyOn mojs.h, 'error'
- expect(bezier(0.5, 0.5, 1.000001+Math.random(), 0.5)).toBe undefined
- expect(mojs.h.error).toHaveBeenCalled()
diff --git a/spec/easing/bezier-easing.js b/spec/easing/bezier-easing.js
deleted file mode 100644
index dc37e8781..000000000
--- a/spec/easing/bezier-easing.js
+++ /dev/null
@@ -1,198 +0,0 @@
-(function() {
- var bezier;
-
- bezier = mojs.easing.bezier;
-
- describe('bezier easing ->', function() {
- it('should be a function', function() {
- return expect(typeof bezier).toBe('function');
- });
- it('should return a function', function() {
- return expect(typeof bezier(0, 0, 1, 1)).toBe('function');
- });
- describe('linear curves ->', function() {
- return it('shoud be linear', function() {
- var bezier1, bezier2, i, samples, x, _i, _results;
- bezier1 = bezier(0, 0, 1, 1);
- bezier2 = bezier(1, 1, 0, 0);
- samples = 100;
- _results = [];
- for (i = _i = 0; 0 <= samples ? _i <= samples : _i >= samples; i = 0 <= samples ? ++_i : --_i) {
- x = i / samples;
- expect(bezier1(x)).toBe(bezier2(x));
- expect(bezier1(x)).toBe(x);
- _results.push(expect(bezier1(x)).toBeDefined());
- }
- return _results;
- });
- });
- describe('common props ->', function() {
- it('should be the right value at extremes', function() {
- var a, b, c, d, easing, i, _i, _results;
- _results = [];
- for (i = _i = 0; _i < 1000; i = ++_i) {
- a = Math.random();
- b = 2 * Math.random() - 0.5;
- c = Math.random();
- d = 2 * Math.random() - 0.5;
- easing = bezier(a, b, c, d);
- expect(easing(0)).toBe(0);
- _results.push(expect(easing(1)).toBe(1));
- }
- return _results;
- });
- return it('should approach the projected value of its x=y projected curve', function() {
- var a, b, c, composed, d, easing, i, projected, samples, x, _i, _results;
- samples = 1000;
- _results = [];
- for (i = _i = 0; 0 <= samples ? _i < samples : _i > samples; i = 0 <= samples ? ++_i : --_i) {
- x = i / samples;
- a = Math.random();
- b = Math.random();
- c = Math.random();
- d = Math.random();
- easing = bezier(a, b, c, d);
- projected = bezier(b, a, d, c);
- composed = function(x) {
- return projected(easing(x));
- };
- _results.push(expect(x).toBeCloseTo(composed(x), 1));
- }
- return _results;
- });
- });
- describe('two same instances ->', function() {
- return it('should be strictly equal', function() {
- var a, b, c, d, i, samples, x, _i, _results;
- samples = 100;
- _results = [];
- for (i = _i = 0; 0 <= samples ? _i <= samples : _i >= samples; i = 0 <= samples ? ++_i : --_i) {
- a = Math.random();
- b = 2 * Math.random() - 0.5;
- c = Math.random();
- d = 2 * Math.random() - 0.5;
- x = i / samples;
- _results.push(expect(bezier(a, b, c, d)(x)).toBe(bezier(a, b, c, d)(x)));
- }
- return _results;
- });
- });
- describe('symetric curves ->', function() {
- it('should have a central value y~=0.5 at x=0.5', function() {
- var a, b, c, d, easing, i, samples, _i, _results;
- samples = 100;
- _results = [];
- for (i = _i = 0; 0 <= samples ? _i <= samples : _i >= samples; i = 0 <= samples ? ++_i : --_i) {
- a = Math.random();
- b = 2 * Math.random() - 0.5;
- c = 1 - a;
- d = 1 - b;
- easing = bezier(a, b, c, d);
- _results.push(expect(easing(.5)).toBeCloseTo(.5));
- }
- return _results;
- });
- return it('should be symetrical', function() {
- var a, b, c, d, easing, i, samples, sym, x, _i, _results;
- samples = 100;
- _results = [];
- for (i = _i = 0; 0 <= samples ? _i <= samples : _i >= samples; i = 0 <= samples ? ++_i : --_i) {
- a = Math.random();
- b = 2 * Math.random() - 0.5;
- c = 1 - a;
- d = 1 - b;
- easing = bezier(a, b, c, d);
- sym = function(x) {
- return 1 - easing(1 - x);
- };
- x = i / samples;
- _results.push(expect(easing(x)).toBeCloseTo(sym(x)));
- }
- return _results;
- });
- });
- describe('toStr method ->', function() {
- return it('should return params, the function was called with', function() {
- return expect(bezier(0, 1, 0, 1).toStr()).toBe('bezier(0,1,0,1)');
- });
- });
- return describe('arguments parsing ->', function() {
- it('should error if no arguments', function() {
- spyOn(mojs.h, 'error');
- expect(bezier()).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if 1 argument', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(1)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if 2 arguments', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if 3 arguments', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if 3 arguments', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if string argument', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3, 'a')).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if NaN argument', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3, NaN)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if Infinity argument', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3, Infinity)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if Infinity argument', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 1, 3, Infinity)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if x < 0', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(0.5, 0.5, -5, 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if x < 0 #2', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(-2, 0.5, 1, 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if x < 0 #3', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(-Math.random() - 0.000001, 0.5, 0.5, 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if x > 1', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(0.5, 0.5, 5, 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- it('should error if x > 1 #2', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(2, 0.5, 1, 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- return it('should error if x > 1 #3', function() {
- spyOn(mojs.h, 'error');
- expect(bezier(0.5, 0.5, 1.000001 + Math.random(), 0.5)).toBe(void 0);
- return expect(mojs.h.error).toHaveBeenCalled();
- });
- });
- });
-
-}).call(this);
diff --git a/spec/easing/easing.coffee b/spec/easing/easing.coffee
deleted file mode 100644
index 8ebadf257..000000000
--- a/spec/easing/easing.coffee
+++ /dev/null
@@ -1,204 +0,0 @@
-easing = mojs.easing
-describe 'easing ->', ->
- describe 'Linear ->', ->
- it 'should have None', ->
- expect(easing.linear.none(.5)).toBe .5
- describe 'ease ->', ->
- it 'should have In', ->
- expect(easing.ease.in.toStr()).toBe 'bezier(0.42,0,1,1)'
- it 'should have Out', ->
- expect(easing.ease.out.toStr()).toBe 'bezier(0,0,0.58,1)'
- it 'should have InOut', ->
- expect(easing.ease.inout.toStr()).toBe 'bezier(0.42,0,0.58,1)'
- describe 'quad ->', ->
- it 'should have In', ->
- expect(easing.quad.in(.5)).toBe .5*.5
- it 'should have Out', ->
- expect(easing.quad.out(.5)).toBe .5*(2-.5)
- it 'should have InOut', ->
- expect(easing.quad.inout(.5)).toBe .5
- expect(easing.quad.inout(.25)).toBe .125
- describe 'cubic ->', ->
- it 'should have In', ->
- expect(easing.cubic.in(.5)).toBe .5*.5*.5
- it 'should have Out', ->
- expect(easing.cubic.out(.5)).toBe .875
- it 'should have InOut', ->
- expect(easing.cubic.inout(.5)).toBe .5
- expect(easing.cubic.inout(.25)).toBe .0625
- describe 'quart ->', ->
- it 'should have In', ->
- expect(easing.quart.in(.5)).toBe .5*.5*.5*.5
- it 'should have Out', ->
- expect(easing.quart.out(.5)).toBe .9375
- it 'should have InOut', ->
- expect(easing.quart.inout(.5)).toBe .5
- expect(easing.quart.inout(.25)).toBe .03125
- describe 'quint ->', ->
- it 'should have In', ->
- expect(easing.quint.in(.5)).toBe .5*.5*.5*.5*.5
- it 'should have Out', ->
- expect(easing.quint.out(.5)).toBe .96875
- it 'should have InOut', ->
- expect(easing.quint.inout(.5)).toBe .5
- expect(easing.quint.inout(.25)).toBe .015625
- describe 'sin ->', ->
- it 'should have In', ->
- expect(easing.sin.in(.5)).toBe 1 - Math.cos(.5 * Math.PI / 2)
- it 'should have Out', ->
- expect(easing.sin.out(.5)).toBe Math.sin(.5 * Math.PI / 2)
- it 'should have InOut', ->
- result = 0.5 * (1 - Math.cos(Math.PI * .5))
- expect(easing.sin.inout(.5)).toBe result
- describe 'expo ->', ->
- it 'should have In', ->
- expect(easing.expo.in(0)).toBe 0
- expect(easing.expo.in(.5)).toBe Math.pow(1024, .5 - 1)
- it 'should have Out', ->
- expect(easing.expo.out(1)).toBe 1
- expect(easing.expo.out(.5)).toBe 1 - Math.pow(2, -10 * .5)
- it 'should have InOut', ->
- expect(easing.expo.inout(0)).toBe 0
- expect(easing.expo.inout(1)).toBe 1
- expect(easing.expo.inout(.25)).toBe 0.5 * Math.pow(1024, .5 - 1)
- expect(easing.expo.inout(.5)).toBe .5
- describe 'circ ->', ->
- it 'should have In', ->
- expect(easing.circ.in(.5)).toBe 1 - Math.sqrt(1 - .5 * .5)
- it 'should have Out', ->
- k = .5
- expect(easing.circ.out(k)).toBe Math.sqrt 1 - (--k * k)
- it 'should have InOut', ->
- expect(easing.circ.inout(.25).toFixed(2)).toBe '0.07'
- expect(easing.circ.inout(.6).toFixed(2)).toBe '0.80'
- describe 'elastic ->', ->
- it 'should have In', ->
- expect(easing.elastic.in(0)).toBe 0
- expect(easing.elastic.in(1)).toBe 1
- expect(easing.elastic.in(.75).toFixed(5)).toBe '-0.12500'
- expect(easing.elastic.in(.1).toFixed(2)).toBe '0.00'
- it 'should have Out', ->
- expect(easing.elastic.out(0)).toBe 0
- expect(easing.elastic.out(1)).toBe 1
- expect(easing.elastic.out(.75).toFixed(2)).toBe '1.00'
- it 'should have InOut', ->
- expect(easing.elastic.inout(0)).toBe 0
- expect(easing.elastic.inout(1)).toBe 1
- expect(easing.elastic.inout(.25).toFixed(2)).toBe '0.00'
- expect(easing.elastic.inout(.75).toFixed(2)).toBe '1.00'
- describe 'back ->', ->
- it 'should have In', ->
- expect(easing.back.in(.75).toFixed(2)).toBe '0.18'
- it 'should have Out', ->
- expect(easing.back.out(.75).toFixed(2)).toBe '1.06'
- it 'should have InOut', ->
- expect(easing.back.inout(.25).toFixed(2)).toBe '-0.10'
- expect(easing.back.inout(.75).toFixed(2)).toBe '1.10'
- describe 'bounce ->', ->
- it 'should have In', ->
- expect(easing.bounce.in(.75).toFixed(2)).toBe '0.53'
- it 'should have Out', ->
- expect(easing.bounce.out(.1).toFixed(2)).toBe '0.08'
- expect(easing.bounce.out(.25).toFixed(2)).toBe '0.47'
- expect(easing.bounce.out(.75).toFixed(2)).toBe '0.97'
- expect(easing.bounce.out(.99).toFixed(2)).toBe '0.99'
- it 'should have InOut', ->
- expect(easing.bounce.inout(.25).toFixed(2)).toBe '0.12'
- expect(easing.bounce.inout(.75).toFixed(2)).toBe '0.88'
- describe 'bezier ->', ->
- it 'should have bezier constructor', ->
- expect(typeof easing.bezier).toBe 'function'
- describe 'path ->', ->
- it 'should have path constructor', ->
- expect(typeof easing.path).toBe 'function'
- describe 'PathEasing ->', ->
- it 'should have PathEasing constructor', ->
- expect(typeof easing.PathEasing).toBe 'function'
- describe 'inverse method ->', ->
- it 'should inverse passed value', ->
- expect(easing.inverse(-2)).toBeCloseTo 3, 4
- expect(easing.inverse(-1)).toBeCloseTo 2, 4
- expect(easing.inverse(0)) .toBeCloseTo 1, 4
- expect(easing.inverse(.2)).toBeCloseTo .8, 4
- expect(easing.inverse(.5)).toBeCloseTo .5, 4
- expect(easing.inverse(.7)).toBeCloseTo .3, 4
- expect(easing.inverse(1)) .toBeCloseTo 0, 4
- expect(easing.inverse(2)) .toBeCloseTo -1, 4
- expect(easing.inverse(3)) .toBeCloseTo -2, 4
- describe 'mix method ->', ->
- it 'should be definede', ->
- expect(typeof easing.mix).toBe 'function'
-
- describe 'parseEasing method ->', ->
- it 'should parse function easing', ->
- fun = ->
- expect(easing.parseEasing(fun)).toBe fun
- expect(typeof easing.parseEasing(fun)).toBe 'function'
- it 'should parse null/undefined to liner.none', ->
- fun = easing.parseEasing(null)
- expect(fun).toBe mojs.easing.linear.none
-
- describe 'easing name option ->', ->
- it 'should parse string easing', ->
- expect(typeof easing.parseEasing('cubic.in')).toBe 'function'
- it 'should error if easing was not found and fallback to linear one', ->
- spyOn mojs.h, 'error'
- fun = easing.parseEasing('sinusoidal.in')
- expect(mojs.h.error).toHaveBeenCalled()
- expect(fun).toBe mojs.easing.linear.none
- # it 'should call easing.splitEasing method', ->
- # t = new Tween duration: 100
- # spyOn h, 'splitEasing'
- # easing.parseEasing('cubic.in')
- # expect(easing.splitEasing).toHaveBeenCalled()
- describe 'SVG path option ->', ->
- it 'should parse SVG path easing', ->
- expect(typeof easing.parseEasing('M0,100 L100,0')).toBe 'function'
- it 'should call easing.path method', ->
- spyOn window.mojs.easing, 'path'
- easing.parseEasing('M0,100 L100,0')
- expect(window.mojs.easing.path).toHaveBeenCalled()
- describe 'bezier option ->', ->
- it 'should parse bezier easing', ->
- expect(typeof easing.parseEasing([0.42,0,1,1])).toBe 'function'
- it 'should call bezier method', ->
- spyOn window.mojs.easing, 'bezier'
- easing.parseEasing([0.42,0,1,1])
- expect(window.mojs.easing.bezier).toHaveBeenCalled()
-
- describe 'splitEasing method ->', ->
- it 'should split easing string to array',->
- expect(easing._splitEasing('Linear.None')[0]).toBe 'linear'
- expect(easing._splitEasing('Linear.None')[1]).toBe 'none'
- it 'should return default easing Linear.None if argument is bad', ->
- expect(easing._splitEasing(4)[0]).toBe 'linear'
- expect(easing._splitEasing(4)[1]).toBe 'none'
- it 'should return default easing Linear.None if argument is bad #2', ->
- expect(easing._splitEasing('')[0]).toBe 'linear'
- expect(easing._splitEasing('')[1]).toBe 'none'
- it 'should return default easing Linear.None if argument is bad #3', ->
- expect(easing._splitEasing('Linear..None')[0]).toBe 'linear'
- expect(easing._splitEasing('Linear..None')[1]).toBe 'none'
- it 'should work with lovercase easing', ->
- expect(easing._splitEasing('linear..none')[0]).toBe 'linear'
- expect(easing._splitEasing('linear..none')[1]).toBe 'none'
- it 'should work with function easing', ->
- fun = -> console.log 'function'
- expect(easing._splitEasing(fun)+'').toBe fun+''
-
- describe 'approximate object', ->
- it 'should de defined', ->
- expect(easing.approximate).toBeDefined();
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/spec/easing/easing.js b/spec/easing/easing.js
deleted file mode 100644
index 0ccaa3603..000000000
--- a/spec/easing/easing.js
+++ /dev/null
@@ -1,274 +0,0 @@
-(function() {
- var easing;
-
- easing = mojs.easing;
-
- describe('easing ->', function() {
- describe('Linear ->', function() {
- return it('should have None', function() {
- return expect(easing.linear.none(.5)).toBe(.5);
- });
- });
- describe('ease ->', function() {
- it('should have In', function() {
- return expect(easing.ease["in"].toStr()).toBe('bezier(0.42,0,1,1)');
- });
- it('should have Out', function() {
- return expect(easing.ease.out.toStr()).toBe('bezier(0,0,0.58,1)');
- });
- return it('should have InOut', function() {
- return expect(easing.ease.inout.toStr()).toBe('bezier(0.42,0,0.58,1)');
- });
- });
- describe('quad ->', function() {
- it('should have In', function() {
- return expect(easing.quad["in"](.5)).toBe(.5 * .5);
- });
- it('should have Out', function() {
- return expect(easing.quad.out(.5)).toBe(.5 * (2 - .5));
- });
- return it('should have InOut', function() {
- expect(easing.quad.inout(.5)).toBe(.5);
- return expect(easing.quad.inout(.25)).toBe(.125);
- });
- });
- describe('cubic ->', function() {
- it('should have In', function() {
- return expect(easing.cubic["in"](.5)).toBe(.5 * .5 * .5);
- });
- it('should have Out', function() {
- return expect(easing.cubic.out(.5)).toBe(.875);
- });
- return it('should have InOut', function() {
- expect(easing.cubic.inout(.5)).toBe(.5);
- return expect(easing.cubic.inout(.25)).toBe(.0625);
- });
- });
- describe('quart ->', function() {
- it('should have In', function() {
- return expect(easing.quart["in"](.5)).toBe(.5 * .5 * .5 * .5);
- });
- it('should have Out', function() {
- return expect(easing.quart.out(.5)).toBe(.9375);
- });
- return it('should have InOut', function() {
- expect(easing.quart.inout(.5)).toBe(.5);
- return expect(easing.quart.inout(.25)).toBe(.03125);
- });
- });
- describe('quint ->', function() {
- it('should have In', function() {
- return expect(easing.quint["in"](.5)).toBe(.5 * .5 * .5 * .5 * .5);
- });
- it('should have Out', function() {
- return expect(easing.quint.out(.5)).toBe(.96875);
- });
- return it('should have InOut', function() {
- expect(easing.quint.inout(.5)).toBe(.5);
- return expect(easing.quint.inout(.25)).toBe(.015625);
- });
- });
- describe('sin ->', function() {
- it('should have In', function() {
- return expect(easing.sin["in"](.5)).toBe(1 - Math.cos(.5 * Math.PI / 2));
- });
- it('should have Out', function() {
- return expect(easing.sin.out(.5)).toBe(Math.sin(.5 * Math.PI / 2));
- });
- return it('should have InOut', function() {
- var result;
- result = 0.5 * (1 - Math.cos(Math.PI * .5));
- return expect(easing.sin.inout(.5)).toBe(result);
- });
- });
- describe('expo ->', function() {
- it('should have In', function() {
- expect(easing.expo["in"](0)).toBe(0);
- return expect(easing.expo["in"](.5)).toBe(Math.pow(1024, .5 - 1));
- });
- it('should have Out', function() {
- expect(easing.expo.out(1)).toBe(1);
- return expect(easing.expo.out(.5)).toBe(1 - Math.pow(2, -10 * .5));
- });
- return it('should have InOut', function() {
- expect(easing.expo.inout(0)).toBe(0);
- expect(easing.expo.inout(1)).toBe(1);
- expect(easing.expo.inout(.25)).toBe(0.5 * Math.pow(1024, .5 - 1));
- return expect(easing.expo.inout(.5)).toBe(.5);
- });
- });
- describe('circ ->', function() {
- it('should have In', function() {
- return expect(easing.circ["in"](.5)).toBe(1 - Math.sqrt(1 - .5 * .5));
- });
- it('should have Out', function() {
- var k;
- k = .5;
- return expect(easing.circ.out(k)).toBe(Math.sqrt(1 - (--k * k)));
- });
- return it('should have InOut', function() {
- expect(easing.circ.inout(.25).toFixed(2)).toBe('0.07');
- return expect(easing.circ.inout(.6).toFixed(2)).toBe('0.80');
- });
- });
- describe('elastic ->', function() {
- it('should have In', function() {
- expect(easing.elastic["in"](0)).toBe(0);
- expect(easing.elastic["in"](1)).toBe(1);
- expect(easing.elastic["in"](.75).toFixed(5)).toBe('-0.12500');
- return expect(easing.elastic["in"](.1).toFixed(2)).toBe('0.00');
- });
- it('should have Out', function() {
- expect(easing.elastic.out(0)).toBe(0);
- expect(easing.elastic.out(1)).toBe(1);
- return expect(easing.elastic.out(.75).toFixed(2)).toBe('1.00');
- });
- return it('should have InOut', function() {
- expect(easing.elastic.inout(0)).toBe(0);
- expect(easing.elastic.inout(1)).toBe(1);
- expect(easing.elastic.inout(.25).toFixed(2)).toBe('0.00');
- return expect(easing.elastic.inout(.75).toFixed(2)).toBe('1.00');
- });
- });
- describe('back ->', function() {
- it('should have In', function() {
- return expect(easing.back["in"](.75).toFixed(2)).toBe('0.18');
- });
- it('should have Out', function() {
- return expect(easing.back.out(.75).toFixed(2)).toBe('1.06');
- });
- return it('should have InOut', function() {
- expect(easing.back.inout(.25).toFixed(2)).toBe('-0.10');
- return expect(easing.back.inout(.75).toFixed(2)).toBe('1.10');
- });
- });
- describe('bounce ->', function() {
- it('should have In', function() {
- return expect(easing.bounce["in"](.75).toFixed(2)).toBe('0.53');
- });
- it('should have Out', function() {
- expect(easing.bounce.out(.1).toFixed(2)).toBe('0.08');
- expect(easing.bounce.out(.25).toFixed(2)).toBe('0.47');
- expect(easing.bounce.out(.75).toFixed(2)).toBe('0.97');
- return expect(easing.bounce.out(.99).toFixed(2)).toBe('0.99');
- });
- return it('should have InOut', function() {
- expect(easing.bounce.inout(.25).toFixed(2)).toBe('0.12');
- return expect(easing.bounce.inout(.75).toFixed(2)).toBe('0.88');
- });
- });
- describe('bezier ->', function() {
- return it('should have bezier constructor', function() {
- return expect(typeof easing.bezier).toBe('function');
- });
- });
- describe('path ->', function() {
- return it('should have path constructor', function() {
- return expect(typeof easing.path).toBe('function');
- });
- });
- describe('PathEasing ->', function() {
- return it('should have PathEasing constructor', function() {
- return expect(typeof easing.PathEasing).toBe('function');
- });
- });
- describe('inverse method ->', function() {
- return it('should inverse passed value', function() {
- expect(easing.inverse(-2)).toBeCloseTo(3, 4);
- expect(easing.inverse(-1)).toBeCloseTo(2, 4);
- expect(easing.inverse(0)).toBeCloseTo(1, 4);
- expect(easing.inverse(.2)).toBeCloseTo(.8, 4);
- expect(easing.inverse(.5)).toBeCloseTo(.5, 4);
- expect(easing.inverse(.7)).toBeCloseTo(.3, 4);
- expect(easing.inverse(1)).toBeCloseTo(0, 4);
- expect(easing.inverse(2)).toBeCloseTo(-1, 4);
- return expect(easing.inverse(3)).toBeCloseTo(-2, 4);
- });
- });
- describe('mix method ->', function() {
- return it('should be definede', function() {
- return expect(typeof easing.mix).toBe('function');
- });
- });
- describe('parseEasing method ->', function() {
- it('should parse function easing', function() {
- var fun;
- fun = function() {};
- expect(easing.parseEasing(fun)).toBe(fun);
- return expect(typeof easing.parseEasing(fun)).toBe('function');
- });
- it('should parse null/undefined to liner.none', function() {
- var fun;
- fun = easing.parseEasing(null);
- return expect(fun).toBe(mojs.easing.linear.none);
- });
- return describe('easing name option ->', function() {
- it('should parse string easing', function() {
- return expect(typeof easing.parseEasing('cubic.in')).toBe('function');
- });
- it('should error if easing was not found and fallback to linear one', function() {
- var fun;
- spyOn(mojs.h, 'error');
- fun = easing.parseEasing('sinusoidal.in');
- expect(mojs.h.error).toHaveBeenCalled();
- return expect(fun).toBe(mojs.easing.linear.none);
- });
- describe('SVG path option ->', function() {
- it('should parse SVG path easing', function() {
- return expect(typeof easing.parseEasing('M0,100 L100,0')).toBe('function');
- });
- return it('should call easing.path method', function() {
- spyOn(window.mojs.easing, 'path');
- easing.parseEasing('M0,100 L100,0');
- return expect(window.mojs.easing.path).toHaveBeenCalled();
- });
- });
- return describe('bezier option ->', function() {
- it('should parse bezier easing', function() {
- return expect(typeof easing.parseEasing([0.42, 0, 1, 1])).toBe('function');
- });
- return it('should call bezier method', function() {
- spyOn(window.mojs.easing, 'bezier');
- easing.parseEasing([0.42, 0, 1, 1]);
- return expect(window.mojs.easing.bezier).toHaveBeenCalled();
- });
- });
- });
- });
- describe('splitEasing method ->', function() {
- it('should split easing string to array', function() {
- expect(easing._splitEasing('Linear.None')[0]).toBe('linear');
- return expect(easing._splitEasing('Linear.None')[1]).toBe('none');
- });
- it('should return default easing Linear.None if argument is bad', function() {
- expect(easing._splitEasing(4)[0]).toBe('linear');
- return expect(easing._splitEasing(4)[1]).toBe('none');
- });
- it('should return default easing Linear.None if argument is bad #2', function() {
- expect(easing._splitEasing('')[0]).toBe('linear');
- return expect(easing._splitEasing('')[1]).toBe('none');
- });
- it('should return default easing Linear.None if argument is bad #3', function() {
- expect(easing._splitEasing('Linear..None')[0]).toBe('linear');
- return expect(easing._splitEasing('Linear..None')[1]).toBe('none');
- });
- it('should work with lovercase easing', function() {
- expect(easing._splitEasing('linear..none')[0]).toBe('linear');
- return expect(easing._splitEasing('linear..none')[1]).toBe('none');
- });
- return it('should work with function easing', function() {
- var fun;
- fun = function() {
- return console.log('function');
- };
- return expect(easing._splitEasing(fun) + '').toBe(fun + '');
- });
- });
- return describe('approximate object', function() {
- return it('should de defined', function() {
- return expect(easing.approximate).toBeDefined();
- });
- });
- });
-
-}).call(this);
diff --git a/spec/easing/easing.spec.js b/spec/easing/easing.spec.js
new file mode 100644
index 000000000..0c7cac2a8
--- /dev/null
+++ b/spec/easing/easing.spec.js
@@ -0,0 +1,259 @@
+var easing = mojs.easing;
+
+describe('easing ->', function() {
+ describe('Linear ->', function() {
+ it('should have None', function() {
+ expect(easing.linear.none(.5)).toBe(.5);
+ });
+ });
+ describe('sin ->', function() {
+ it('should have In', function() {
+ expect(easing.sin["in"](.5)).toBe(1 - Math.cos(.5 * Math.PI / 2));
+ });
+ it('should have Out', function() {
+ expect(easing.sin.out(.5)).toBe(Math.sin(.5 * Math.PI / 2));
+ });
+ it('should have InOut', function() {
+ var result = 0.5 * (1 - Math.cos(Math.PI * .5));
+ expect(easing.sin.inout(.5)).toBe(result);
+ });
+ });
+ describe('quad ->', function() {
+ it('should have `in`', function() {
+ expect(easing.quad['in'](.5)).toBe(.5 * .5);
+ });
+ it('should have Out', function() {
+ expect(easing.quad.out(.5)).toBe(.5 * (2 - .5));
+ });
+ it('should have InOut', function() {
+ expect(easing.quad.inout(.5)).toBe(.5);
+ expect(easing.quad.inout(.25)).toBe(.125);
+ });
+ });
+ describe('cubic ->', function() {
+ it('should have In', function() {
+ expect(easing.cubic["in"](.5)).toBe(.5 * .5 * .5);
+ });
+ it('should have Out', function() {
+ expect(easing.cubic.out(.5)).toBe(.875);
+ });
+ it('should have InOut', function() {
+ expect(easing.cubic.inout(.5)).toBe(.5);
+ expect(easing.cubic.inout(.25)).toBe(.0625);
+ });
+ });
+ describe('quart ->', function() {
+ it('should have In', function() {
+ expect(easing.quart["in"](.5)).toBe(.5 * .5 * .5 * .5);
+ });
+ it('should have Out', function() {
+ expect(easing.quart.out(.5)).toBe(.9375);
+ });
+ it('should have InOut', function() {
+ expect(easing.quart.inout(.5)).toBe(.5);
+ expect(easing.quart.inout(.25)).toBe(.03125);
+ });
+ });
+ describe('quint ->', function() {
+ it('should have In', function() {
+ expect(easing.quint["in"](.5)).toBe(.5 * .5 * .5 * .5 * .5);
+ });
+ it('should have Out', function() {
+ expect(easing.quint.out(.5)).toBe(.96875);
+ });
+ it('should have InOut', function() {
+ expect(easing.quint.inout(.5)).toBe(.5);
+ expect(easing.quint.inout(.25)).toBe(.015625);
+ });
+ });
+ describe('expo ->', function() {
+ it('should have In', function() {
+ expect(easing.expo["in"](0)).toBe(0);
+ expect(easing.expo["in"](.5)).toBe(Math.pow(1024, .5 - 1));
+ });
+ it('should have Out', function() {
+ expect(easing.expo.out(1)).toBe(1);
+ expect(easing.expo.out(.5)).toBe(1 - Math.pow(2, -10 * .5));
+ });
+ it('should have InOut', function() {
+ expect(easing.expo.inout(0)).toBe(0);
+ expect(easing.expo.inout(1)).toBe(1);
+ expect(easing.expo.inout(.25)).toBe(0.5 * Math.pow(1024, .5 - 1));
+ expect(easing.expo.inout(.5)).toBe(.5);
+ });
+ });
+ describe('circ ->', function() {
+ it('should have In', function() {
+ expect(easing.circ["in"](.5)).toBe(1 - Math.sqrt(1 - .5 * .5));
+ });
+ it('should have Out', function() {
+ var k;
+ k = .5;
+ expect(easing.circ.out(k)).toBe(Math.sqrt(1 - (--k * k)));
+ });
+ it('should have InOut', function() {
+ expect(easing.circ.inout(.25).toFixed(2)).toBe('0.07');
+ expect(easing.circ.inout(.6).toFixed(2)).toBe('0.80');
+ });
+ });
+ describe('elastic ->', function() {
+ it('should have In', function() {
+ expect(easing.elastic["in"](0)).toBe(0);
+ expect(easing.elastic["in"](1)).toBe(1);
+ expect(easing.elastic["in"](.75).toFixed(5)).toBe('-0.12500');
+ expect(easing.elastic["in"](.1).toFixed(2)).toBe('0.00');
+ });
+ it('should have Out', function() {
+ expect(easing.elastic.out(0)).toBe(0);
+ expect(easing.elastic.out(1)).toBe(1);
+ expect(easing.elastic.out(.75).toFixed(2)).toBe('1.00');
+ });
+ it('should have InOut', function() {
+ expect(easing.elastic.inout(0)).toBe(0);
+ expect(easing.elastic.inout(1)).toBe(1);
+ expect(easing.elastic.inout(.25)).toBeCloseTo(0, 3);
+ expect(easing.elastic.inout(.75).toFixed(2)).toBe('1.00');
+ });
+ });
+ describe('back ->', function() {
+ it('should have In', function() {
+ expect(easing.back["in"](.75).toFixed(2)).toBe('0.18');
+ });
+ it('should have Out', function() {
+ expect(easing.back.out(.75).toFixed(2)).toBe('1.06');
+ });
+ it('should have InOut', function() {
+ expect(easing.back.inout(.25).toFixed(2)).toBe('-0.10');
+ expect(easing.back.inout(.75).toFixed(2)).toBe('1.10');
+ });
+ });
+ describe('bounce ->', function() {
+ it('should have In', function() {
+ expect(easing.bounce["in"](.75).toFixed(2)).toBe('0.53');
+ });
+ it('should have Out', function() {
+ expect(easing.bounce.out(.1).toFixed(2)).toBe('0.08');
+ expect(easing.bounce.out(.25).toFixed(2)).toBe('0.47');
+ expect(easing.bounce.out(.75).toFixed(2)).toBe('0.97');
+ expect(easing.bounce.out(.99).toFixed(2)).toBe('0.99');
+ });
+ it('should have InOut', function() {
+ expect(easing.bounce.inout(.25).toFixed(2)).toBe('0.12');
+ expect(easing.bounce.inout(.75).toFixed(2)).toBe('0.88');
+ });
+ });
+
+ // not yet
+ // describe('bezier ->', function() {
+ // it('should have bezier constructor', function() {
+ // expect(typeof easing.bezier).toBe('function');
+ // });
+ // });
+ // describe('path ->', function() {
+ // it('should have path constructor', function() {
+ // expect(typeof easing.path).toBe('function');
+ // });
+ // });
+ // describe('PathEasing ->', function() {
+ // it('should have PathEasing constructor', function() {
+ // expect(typeof easing.PathEasing).toBe('function');
+ // });
+ // });
+ // describe('inverse method ->', function() {
+ // it('should inverse passed value', function() {
+ // expect(easing.inverse(-2)).toBeCloseTo(3, 4);
+ // expect(easing.inverse(-1)).toBeCloseTo(2, 4);
+ // expect(easing.inverse(0)).toBeCloseTo(1, 4);
+ // expect(easing.inverse(.2)).toBeCloseTo(.8, 4);
+ // expect(easing.inverse(.5)).toBeCloseTo(.5, 4);
+ // expect(easing.inverse(.7)).toBeCloseTo(.3, 4);
+ // expect(easing.inverse(1)).toBeCloseTo(0, 4);
+ // expect(easing.inverse(2)).toBeCloseTo(-1, 4);
+ // expect(easing.inverse(3)).toBeCloseTo(-2, 4);
+ // });
+ // });
+ // describe('mix method ->', function() {
+ // it('should be definede', function() {
+ // expect(typeof easing.mix).toBe('function');
+ // });
+ // });
+ // describe('parseEasing method ->', function() {
+ // it('should parse function easing', function() {
+ // var fun;
+ // fun = function() {};
+ // expect(easing.parseEasing(fun)).toBe(fun);
+ // expect(typeof easing.parseEasing(fun)).toBe('function');
+ // });
+ // it('should parse null/undefined to liner.none', function() {
+ // var fun;
+ // fun = easing.parseEasing(null);
+ // expect(fun).toBe(mojs.easing.linear.none);
+ // });
+ // describe('easing name option ->', function() {
+ // it('should parse string easing', function() {
+ // expect(typeof easing.parseEasing('cubic.in')).toBe('function');
+ // });
+ // it('should error if easing was not found and fallback to linear one', function() {
+ // var fun;
+ // spyOn(mojs.h, 'error');
+ // fun = easing.parseEasing('sinusoidal.in');
+ // expect(mojs.h.error).toHaveBeenCalled();
+ // expect(fun).toBe(mojs.easing.linear.none);
+ // });
+ // describe('SVG path option ->', function() {
+ // it('should parse SVG path easing', function() {
+ // expect(typeof easing.parseEasing('M0,100 L100,0')).toBe('function');
+ // });
+ // it('should call easing.path method', function() {
+ // spyOn(window.mojs.easing, 'path');
+ // easing.parseEasing('M0,100 L100,0');
+ // expect(window.mojs.easing.path).toHaveBeenCalled();
+ // });
+ // });
+ // describe('bezier option ->', function() {
+ // it('should parse bezier easing', function() {
+ // expect(typeof easing.parseEasing([0.42, 0, 1, 1])).toBe('function');
+ // });
+ // it('should call bezier method', function() {
+ // spyOn(window.mojs.easing, 'bezier');
+ // easing.parseEasing([0.42, 0, 1, 1]);
+ // expect(window.mojs.easing.bezier).toHaveBeenCalled();
+ // });
+ // });
+ // });
+ // });
+ // describe('splitEasing method ->', function() {
+ // it('should split easing string to array', function() {
+ // expect(easing._splitEasing('Linear.None')[0]).toBe('linear');
+ // expect(easing._splitEasing('Linear.None')[1]).toBe('none');
+ // });
+ // it('should default easing Linear.None if argument is bad', function() {
+ // expect(easing._splitEasing(4)[0]).toBe('linear');
+ // expect(easing._splitEasing(4)[1]).toBe('none');
+ // });
+ // it('should default easing Linear.None if argument is bad #2', function() {
+ // expect(easing._splitEasing('')[0]).toBe('linear');
+ // expect(easing._splitEasing('')[1]).toBe('none');
+ // });
+ // it('should default easing Linear.None if argument is bad #3', function() {
+ // expect(easing._splitEasing('Linear..None')[0]).toBe('linear');
+ // expect(easing._splitEasing('Linear..None')[1]).toBe('none');
+ // });
+ // it('should work with lovercase easing', function() {
+ // expect(easing._splitEasing('linear..none')[0]).toBe('linear');
+ // expect(easing._splitEasing('linear..none')[1]).toBe('none');
+ // });
+ // it('should work with function easing', function() {
+ // var fun;
+ // fun = function() {
+ // console.log('function');
+ // };
+ // expect(easing._splitEasing(fun) + '').toBe(fun + '');
+ // });
+ // });
+ // describe('approximate object', function() {
+ // it('should de defined', function() {
+ // expect(easing.approximate).toBeDefined();
+ // });
+ // });
+});
diff --git a/spec/easing/parse-easing.spec.js b/spec/easing/parse-easing.spec.js
new file mode 100644
index 000000000..583fc6254
--- /dev/null
+++ b/spec/easing/parse-easing.spec.js
@@ -0,0 +1,47 @@
+var helpers = mojs.__helpers__;
+var parseEasing = helpers.parseEasing;
+
+describe('parse-easing ->', function() {
+ it('should parse function easing', function() {
+ var fun;
+ fun = function() {};
+ expect(parseEasing(fun)).toBe(fun);
+ expect(typeof parseEasing(fun)).toBe('function');
+ });
+ it('should parse null/undefined to liner.none', function() {
+ var fun;
+ fun = parseEasing();
+ expect(fun).toBe(mojs.easing.sin.out);
+ });
+ describe('easing name option ->', function() {
+ it('should parse string easing', function() {
+ expect(parseEasing('cubic.in')).toBe(mojs.easing.cubic.in);
+ });
+ it('should error if easing was not found and fallback to linear one', function() {
+ var fun;
+ spyOn(console, 'error');
+ fun = parseEasing('sinusoidal.in');
+ expect(console.error).toHaveBeenCalled();
+ expect(typeof console.error.calls.mostRecent().args[0]).toBe('string');
+ expect(console.error.calls.mostRecent().args[1]).toBe(mojs.easing);
+ expect(fun).toBe(mojs.easing.sin.out);
+ });
+
+ describe('SVG path option ->', function() {
+ it('should parse SVG path easing', function() {
+ expect(typeof parseEasing('M0,100 L100,0')).toBe('function');
+ });
+ });
+ // not yet
+ // describe('bezier option ->', function() {
+ // it('should parse bezier easing', function() {
+ // expect(typeof parseEasing([0.42, 0, 1, 1])).toBe('function');
+ // });
+ // it('should call bezier method', function() {
+ // spyOn(window.mojs.easing, 'bezier');
+ // parseEasing([0.42, 0, 1, 1]);
+ // expect(window.mojs.easing.bezier).toHaveBeenCalled();
+ // });
+ // });
+ });
+});
diff --git a/spec/easing/path-easing.coffee b/spec/easing/path-easing.coffee
deleted file mode 100644
index 791917a48..000000000
--- a/spec/easing/path-easing.coffee
+++ /dev/null
@@ -1,355 +0,0 @@
-h = mojs.h
-PathEasing = mojs.easing.PathEasing
-
-describe 'PathEasing ->', ->
- it 'should be a function', ->
- expect(typeof mojs.easing.PathEasing).toBe 'function'
- it 'should not init if "creator" was passed', ->
- pe = new PathEasing 'creator'
- expect(pe.precision).not.toBeDefined()
- it 'should have path property', ->
- pe = new PathEasing 'creator'
- easing = pe.create 'M 0, 0 L 100,100'
- expect(easing.path instanceof SVGElement).toBe true
-
- describe 'variables ->', ->
- it 'should have _eps defined', ->
- pe = new PathEasing 'M0,0 L10,10'
- expect(pe._eps).toBeDefined()
- it 'should have _eps defined', ->
- pe = new PathEasing 'M0,0 L10,10'
- expect(pe._precompute).toBe 1450
- expect(pe._step).toBe 1/pe._precompute
- it 'should have _boundsPrevProgress defined', ->
- pe = new PathEasing 'M0,0 L10,10'
- expect(pe._boundsPrevProgress).toBe -1
-
- describe 'path parsing ->', ->
- it 'should parse path', ->
- path = 'M0,0 L10,10'
- spyOn h, 'parsePath'
- pe = new PathEasing path
- expect(h.parsePath).toHaveBeenCalledWith path
- it 'should save path and pathLength', ->
- path = 'M0,0 L10,10'
- pe = new PathEasing path
- expect(pe.path).toBeDefined()
- expect(pe.pathLength).toBe pe.path.getTotalLength()
- it 'should error if path wasnt parsed', ->
- path = 'M0,0 L10,10'
- spyOn h, 'error'
- spyOn h, 'parsePath' # spoil the parsePath method
- pe = new PathEasing path
- expect(h.error).toHaveBeenCalled()
- it 'should work with scientific notation', ->
- path = 'M0,0 C0,0 31.4848633,29.7739254 55.2021484,-4.28613761e-07
- C74.9160156,-20.18457 100,0 100,0'
- pe = new PathEasing path
- testFun = -> pe.sample .8
- expect(testFun).not.toThrow()
-
- describe 'options ->', ->
- it 'should recieve "_approximateMax" option', ->
- path = 'M0,0 L10,10'
- pe = new PathEasing path, approximateMax: 10
- expect(pe._approximateMax).toBe 10
- it 'should recieve "rect" option', ->
- path = 'M0,0 L10,10'
- pe = new PathEasing path, rect: 200
- expect(pe._rect).toBe 200
- it 'should recieve "eps" option', ->
- path = 'M0,0 L10,10'
- eps = .00001
- pe = new PathEasing path, eps: eps
- expect(pe._eps).toBe eps
-
- describe 'precompute option ->', ->
- it 'should recieve "precompute" option', ->
- path = 'M0,0 L10,10'
- precompute = 10000
- pe = new PathEasing path, precompute: precompute
- expect(pe._precompute).toBe precompute
- it 'should not be larger than 10000', ->
- path = 'M0,0 L10,10'
- precompute = 20000
- pe = new PathEasing path, precompute: precompute
- expect(pe._precompute).toBe 10000
- it 'should not be smaller than 100', ->
- path = 'M0,0 L10,10'
- precompute = 20
- pe = new PathEasing path, precompute: precompute
- expect(pe._precompute).toBe 100
-
- describe '_preSample method ->', ->
- it 'should pre sample the path', ->
- pe = new PathEasing 'M0,100 100,0'
- len = pe.pathLength
- expect(pe._samples[0]).toBeDefined()
- expect(pe._samples[1]).toBeDefined()
- expect(pe._samples[2]).toBeDefined()
- expect(pe._samples[50]).toBeDefined()
- expect(pe._samples[pe._precompute-1]).toBeDefined()
-
- describe 'sample method ->', ->
- it 'should clamp x value', ->
- path = 'M0,100 100,0'
- pe = new PathEasing path
- expect(pe.sample(-.5)).toBeCloseTo 0, 3
- expect(pe.sample(1.5)).toBeCloseTo 1, 1
- it 'should return y', ->
- path = 'M0,100 100,0'
- pe = new PathEasing path
- expect(Math.abs(pe.sample(.7) - .7)).toBeLessThan pe._eps
- it 'should sample y', ->
- pe = new PathEasing 'M0,100 100,0'
- for i in [1...20]
- progress = 1/i
- expect(Math.abs(pe.sample(progress) - progress)).toBeLessThan pe._eps
- it 'should call _findApproximate method if bounds are not close enough',->
- pe = new PathEasing 'M0,100 100,0', precompute: 100, eps: 0.001
- spyOn pe, '_findApproximate'
- pe.sample(0.015)
- expect(pe._findApproximate).toHaveBeenCalled()
-
- describe '_checkIfBoundsCloseEnough method ->', ->
- it 'should return start value if it is close enough', ->
- pe = new PathEasing 'M0,100 100,0'
- value = .5
- pe._checkIfBoundsCloseEnough(value, {
- start: {point: {x: value+(pe._eps/2)}},
- end: {point: {x: .75}}
- })
- it 'should return end value if it is close enough', ->
- pe = new PathEasing 'M0,100 100,0'
- value = .5
- pe._checkIfBoundsCloseEnough(value, {
- start: {point: {x: .25}},
- end: {point: {x: value+(pe._eps/2)}}
- })
-
- describe '_approximate method ->',->
- it 'should find approximation', ->
- pe = new PathEasing 'M0,100 100,0', eps: 0.001, precompute: 2000
- s = pe._samples
- approximation = pe._approximate s[11], s[12], s[11].progress+0.0003
- point1 = pe.path.getPointAtLength approximation
- length2 = s[11].length + .3*(s[12].length - s[11].length)
- point2 = pe.path.getPointAtLength length2
- expect(point1.x).toBeCloseTo point2.x, 1
- describe '_findApproximate method',->
- it 'should return y', ->
- pe1 = new PathEasing 'M0,100 100,0'
- p = 0.203231
- bounds = pe1._findBounds pe1._samples, p
- value = pe1._findApproximate p, bounds.start, bounds.end
- expect(value).toBeCloseTo p, 4
- it 'should stop if running for a log time( _approximateMax < 1)', ->
- pe1 = new PathEasing 'M0,100 100,0', precompute: 100
- p = 0.015
- start = {point: {x: 0.01}, length: 0}
- end = {point: {x: 0.02}, length: 1}
- spyOn(pe1, '_findApproximate').and.callThrough()
- value = pe1._findApproximate p, start, end, 1
- expect(pe1._findApproximate.calls.count()).toBe 1
-
-
- it 'should call self recursivelly if not precise enough
- but no more then _approximateMax value', ->
- pe = new PathEasing 'M0,100 100,0', precompute: 100, eps: .00000001
- p = 0.015
- start = {point: {x: 0.01}, length: 10}
- end = {point: {x: 0.5}, length: 20}
- spyOn(pe, '_findApproximate').and.callThrough()
- value = pe._findApproximate p, start, end
- expect(pe._findApproximate.calls.count()).toEqual 5
-
- describe '_findBounds method ->', ->
- it 'should find lowest and highest bounderies',->
- pe1 = new PathEasing 'M0,100 100,0'
- progress = .735
- bounds = pe1._findBounds pe1._samples, progress
- it 'should save previous start index', ->
- pe1 = new PathEasing 'M0,100 100,0'
- progress = .735
- bounds = pe1._findBounds pe1._samples, progress
- expect(pe1._boundsStartIndex).toBeGreaterThan 100
- expect(pe1._boundsPrevProgress).toBe .735
- it 'should return [0] item if progress is 0', ->
- pe1 = new PathEasing 'M0,100 100,0'
- progress = 0
- bounds = pe1._findBounds pe1._samples, progress
- expect(bounds.start).toBeDefined()
- expect(bounds.start.point.x).toBeCloseTo 0, 1
- it 'should cache index in reverse order', ->
- pe1 = new PathEasing 'M0,100 100,0'
- progress = .735; newProgress = progress - .2
- bounds = pe1._findBounds pe1._samples, progress
- bounds = pe1._findBounds pe1._samples, newProgress
- expect(pe1._boundsStartIndex).toBeLessThan 1400
- expect(pe1._boundsPrevProgress).toBe newProgress
- it 'should cache previous return object', ->
- pe1 = new PathEasing 'M0,100 100,0'
- bounds = pe1._findBounds pe1._samples, .735
- expect(pe1._prevBounds).toBe bounds
- it 'should detect if previous progress is the current one', ->
- pe1 = new PathEasing 'M0,100 100,0'
- progress = .735; newProgress = progress - .2
- bounds1 = pe1._findBounds pe1._samples, progress
- bounds2 = pe1._findBounds pe1._samples, progress
- expect(bounds1).toBe bounds2
-
- it 'should not return the end bound', ->
- pe = new PathEasing 'M0,100 C0,100 5.01160836,100 8.74856937,100.270866
- C15.1440434,57.219434 23.7860103,98.447299
- 23.7860103,100.097037 C30.2913574,71.1380541
- 36.1603623,98.3939125 36.160361,100.162142
- C41.9325738,44.182975 49.1344299,98.9199542
- 49.1344299,100.053418 C53.6287224,80.2298508
- 59.2720971,99.9303714 59.2720971,99.9303714
- C59.2720971,99.9303714 63.6855469,84.1318359
- 70.2742418,100.003578 C72.8310547,113.017578
- 74.5979385,101.614397 75,100 C76.9232712,85.1240234
- 82.3889542,100.577847 94.1109085,100 L100,100'
- bounds = true
- for i in [1...1000]
- bounds = pe._findBounds pe._samples, 1/i
- if !bounds.end? then break
-
- expect(bounds.end).not.toBeNull()
-
- it 'should not return the end bound #2', ->
- pe = new PathEasing 'M0,100 C0,100 5.01160836,100 8.74856937,100.270866
- C15.1440434,57.219434 23.7860103,98.447299
- 23.7860103,100.097037 C30.2913574,71.1380541
- 36.1603623,98.3939125 36.160361,100.162142
- C41.9325738,44.182975 49.1344299,98.9199542
- 49.1344299,100.053418 C53.6287224,80.2298508
- 59.2720971,99.9303714 59.2720971,99.9303714
- C59.2720971,99.9303714 63.6855469,84.1318359
- 70.2742418,100.003578 C72.8310547,113.017578
- 74.5979385,101.614397 75,100 C76.9232712,85.1240234
- 82.3889542,100.577847 94.1109085,100 L100,100'
- bounds = true
- for i in [1...1000]
- bounds = pe._findBounds Math.random()
- if !bounds.end? then break
-
- expect(bounds.end).not.toBeNull()
-
- describe '_resolveY method', ->
- it 'should resolve Y from point', ->
- pe1 = new PathEasing('M0,100 100,0'); y = 10
- expect(pe1._resolveY(y: y)).toBe 1-(y/100)
-
- describe 'create method ->', ->
- it 'should create new instance of path-easing and return it\'s method', ->
- pe = new PathEasing 'creator'
- easing = pe.create('M0,100 100,0', precision: 10)
- expect(typeof easing).toBe 'function'
- expect(Math.abs(easing(.5)-.5)).toBeLessThan .01
-
- describe '_normalizePath method', ->
- it 'should normalize start x value to 0', ->
- pe = new PathEasing 'creator'
- newPath = pe._normalizePath('M0.1,0 L100,100')
- expect(newPath).toBe 'M0,0 L100,100'
- it 'should normalize end x value to rect.x value', ->
- pe = new PathEasing 'creator'
- newPath = pe._normalizePath('M0.1,0 L99,100')
- expect(newPath).toBe 'M0,0 L100,100'
- it 'should normalize end x value for the latest
- segment only and strip Z', ->
- pe = new PathEasing 'creator'
- path = 'M0.1,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6
- 100,0 101,0 Z'
- newPath = pe._normalizePath(path)
- normPath = 'M0,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6
- 100,0 100,0'
- expect(newPath).toBe normPath
- it 'should normalize path and set it to the DOM', ->
- pe = new PathEasing 'creator'
- path = 'M0.1,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0
- 101,0 Z'
- normPath = 'M0,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0
- 100,0'
- IEnormPath = 'M 0 0 C 68 -3.5 69 6 70 14 C 70 21 74 27 74 18 C 77 -0.6
- 100 0 100 0'
- easing = pe.create path
- attr = easing.path.getAttribute('d')
- isNormPath = attr is normPath or attr is IEnormPath
- expect(isNormPath).toBe true
-
- it 'should normalize path and set it to the DOM', ->
- pe = new PathEasing 'creator'
- path = 'M2,99.9660556 L3.13085938,99.9660558
- C11.128418,-42.5141612 24.73576,10.33894 24.7357688,10.33894
- C24.7357688,10.33894 35.4207115,6.43611673 35.420711,19.5517
- C35.420711,19.551763 35.4207115,28.52044 38.4679491,20.10104
- C45.9122391,-2.417068 48.24804,19.32803 49.42055,19.325
- C49.4205546,6.880008 55.05924,-3.51334643 59,15.87858
- C60.6251608,22.5931723 56.89184,-3.3408203 65.49511,-3.34082
- C68.7340668,-3.542523 69.730594,6.60260412 70.3281,14.02343
- C70.9301836,21.50049 74.0961573,27.0302603 74.78883,18.83163
- C77.5927734,-0.603027419 100,0 101,0'
-
- normPath = 'M0,99.9660556 L3.13085938,99.9660558
- C11.128418,-42.5141612 24.73576,10.33894 24.7357688,10.33894
- C24.7357688,10.33894 35.4207115,6.43611673 35.420711,19.5517
- C35.420711,19.551763 35.4207115,28.52044 38.4679491,20.10104
- C45.9122391,-2.417068 48.24804,19.32803 49.42055,19.325
- C49.4205546,6.880008 55.05924,-3.51334643 59,15.87858
- C60.6251608,22.5931723 56.89184,-3.3408203 65.49511,-3.34082
- C68.7340668,-3.542523 69.730594,6.60260412 70.3281,14.02343
- C70.9301836,21.50049 74.0961573,27.0302603 74.78883,18.83163
- C77.5927734,-0.603027419 100,0 100,0'
-
- IEnormPath = 'M 0 99.9661 L 3.13086 99.9661 C 11.1284 -42.5142
- 24.7358 10.3389 24.7358 10.3389 C 24.7358 10.3389 35.4207 6.43612
- 35.4207 19.5517 C 35.4207 19.5518 35.4207 28.5204 38.4679 20.101
- C 45.9122 -2.41707 48.248 19.328 49.4206 19.325 C 49.4206 6.88001
- 55.0592 -3.51335 59 15.8786 C 60.6252 22.5932 56.8918 -3.34082
- 65.4951 -3.34082 C 68.7341 -3.54252 69.7306 6.6026 70.3281 14.0234
- C 70.9302 21.5005 74.0962 27.0303 74.7888 18.8316 C 77.5928
- -0.603027 100 0 100 0'
-
- easing = pe.create path
- attr = easing.path.getAttribute('d')
- isNormPath = (attr is normPath) or (attr is IEnormPath)
- expect(isNormPath).toBe true
-
- describe '_normalizeSegment method', ->
- it 'should normalize segment by passed value', ->
- pe = new PathEasing 'creator'
- expect(pe._normalizeSegment('0.1522, 100 ', 0)).toBe '0,100'
- it 'should last value of the segment', ->
- pe = new PathEasing 'creator'
- segment = ' 0.1522, 100 20, 30 12,10'
- normSegment = '0.1522,100 20,30 100,10'
- expect(pe._normalizeSegment(segment, 100)).toBe normSegment
-
- describe '_getSegmentPairs', ->
- it 'should normalize an array by pairs', ->
- pe = new PathEasing 'creator'
- pairs = pe._getSegmentPairs(['0.12', '102'])
- expect(pairs[0][0]).toBe '0.12'
- expect(pairs[0][1]).toBe '102'
- pairs = pe._getSegmentPairs(['0.12', '102', 200, 12])
- expect(pairs[0][0]).toBe '0.12'
- expect(pairs[0][1]).toBe '102'
- expect(pairs[1][0]).toBe 200
- expect(pairs[1][1]).toBe 12
-
- it 'should error if array is not even', ->
- pe = new PathEasing 'creator'
- spyOn h, 'error'
- pairs = pe._getSegmentPairs(['0.12', '102', 200])
- expect(h.error).toHaveBeenCalled()
-
-
-
-
-
-
-
-
-
diff --git a/spec/easing/path-easing.js b/spec/easing/path-easing.js
deleted file mode 100644
index c92cae8c4..000000000
--- a/spec/easing/path-easing.js
+++ /dev/null
@@ -1,458 +0,0 @@
-(function() {
- var PathEasing, h;
-
- h = mojs.h;
-
- PathEasing = mojs.easing.PathEasing;
-
- describe('PathEasing ->', function() {
- it('should be a function', function() {
- return expect(typeof mojs.easing.PathEasing).toBe('function');
- });
- it('should not init if "creator" was passed', function() {
- var pe;
- pe = new PathEasing('creator');
- return expect(pe.precision).not.toBeDefined();
- });
- it('should have path property', function() {
- var easing, pe;
- pe = new PathEasing('creator');
- easing = pe.create('M 0, 0 L 100,100');
- return expect(easing.path instanceof SVGElement).toBe(true);
- });
- describe('variables ->', function() {
- it('should have _eps defined', function() {
- var pe;
- pe = new PathEasing('M0,0 L10,10');
- return expect(pe._eps).toBeDefined();
- });
- it('should have _eps defined', function() {
- var pe;
- pe = new PathEasing('M0,0 L10,10');
- expect(pe._precompute).toBe(1450);
- return expect(pe._step).toBe(1 / pe._precompute);
- });
- return it('should have _boundsPrevProgress defined', function() {
- var pe;
- pe = new PathEasing('M0,0 L10,10');
- return expect(pe._boundsPrevProgress).toBe(-1);
- });
- });
- describe('path parsing ->', function() {
- it('should parse path', function() {
- var path, pe;
- path = 'M0,0 L10,10';
- spyOn(h, 'parsePath');
- pe = new PathEasing(path);
- return expect(h.parsePath).toHaveBeenCalledWith(path);
- });
- it('should save path and pathLength', function() {
- var path, pe;
- path = 'M0,0 L10,10';
- pe = new PathEasing(path);
- expect(pe.path).toBeDefined();
- return expect(pe.pathLength).toBe(pe.path.getTotalLength());
- });
- it('should error if path wasnt parsed', function() {
- var path, pe;
- path = 'M0,0 L10,10';
- spyOn(h, 'error');
- spyOn(h, 'parsePath');
- pe = new PathEasing(path);
- return expect(h.error).toHaveBeenCalled();
- });
- return it('should work with scientific notation', function() {
- var path, pe, testFun;
- path = 'M0,0 C0,0 31.4848633,29.7739254 55.2021484,-4.28613761e-07 C74.9160156,-20.18457 100,0 100,0';
- pe = new PathEasing(path);
- testFun = function() {
- return pe.sample(.8);
- };
- return expect(testFun).not.toThrow();
- });
- });
- describe('options ->', function() {
- it('should recieve "_approximateMax" option', function() {
- var path, pe;
- path = 'M0,0 L10,10';
- pe = new PathEasing(path, {
- approximateMax: 10
- });
- return expect(pe._approximateMax).toBe(10);
- });
- it('should recieve "rect" option', function() {
- var path, pe;
- path = 'M0,0 L10,10';
- pe = new PathEasing(path, {
- rect: 200
- });
- return expect(pe._rect).toBe(200);
- });
- it('should recieve "eps" option', function() {
- var eps, path, pe;
- path = 'M0,0 L10,10';
- eps = .00001;
- pe = new PathEasing(path, {
- eps: eps
- });
- return expect(pe._eps).toBe(eps);
- });
- return describe('precompute option ->', function() {
- it('should recieve "precompute" option', function() {
- var path, pe, precompute;
- path = 'M0,0 L10,10';
- precompute = 10000;
- pe = new PathEasing(path, {
- precompute: precompute
- });
- return expect(pe._precompute).toBe(precompute);
- });
- it('should not be larger than 10000', function() {
- var path, pe, precompute;
- path = 'M0,0 L10,10';
- precompute = 20000;
- pe = new PathEasing(path, {
- precompute: precompute
- });
- return expect(pe._precompute).toBe(10000);
- });
- return it('should not be smaller than 100', function() {
- var path, pe, precompute;
- path = 'M0,0 L10,10';
- precompute = 20;
- pe = new PathEasing(path, {
- precompute: precompute
- });
- return expect(pe._precompute).toBe(100);
- });
- });
- });
- describe('_preSample method ->', function() {
- return it('should pre sample the path', function() {
- var len, pe;
- pe = new PathEasing('M0,100 100,0');
- len = pe.pathLength;
- expect(pe._samples[0]).toBeDefined();
- expect(pe._samples[1]).toBeDefined();
- expect(pe._samples[2]).toBeDefined();
- expect(pe._samples[50]).toBeDefined();
- return expect(pe._samples[pe._precompute - 1]).toBeDefined();
- });
- });
- describe('sample method ->', function() {
- it('should clamp x value', function() {
- var path, pe;
- path = 'M0,100 100,0';
- pe = new PathEasing(path);
- expect(pe.sample(-.5)).toBeCloseTo(0, 3);
- return expect(pe.sample(1.5)).toBeCloseTo(1, 1);
- });
- it('should return y', function() {
- var path, pe;
- path = 'M0,100 100,0';
- pe = new PathEasing(path);
- return expect(Math.abs(pe.sample(.7) - .7)).toBeLessThan(pe._eps);
- });
- it('should sample y', function() {
- var i, pe, progress, _i, _results;
- pe = new PathEasing('M0,100 100,0');
- _results = [];
- for (i = _i = 1; _i < 20; i = ++_i) {
- progress = 1 / i;
- _results.push(expect(Math.abs(pe.sample(progress) - progress)).toBeLessThan(pe._eps));
- }
- return _results;
- });
- return it('should call _findApproximate method if bounds are not close enough', function() {
- var pe;
- pe = new PathEasing('M0,100 100,0', {
- precompute: 100,
- eps: 0.001
- });
- spyOn(pe, '_findApproximate');
- pe.sample(0.015);
- return expect(pe._findApproximate).toHaveBeenCalled();
- });
- });
- describe('_checkIfBoundsCloseEnough method ->', function() {
- it('should return start value if it is close enough', function() {
- var pe, value;
- pe = new PathEasing('M0,100 100,0');
- value = .5;
- return pe._checkIfBoundsCloseEnough(value, {
- start: {
- point: {
- x: value + (pe._eps / 2)
- }
- },
- end: {
- point: {
- x: .75
- }
- }
- });
- });
- return it('should return end value if it is close enough', function() {
- var pe, value;
- pe = new PathEasing('M0,100 100,0');
- value = .5;
- return pe._checkIfBoundsCloseEnough(value, {
- start: {
- point: {
- x: .25
- }
- },
- end: {
- point: {
- x: value + (pe._eps / 2)
- }
- }
- });
- });
- });
- describe('_approximate method ->', function() {
- return it('should find approximation', function() {
- var approximation, length2, pe, point1, point2, s;
- pe = new PathEasing('M0,100 100,0', {
- eps: 0.001,
- precompute: 2000
- });
- s = pe._samples;
- approximation = pe._approximate(s[11], s[12], s[11].progress + 0.0003);
- point1 = pe.path.getPointAtLength(approximation);
- length2 = s[11].length + .3 * (s[12].length - s[11].length);
- point2 = pe.path.getPointAtLength(length2);
- return expect(point1.x).toBeCloseTo(point2.x, 1);
- });
- });
- describe('_findApproximate method', function() {
- it('should return y', function() {
- var bounds, p, pe1, value;
- pe1 = new PathEasing('M0,100 100,0');
- p = 0.203231;
- bounds = pe1._findBounds(pe1._samples, p);
- value = pe1._findApproximate(p, bounds.start, bounds.end);
- return expect(value).toBeCloseTo(p, 4);
- });
- it('should stop if running for a log time( _approximateMax < 1)', function() {
- var end, p, pe1, start, value;
- pe1 = new PathEasing('M0,100 100,0', {
- precompute: 100
- });
- p = 0.015;
- start = {
- point: {
- x: 0.01
- },
- length: 0
- };
- end = {
- point: {
- x: 0.02
- },
- length: 1
- };
- spyOn(pe1, '_findApproximate').and.callThrough();
- value = pe1._findApproximate(p, start, end, 1);
- return expect(pe1._findApproximate.calls.count()).toBe(1);
- });
- return it('should call self recursivelly if not precise enough but no more then _approximateMax value', function() {
- var end, p, pe, start, value;
- pe = new PathEasing('M0,100 100,0', {
- precompute: 100,
- eps: .00000001
- });
- p = 0.015;
- start = {
- point: {
- x: 0.01
- },
- length: 10
- };
- end = {
- point: {
- x: 0.5
- },
- length: 20
- };
- spyOn(pe, '_findApproximate').and.callThrough();
- value = pe._findApproximate(p, start, end);
- return expect(pe._findApproximate.calls.count()).toEqual(5);
- });
- });
- describe('_findBounds method ->', function() {
- it('should find lowest and highest bounderies', function() {
- var bounds, pe1, progress;
- pe1 = new PathEasing('M0,100 100,0');
- progress = .735;
- return bounds = pe1._findBounds(pe1._samples, progress);
- });
- it('should save previous start index', function() {
- var bounds, pe1, progress;
- pe1 = new PathEasing('M0,100 100,0');
- progress = .735;
- bounds = pe1._findBounds(pe1._samples, progress);
- expect(pe1._boundsStartIndex).toBeGreaterThan(100);
- return expect(pe1._boundsPrevProgress).toBe(.735);
- });
- it('should return [0] item if progress is 0', function() {
- var bounds, pe1, progress;
- pe1 = new PathEasing('M0,100 100,0');
- progress = 0;
- bounds = pe1._findBounds(pe1._samples, progress);
- expect(bounds.start).toBeDefined();
- return expect(bounds.start.point.x).toBeCloseTo(0, 1);
- });
- it('should cache index in reverse order', function() {
- var bounds, newProgress, pe1, progress;
- pe1 = new PathEasing('M0,100 100,0');
- progress = .735;
- newProgress = progress - .2;
- bounds = pe1._findBounds(pe1._samples, progress);
- bounds = pe1._findBounds(pe1._samples, newProgress);
- expect(pe1._boundsStartIndex).toBeLessThan(1400);
- return expect(pe1._boundsPrevProgress).toBe(newProgress);
- });
- it('should cache previous return object', function() {
- var bounds, pe1;
- pe1 = new PathEasing('M0,100 100,0');
- bounds = pe1._findBounds(pe1._samples, .735);
- return expect(pe1._prevBounds).toBe(bounds);
- });
- it('should detect if previous progress is the current one', function() {
- var bounds1, bounds2, newProgress, pe1, progress;
- pe1 = new PathEasing('M0,100 100,0');
- progress = .735;
- newProgress = progress - .2;
- bounds1 = pe1._findBounds(pe1._samples, progress);
- bounds2 = pe1._findBounds(pe1._samples, progress);
- return expect(bounds1).toBe(bounds2);
- });
- it('should not return the end bound', function() {
- var bounds, i, pe, _i;
- pe = new PathEasing('M0,100 C0,100 5.01160836,100 8.74856937,100.270866 C15.1440434,57.219434 23.7860103,98.447299 23.7860103,100.097037 C30.2913574,71.1380541 36.1603623,98.3939125 36.160361,100.162142 C41.9325738,44.182975 49.1344299,98.9199542 49.1344299,100.053418 C53.6287224,80.2298508 59.2720971,99.9303714 59.2720971,99.9303714 C59.2720971,99.9303714 63.6855469,84.1318359 70.2742418,100.003578 C72.8310547,113.017578 74.5979385,101.614397 75,100 C76.9232712,85.1240234 82.3889542,100.577847 94.1109085,100 L100,100');
- bounds = true;
- for (i = _i = 1; _i < 1000; i = ++_i) {
- bounds = pe._findBounds(pe._samples, 1 / i);
- if (bounds.end == null) {
- break;
- }
- }
- return expect(bounds.end).not.toBeNull();
- });
- return it('should not return the end bound #2', function() {
- var bounds, i, pe, _i;
- pe = new PathEasing('M0,100 C0,100 5.01160836,100 8.74856937,100.270866 C15.1440434,57.219434 23.7860103,98.447299 23.7860103,100.097037 C30.2913574,71.1380541 36.1603623,98.3939125 36.160361,100.162142 C41.9325738,44.182975 49.1344299,98.9199542 49.1344299,100.053418 C53.6287224,80.2298508 59.2720971,99.9303714 59.2720971,99.9303714 C59.2720971,99.9303714 63.6855469,84.1318359 70.2742418,100.003578 C72.8310547,113.017578 74.5979385,101.614397 75,100 C76.9232712,85.1240234 82.3889542,100.577847 94.1109085,100 L100,100');
- bounds = true;
- for (i = _i = 1; _i < 1000; i = ++_i) {
- bounds = pe._findBounds(Math.random());
- if (bounds.end == null) {
- break;
- }
- }
- return expect(bounds.end).not.toBeNull();
- });
- });
- describe('_resolveY method', function() {
- return it('should resolve Y from point', function() {
- var pe1, y;
- pe1 = new PathEasing('M0,100 100,0');
- y = 10;
- return expect(pe1._resolveY({
- y: y
- })).toBe(1 - (y / 100));
- });
- });
- describe('create method ->', function() {
- return it('should create new instance of path-easing and return it\'s method', function() {
- var easing, pe;
- pe = new PathEasing('creator');
- easing = pe.create('M0,100 100,0', {
- precision: 10
- });
- expect(typeof easing).toBe('function');
- return expect(Math.abs(easing(.5) - .5)).toBeLessThan(.01);
- });
- });
- describe('_normalizePath method', function() {
- it('should normalize start x value to 0', function() {
- var newPath, pe;
- pe = new PathEasing('creator');
- newPath = pe._normalizePath('M0.1,0 L100,100');
- return expect(newPath).toBe('M0,0 L100,100');
- });
- it('should normalize end x value to rect.x value', function() {
- var newPath, pe;
- pe = new PathEasing('creator');
- newPath = pe._normalizePath('M0.1,0 L99,100');
- return expect(newPath).toBe('M0,0 L100,100');
- });
- it('should normalize end x value for the latest segment only and strip Z', function() {
- var newPath, normPath, path, pe;
- pe = new PathEasing('creator');
- path = 'M0.1,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0 101,0 Z';
- newPath = pe._normalizePath(path);
- normPath = 'M0,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0 100,0';
- return expect(newPath).toBe(normPath);
- });
- it('should normalize path and set it to the DOM', function() {
- var IEnormPath, attr, easing, isNormPath, normPath, path, pe;
- pe = new PathEasing('creator');
- path = 'M0.1,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0 101,0 Z';
- normPath = 'M0,0 C68,-3.5 69,6 70,14 C70,21 74,27 74,18 C77,-0.6 100,0 100,0';
- IEnormPath = 'M 0 0 C 68 -3.5 69 6 70 14 C 70 21 74 27 74 18 C 77 -0.6 100 0 100 0';
- easing = pe.create(path);
- attr = easing.path.getAttribute('d');
- isNormPath = attr === normPath || attr === IEnormPath;
- return expect(isNormPath).toBe(true);
- });
- return it('should normalize path and set it to the DOM', function() {
- var IEnormPath, attr, easing, isNormPath, normPath, path, pe;
- pe = new PathEasing('creator');
- path = 'M2,99.9660556 L3.13085938,99.9660558 C11.128418,-42.5141612 24.73576,10.33894 24.7357688,10.33894 C24.7357688,10.33894 35.4207115,6.43611673 35.420711,19.5517 C35.420711,19.551763 35.4207115,28.52044 38.4679491,20.10104 C45.9122391,-2.417068 48.24804,19.32803 49.42055,19.325 C49.4205546,6.880008 55.05924,-3.51334643 59,15.87858 C60.6251608,22.5931723 56.89184,-3.3408203 65.49511,-3.34082 C68.7340668,-3.542523 69.730594,6.60260412 70.3281,14.02343 C70.9301836,21.50049 74.0961573,27.0302603 74.78883,18.83163 C77.5927734,-0.603027419 100,0 101,0';
- normPath = 'M0,99.9660556 L3.13085938,99.9660558 C11.128418,-42.5141612 24.73576,10.33894 24.7357688,10.33894 C24.7357688,10.33894 35.4207115,6.43611673 35.420711,19.5517 C35.420711,19.551763 35.4207115,28.52044 38.4679491,20.10104 C45.9122391,-2.417068 48.24804,19.32803 49.42055,19.325 C49.4205546,6.880008 55.05924,-3.51334643 59,15.87858 C60.6251608,22.5931723 56.89184,-3.3408203 65.49511,-3.34082 C68.7340668,-3.542523 69.730594,6.60260412 70.3281,14.02343 C70.9301836,21.50049 74.0961573,27.0302603 74.78883,18.83163 C77.5927734,-0.603027419 100,0 100,0';
- IEnormPath = 'M 0 99.9661 L 3.13086 99.9661 C 11.1284 -42.5142 24.7358 10.3389 24.7358 10.3389 C 24.7358 10.3389 35.4207 6.43612 35.4207 19.5517 C 35.4207 19.5518 35.4207 28.5204 38.4679 20.101 C 45.9122 -2.41707 48.248 19.328 49.4206 19.325 C 49.4206 6.88001 55.0592 -3.51335 59 15.8786 C 60.6252 22.5932 56.8918 -3.34082 65.4951 -3.34082 C 68.7341 -3.54252 69.7306 6.6026 70.3281 14.0234 C 70.9302 21.5005 74.0962 27.0303 74.7888 18.8316 C 77.5928 -0.603027 100 0 100 0';
- easing = pe.create(path);
- attr = easing.path.getAttribute('d');
- isNormPath = (attr === normPath) || (attr === IEnormPath);
- return expect(isNormPath).toBe(true);
- });
- });
- describe('_normalizeSegment method', function() {
- it('should normalize segment by passed value', function() {
- var pe;
- pe = new PathEasing('creator');
- return expect(pe._normalizeSegment('0.1522, 100 ', 0)).toBe('0,100');
- });
- return it('should last value of the segment', function() {
- var normSegment, pe, segment;
- pe = new PathEasing('creator');
- segment = ' 0.1522, 100 20, 30 12,10';
- normSegment = '0.1522,100 20,30 100,10';
- return expect(pe._normalizeSegment(segment, 100)).toBe(normSegment);
- });
- });
- return describe('_getSegmentPairs', function() {
- it('should normalize an array by pairs', function() {
- var pairs, pe;
- pe = new PathEasing('creator');
- pairs = pe._getSegmentPairs(['0.12', '102']);
- expect(pairs[0][0]).toBe('0.12');
- expect(pairs[0][1]).toBe('102');
- pairs = pe._getSegmentPairs(['0.12', '102', 200, 12]);
- expect(pairs[0][0]).toBe('0.12');
- expect(pairs[0][1]).toBe('102');
- expect(pairs[1][0]).toBe(200);
- return expect(pairs[1][1]).toBe(12);
- });
- return it('should error if array is not even', function() {
- var pairs, pe;
- pe = new PathEasing('creator');
- spyOn(h, 'error');
- pairs = pe._getSegmentPairs(['0.12', '102', 200]);
- return expect(h.error).toHaveBeenCalled();
- });
- });
- });
-
-}).call(this);
diff --git a/spec/easing/path.spec.js b/spec/easing/path.spec.js
new file mode 100644
index 000000000..1c5b6ef10
--- /dev/null
+++ b/spec/easing/path.spec.js
@@ -0,0 +1,29 @@
+describe('tween ->', function () {
+ it('create easing cureve easing #1`', function () {
+ var path = mojs.easing.path('M0,100 L100,0');
+
+ expect(path(0)).toBeCloseTo(0, 3);
+ expect(path(.5)).toBeCloseTo(.5, 3);
+ expect(path(1)).toBeCloseTo(1, 3);
+ });
+
+ it('create easing cureve easing #2', function () {
+ var path = mojs.easing.path('M0,100 L25,0 L75,0 L100,100');
+
+ expect(path(0)).toBeCloseTo(0, 2);
+ expect(path(.255)).toBeCloseTo(1, 2);
+ expect(path(.5)).toBeCloseTo(1, 2);
+ expect(path(.745)).toBeCloseTo(1, 2);
+ expect(path(1)).toBeCloseTo(0, 2);
+ });
+
+ it('create easing cureve easing #3', function () {
+ var path = mojs.easing.path('M0,100 L25,-100 L75,-100 L100,100');
+
+ expect(path(0)).toBeCloseTo(0, 1);
+ expect(path(.255)).toBeCloseTo(2, 2);
+ expect(path(.5)).toBeCloseTo(2, 2);
+ expect(path(.745)).toBeCloseTo(2, 2);
+ expect(path(1)).toBeCloseTo(0, 1);
+ });
+});
diff --git a/spec/h.coffee b/spec/h.coffee
deleted file mode 100644
index a1bcd6358..000000000
--- a/spec/h.coffee
+++ /dev/null
@@ -1,1197 +0,0 @@
-h = mojs.helpers
-ns = 'http://www.w3.org/2000/svg'
-
-describe 'Helpers ->', ->
- it 'should have defaultStyles', ->
- expect(h.defaultStyles).toEqual h.computedStyle( h.div )
-
- it 'should have logBadgeCss', ->
- expect(h.logBadgeCss).toBeDefined()
- it 'should have RAD_TO_DEG CONSTANT', ->
- expect(h.RAD_TO_DEG).toBe 180/Math.PI
- it 'should have svg namespace', ->
- expect(h.NS).toBe 'http://www.w3.org/2000/svg'
- it 'should have remBase', ->
- expect(typeof h.remBase).toBe 'number'
- it 'should have unitOptionMap map', ->
- expect(h.unitOptionMap.left).toBe 1
- expect(h.unitOptionMap.top).toBe 1
- expect(h.unitOptionMap.x).toBe 1
- expect(h.unitOptionMap.y).toBe 1
- expect(h.unitOptionMap.rx).toBe 1
- expect(h.unitOptionMap.ry).toBe 1
- # it 'should have strokeDashPropsMap map', ->
- # expect(h.strokeDashPropsMap.strokeDasharray) .toBe 1
- # expect(h.strokeDashPropsMap.strokeDashoffset).toBe 1
- # expect(Object.keys(h.strokeDashPropsMap).length).toBe 2
- it 'should have initial uniqIDs props', ->
- expect(h.uniqIDs).toBe -1
- describe 'prefix', ->
- it 'should have prefix', ->
- expect(h.prefix).toBeDefined()
- expect(h.prefix.js).toBeDefined()
- expect(h.prefix.css).toBeDefined()
- expect(h.prefix.lowercase).toBeDefined()
- expect(h.prefix.dom).toBeDefined()
- describe 'browsers detection', ->
- it 'should have browsers flag', ->
- expect(h.isFF).toBeDefined()
- expect(h.isIE).toBeDefined()
- expect(h.isSafari).toBeDefined()
- expect(h.isChrome).toBeDefined()
- expect(h.isOpera).toBeDefined()
- expect(h.isOldOpera).toBeDefined()
- describe 'tween related map ->', ->
- it 'should be a map of tween related options ->', ->
- # expect(h.chainOptionMap.points).toBe 1
- expect(Object.keys(h.chainOptionMap).length).toBe 0
- describe 'pure tween props ->', ->
- it 'should be a map of tween related options ->', ->
- expect(h.tweenOptionMap.duration) .toBe 1
- expect(h.tweenOptionMap.delay) .toBe 1
- expect(h.tweenOptionMap.repeat) .toBe 1
- expect(h.tweenOptionMap.easing) .toBe 1
- expect(h.tweenOptionMap.backwardEasing) .toBe 1
- expect(h.tweenOptionMap.isYoyo) .toBe 1
- expect(h.tweenOptionMap.shiftTime) .toBe 1
- expect(h.tweenOptionMap.isReversed) .toBe 1
- expect(h.tweenOptionMap.speed) .toBe 1
- expect(h.tweenOptionMap.callbacksContext) .toBe 1
- expect(Object.keys(h.tweenOptionMap).length).toBe 10
- describe 'pure callbacks props ->', ->
- it 'should be a map of callback related options ->', ->
- expect(h.callbacksMap.onRefresh) .toBe 1
- expect(h.callbacksMap.onStart) .toBe 1
- expect(h.callbacksMap.onUpdate) .toBe 1
- expect(h.callbacksMap.onComplete) .toBe 1
- expect(h.callbacksMap.onProgress) .toBe 1
- expect(h.callbacksMap.onFirstUpdate) .toBe 1
- expect(h.callbacksMap.onRepeatStart) .toBe 1
- expect(h.callbacksMap.onRepeatComplete) .toBe 1
- expect(h.callbacksMap.onPlaybackStart) .toBe 1
- expect(h.callbacksMap.onPlaybackPause) .toBe 1
- expect(h.callbacksMap.onPlaybackStop) .toBe 1
- expect(h.callbacksMap.onPlaybackComplete) .toBe 1
- expect(Object.keys(h.callbacksMap).length).toBe 12
- describe 'methods ->', ->
- describe 'clamp method', ->
- it 'should clamp value to max and min', ->
- expect(h.clamp(10, 0, 5)) .toBe 5
- expect(h.clamp(-10, 0, 5)).toBe 0
- expect(h.clamp(2, 0, 5)) .toBe 2
-
- describe 'extend method', ->
- it 'should extend object by other one', ->
- obj1 = a: 1
- obj2 = b: 1
- h.extend(obj1, obj2)
- expect(obj1.a).toBe 1
- expect(obj1.b).toBe 1
- expect(obj2.a).not.toBeDefined()
- expect(obj2.b).toBe 1
- describe 'parseRand method', ->
- it 'should get random number from string', ->
- rand = h.parseRand 'rand(10,20)'
- expect(typeof rand).toBe 'number'
- expect(rand).toBeGreaterThan 9
- expect(rand).not.toBeGreaterThan 20
- it 'should get random number with units', ->
- rand = h.parseRand 'rand(10%,20%)'
- expect(parseFloat rand).toBeGreaterThan 9
- expect(parseFloat rand).not.toBeGreaterThan 20
- expect(rand.match(/\%/)).toBeTruthy()
-
- describe 'parseStagger method ->', ->
- it 'should get random number from string', ->
- value = h.parseStagger 'stagger(150)', 3
- expect(typeof value).toBe 'number'
- expect(value).toBe 450
- it 'should get random if was passed', ->
- value = h.parseStagger 'stagger(rand(10%,20%))', 0
- expect(value).toBe '0%'
- value = parseInt(h.parseStagger('stagger(rand(10%,20%))', 3), 10)
- expect(value).toBeGreaterThan 29
- expect(value).not.toBeGreaterThan 60
- it 'should get string of unit value', ->
- value = h.parseStagger 'stagger(20%)', 2
- expect(value).toBe '40%'
- it 'should parse stagger with base', ->
- value = h.parseStagger 'stagger(1000, 20)', 2
- expect(value).toBe 1040
- it 'should parse stagger with unit base', ->
- value = h.parseStagger 'stagger(1000%, 20)', 2
- expect(value).toBe '1040%'
- it 'should parse stagger with unit value', ->
- value = h.parseStagger 'stagger(1000, 20%)', 2
- expect(value).toBe '1040%'
- it 'should prefer base units over the value ones', ->
- value = h.parseStagger 'stagger(1000px, 20%)', 2
- expect(value).toBe '1040px'
- it 'should parse value rand values', ->
- value = h.parseStagger 'stagger(500, rand(10,20))', 2
- expect(value).toBeGreaterThan 520
- expect(value).not.toBeGreaterThan 540
- it 'should parse base rand values', ->
- value = h.parseStagger 'stagger(rand(500,600), 20)', 2
- expect(value).toBeGreaterThan 539
- expect(value).not.toBeGreaterThan 640
- it 'should respect units in rands', ->
- value = h.parseStagger 'stagger(rand(500%,600%), 20)', 2
- expect(parseInt(value),10).toBeGreaterThan 539
- expect(parseInt(value),10).not.toBeGreaterThan 639
- expect(value.match /\%/ ).toBeTruthy()
-
- describe 'parseIfStagger method', ->
- it 'should parse stagger if stagger string passed', ->
- value = h.parseIfStagger 'stagger(200)', 2
- expect(value).toBe 400
-
- it 'should return passed value if it has no stagger expression', ->
- arg = []
- value = h.parseIfStagger arg, 2
- expect(value).toBe arg
-
-
-
- describe 'parseIfRand method', ->
- it 'should get random number from string if it is rand', ->
- rand = h.parseIfRand 'rand(10,20)'
- expect(typeof rand).toBe 'number'
- expect(rand).toBeGreaterThan 9
- expect(rand).not.toBeGreaterThan 20
- it 'should return the value if it is not a string', ->
- rand = h.parseIfRand 20
- expect(typeof rand).toBe 'number'
- expect(rand).toBe 20
-
- describe 'rand method', ->
- it 'should return random digit form range', ->
- expect(h.rand(10, 20)).toBeGreaterThan 9
- expect(h.rand(10, 20)).not.toBeGreaterThan 20
- it 'should work with negative numbers', ->
- expect(h.rand(-10, -20)).toBeGreaterThan -20
- expect(h.rand(-10, -20)).not.toBeGreaterThan -10
- it 'should work with mixed numbers', ->
- expect(h.rand(-10, 20)).toBeGreaterThan -10
- expect(h.rand(-10, 20)).not.toBeGreaterThan 20
- it 'should work with float numbers', ->
- expect(h.rand(.2, .9)).toBeGreaterThan .1
- expect(h.rand(.2, .9)).not.toBeGreaterThan .9
-
-
- describe 'parseDelta method ->', ->
- describe 'numeric values ->', ->
- it 'should calculate delta', ->
- delta = h.parseDelta 'radius', {25: 75}
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- expect(delta.type) .toBe 'number'
- expect(delta.name) .toBe 'radius'
-
- it 'should parse easing', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- easing = 'cubic.out'
- startDelta = { 25: 75, easing: easing }
- delta = h.parseDelta 'radius', startDelta
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- expect(delta.type) .toBe 'number'
- expect(delta.easing) .toBe mojs.easing.cubic.out
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith easing
-
- expect(startDelta.easing).toBe easing
-
- it 'should parse curve', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- startDelta = { 25: 75, curve: curve }
- delta = h.parseDelta 'radius', startDelta
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- expect(delta.type) .toBe 'number'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)).toBeCloseTo .5, 2
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- expect(startDelta.curve).toBe curve
-
- it 'should calculate delta with string arguments', ->
- delta = h.parseDelta 'radius', {25: 75}
- expect(delta.start) .toBe 25
- expect(delta.delta) .toBe 50
- it 'should calculate delta with float arguments', ->
- delta = h.parseDelta 'radius', {'25.50': 75.50}
- expect(delta.start) .toBe 25.5
- expect(delta.delta) .toBe 50
- it 'should calculate delta with negative start arguments', ->
- delta = h.parseDelta 'radius', {'-25.50': 75.50}
- expect(delta.start) .toBe -25.5
- expect(delta.delta) .toBe 101
- it 'should calculate delta with negative end arguments', ->
- delta = h.parseDelta 'radius', {'25.50': -75.50}
- expect(delta.start) .toBe 25.5
- expect(delta.end) .toBe -75.5
- expect(delta.delta) .toBe -101
-
- describe 'unit values ->', ->
-
- it 'should fallback to declared units if one of them is not defined', ->
- delta = h.parseDelta 'x', {'25.50%': -75.50}
-
- expect(delta.start.unit) .toBe '%'
- expect(delta.start.value) .toBe 25.5
- expect(delta.start.string) .toBe '25.5%'
-
- expect(delta.end.unit) .toBe '%'
- expect(delta.end.value) .toBe -75.5
- expect(delta.end.string) .toBe '-75.5%'
-
- expect(delta.name) .toBe 'x'
-
- it 'should fallback to declared units if one of them defined #2', ->
- delta = h.parseDelta 'x', {'25.50': '-75.50%'}
-
- expect(delta.start.unit) .toBe '%'
- expect(delta.start.value) .toBe 25.5
- expect(delta.start.string) .toBe '25.5%'
-
- expect(delta.end.unit) .toBe '%'
- expect(delta.end.value) .toBe -75.5
- expect(delta.end.string) .toBe '-75.5%'
-
- it 'should parse unit values easing', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- delta = h.parseDelta 'x', {'25.50': '-75.50%', easing: 'cubic.out'}
-
- expect(delta.start.unit) .toBe '%'
- expect(delta.start.value) .toBe 25.5
- expect(delta.start.string) .toBe '25.5%'
-
- expect(delta.end.unit) .toBe '%'
- expect(delta.end.value) .toBe -75.5
- expect(delta.end.string) .toBe '-75.5%'
-
- expect(delta.easing) .toBe mojs.easing.cubic.out
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith 'cubic.out'
-
- it 'should parse unit values curve', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- delta = h.parseDelta 'x', {'25.50': '-75.50%', curve: curve }
-
- expect(delta.start.unit) .toBe '%'
- expect(delta.start.value) .toBe 25.5
- expect(delta.start.string) .toBe '25.5%'
-
- expect(delta.end.unit) .toBe '%'
- expect(delta.end.value) .toBe -75.5
- expect(delta.end.string) .toBe '-75.5%'
-
- expect(typeof delta.curve).toBe 'function'
- expect( delta.curve( .5 ) ).toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- it 'should fallback to end units if two units undefined and warn', ->
- spyOn h, 'warn'
- delta = h.parseDelta 'x', {'25.50%': '-75.50px'}
- expect(h.warn).toHaveBeenCalled()
-
- expect(delta.start.unit) .toBe 'px'
- expect(delta.start.value) .toBe 25.5
- expect(delta.start.string) .toBe '25.5px'
-
- expect(delta.end.unit) .toBe 'px'
- expect(delta.end.value) .toBe -75.5
- expect(delta.end.string) .toBe '-75.5px'
-
- it 'should not warn with the same units', ->
- spyOn h, 'warn'
- delta = h.parseDelta 'x', {'25.50%': '-75.50%'}
- expect(h.warn).not.toHaveBeenCalled()
-
- describe 'strokeDash.. deltas', ->
-
- it 'should work with strokeDash.. properties', ->
- delta = h.parseDelta 'strokeDashoffset', {'25.50': '-75.50%'}
-
- expect(delta.start[0].unit) .toBe '%'
- expect(delta.start[0].value) .toBe 25.5
- expect(delta.start[0].string) .toBe '25.5%'
-
- expect(delta.end[0].unit) .toBe '%'
- expect(delta.end[0].value) .toBe -75.5
- expect(delta.end[0].string) .toBe '-75.5%'
- expect(delta.name) .toBe 'strokeDashoffset'
-
- it 'should work with strokeDash.. properties #2', ->
- delta = h.parseDelta 'strokeDashoffset', {'25.50%': '-75.50'}
- expect(delta.start[0].unit) .toBe '%'
- expect(delta.start[0].value) .toBe 25.5
- expect(delta.start[0].string) .toBe '25.5%'
-
- expect(delta.end[0].unit) .toBe '%'
- expect(delta.end[0].value) .toBe -75.5
- expect(delta.end[0].string) .toBe '-75.5%'
-
- it 'should parse strokeDash values easing', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- startDelta = {'25.50%': '-75.50', easing: 'cubic.out'}
- delta = h.parseDelta 'strokeDashoffset', startDelta
- expect(delta.start[0].unit) .toBe '%'
- expect(delta.start[0].value) .toBe 25.5
- expect(delta.start[0].string) .toBe '25.5%'
-
- expect(delta.end[0].unit) .toBe '%'
- expect(delta.end[0].value) .toBe -75.5
- expect(delta.end[0].string) .toBe '-75.5%'
-
- expect(delta.easing) .toBe mojs.easing.cubic.out
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith 'cubic.out'
-
- it 'should parse strokeDash values curve', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- startDelta = {'25.50%': '-75.50', curve: curve }
- delta = h.parseDelta 'strokeDashoffset', startDelta
- expect(delta.start[0].unit) .toBe '%'
- expect(delta.start[0].value) .toBe 25.5
- expect(delta.start[0].string) .toBe '25.5%'
-
- expect(delta.end[0].unit) .toBe '%'
- expect(delta.end[0].value) .toBe -75.5
- expect(delta.end[0].string) .toBe '-75.5%'
-
- expect(typeof delta.curve) .toBe 'function'
- expect(delta.curve(.5)).toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- it 'should work with strokeDash.. properties #3', ->
- delta = h.parseDelta 'strokeDashoffset', {'25.50%': '-75.50px'}
-
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.start[0].value) .toBe 25.5
- expect(delta.start[0].string) .toBe '25.5px'
-
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe -75.5
- expect(delta.end[0].string) .toBe '-75.5px'
-
- describe 'color values ->', ->
- it 'should calculate color delta', ->
- delta = h.parseDelta 'stroke', {'#000': 'rgb(255,255,255)'}
- expect(delta.start.r) .toBe 0
- expect(delta.end.r) .toBe 255
- expect(delta.delta.r) .toBe 255
- expect(delta.type) .toBe 'color'
- expect(delta.name) .toBe 'stroke'
-
- it 'should ignore stroke-linecap prop, use start prop and warn', ->
- spyOn console, 'warn'
- delta = h.parseDelta 'strokeLinecap', {'round': 'butt'}
- expect(-> h.parseDelta 'strokeLinecap', {'round': 'butt'})
- .not.toThrow()
- expect(console.warn).toHaveBeenCalled()
- expect(delta.type).not.toBeDefined()
-
- it 'should parse color easing values', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- startDelta = {'#000': 'rgb(255,255,255)', easing: 'cubic.out'}
- delta = h.parseDelta 'stroke', startDelta
- expect(delta.start.r) .toBe 0
- expect(delta.end.r) .toBe 255
- expect(delta.delta.r) .toBe 255
- expect(delta.type) .toBe 'color'
-
- expect(delta.easing) .toBe mojs.easing.cubic.out
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith 'cubic.out'
-
- it 'should parse color curve values', ->
- spyOn(mojs.easing, 'parseEasing').and.callThrough()
- curve = "M0,100 L100,0"
- startDelta = {'#000': 'rgb(255,255,255)', curve: curve }
- delta = h.parseDelta 'stroke', startDelta
- expect(delta.start.r) .toBe 0
- expect(delta.end.r) .toBe 255
- expect(delta.delta.r) .toBe 255
- expect(delta.type) .toBe 'color'
-
- expect(typeof delta.curve).toBe 'function'
- expect(delta.curve(.5)) .toBeCloseTo .5, 2
-
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith curve
-
- describe 'array values ->', ->
- it 'should calculate array delta', ->
- delta = h.parseDelta 'strokeDasharray', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
- expect(delta.name) .toBe 'strokeDasharray'
- it 'should calculate array delta', ->
- delta = h.parseDelta 'strokeDashoffset', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
- it 'should calculate array delta', ->
- delta = h.parseDelta 'origin', { '200 100%': '300' }
- expect(delta.type) .toBe 'array'
- expect(delta.start[0].value) .toBe 200
- expect(delta.start[0].unit) .toBe 'px'
- expect(delta.end[0].value) .toBe 300
- expect(delta.end[0].unit) .toBe 'px'
- expect(delta.start[1].value) .toBe 100
- expect(delta.start[1].unit) .toBe '%'
- expect(delta.end[1].value) .toBe 0
- expect(delta.end[1].unit) .toBe '%'
-
- describe 'unit values ->', ->
- it 'should calculate unit delta', ->
- delta = h.parseDelta 'x', {'0%': '100%'}
- expect(delta.start.string) .toBe '0'
- expect(delta.end.string) .toBe '100%'
- expect(delta.delta) .toBe 100
- expect(delta.type) .toBe 'unit'
- describe 'tween-related values ->', ->
- it 'should not calc delta for tween related props', ->
- delta = h.parseDelta 'duration', {'2000': 1000}
- expect(delta.type).not.toBeDefined()
- describe 'rand values ->', ->
- it 'should calculate unit delta', ->
- delta = h.parseDelta 'x', { 'rand(2, 20)': 'rand(0, 5)' }
- expect(delta.start.value).toBeGreaterThan -1
- expect(delta.start.value).not.toBeGreaterThan 20
- expect(delta.end.value).toBeGreaterThan -1
- expect(delta.end.value).not.toBeGreaterThan 5
-
- describe 'stagger values ->', ->
- it 'should calculate stagger values for pos props', ->
- delta = h.parseDelta 'x', { 'stagger(20, 20)': 'stagger(20, -10)' }, 2
- expect(delta.start.value).toBe 60
- expect(delta.end.value).toBe 0
- it 'should calculate stagger values', ->
- startDelta = { 'stagger(20, 20)': 'stagger(20, -10)' }
- delta = h.parseDelta 'radius', startDelta, 2
- expect(delta.start).toBe 60
- expect(delta.end).toBe 0
- it 'should use 0 index as a fallback', ->
- startDelta = { 'stagger(20, 20)': 'stagger(20, -10)' }
- delta = h.parseDelta 'radius', startDelta
- expect(delta.start).toBe 20
- expect(delta.end).toBe 20
-
- describe 'computedStyle method', ->
- it 'should return computed styles',->
- document.body.style['fontSize'] = '10px'
- expect(h.computedStyle(document.body).fontSize).toBe '10px'
- it 'should call getComputedStyle under the hood',->
- spyOn window, 'getComputedStyle'
- h.computedStyle(document.body)
- expect(window.getComputedStyle).toHaveBeenCalled()
- describe 'getRemBase method', ->
- it 'should return remBase', ->
- expect(h.getRemBase()).toBeDefined()
- expect(typeof h.getRemBase()).toBe 'number'
- it 'should set remBase to h', ->
- h.getRemBase()
- expect(h.remBase).toBe 16
- describe 'logging methods', ->
- describe 'prepareForLog method', ->
- it 'should prepare for arguments for logging', ->
- prepared = h.prepareForLog [ 'message' ]
- expect(prepared[0]).toBe '%cmo·js%c'
- expect(prepared[1]).toBe h.logBadgeCss
- expect(prepared[2]).toBe '::'
- expect(prepared[3]).toBe 'message'
- describe 'log method', ->
- it 'should log to console',->
- spyOn console, 'log'
- h.log 'something'
- expect(console.log).toHaveBeenCalled()
- it 'should not log to console if !isDebug',->
- mojs.isDebug = false
- spyOn console, 'log'
- h.log 'something'
- expect(console.log).not.toHaveBeenCalled()
- mojs.isDebug = true
- it 'should prepend mojs badge to message',->
- spyOn console, 'log'
- h.log 'smth'
- expect(console.log)
- .toHaveBeenCalledWith '%cmo·js%c', h.logBadgeCss, '::', 'smth'
- describe 'warn method', ->
- it 'should warn to console',->
- spyOn console, 'warn'
- h.warn 'something'
- expect(console.warn).toHaveBeenCalled()
- it 'should not warn to console if !isDebug',->
- mojs.isDebug = false
- spyOn console, 'warn'
- h.warn 'something'
- expect(console.warn).not.toHaveBeenCalled()
- mojs.isDebug = true
- it 'should prepend mojs badge to message',->
- spyOn console, 'warn'
- h.warn 'smth'
- expect(console.warn)
- .toHaveBeenCalledWith '%cmo·js%c', h.logBadgeCss, '::', 'smth'
- describe 'error method', ->
- it 'should error to console',->
- spyOn console, 'error'
- h.error 'something'
- expect(console.error).toHaveBeenCalled()
- it 'should not error to console if !isDebug',->
- mojs.isDebug = false
- spyOn console, 'error'
- h.error 'something'
- expect(console.error).not.toHaveBeenCalled()
- mojs.isDebug = true
- it 'should prepend mojs badge to message',->
- spyOn console, 'error'
- h.error 'smth'
- expect(console.error)
- .toHaveBeenCalledWith '%cmo·js%c', h.logBadgeCss, '::', 'smth'
- describe 'setPrefixedStyle method', ->
- it 'should set prefixed style', ->
- el = document.createElement 'div'
- styleToSet = 'translateX(20px)'
- name = 'transform'; prefixedName = "#{h.prefix.css}transform"
- h.setPrefixedStyle(el, name, styleToSet)
-
- expect(el.style[name] or el.style[prefixedName]).toBe styleToSet
-
- it 'should set prefixed style #2', ->
- el = document.createElement 'div'
- styleToSet = 'translateX(20px)'
- name = ' transform'; prefixedName = "#{h.prefix.css}transform"
- h.setPrefixedStyle(el, name, styleToSet, true)
-
- expect(el.style[name] or el.style[prefixedName]).toBe styleToSet
-
- describe 'parseUnit method', ->
- it 'should parse number to pixels', ->
- unit = h.parseUnit(100)
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'px'
- expect(unit.string) .toBe '100px'
- it 'should always return 0 for 0', ->
- unit = h.parseUnit(0)
- expect(unit.value) .toBe 0
- expect(unit.unit) .toBe 'px'
- expect(unit.string) .toBe '0'
- it 'should parse unitless string', ->
- unit = h.parseUnit('100')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'px'
- expect(unit.string) .toBe '100px'
- it 'should parse pixel string', ->
- unit = h.parseUnit('100px')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'px'
- expect(unit.string) .toBe '100px'
- it 'should always return 0 for 0 in strings', ->
- unit = h.parseUnit('0px')
- expect(unit.value) .toBe 0
- expect(unit.unit) .toBe 'px'
- expect(unit.string) .toBe '0'
- it 'should parse percent string', ->
- unit = h.parseUnit('100%')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe '%'
- expect(unit.string) .toBe '100%'
- it 'should parse rem string', ->
- unit = h.parseUnit('100rem')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'rem'
- expect(unit.string) .toBe '100rem'
- it 'should parse em string', ->
- unit = h.parseUnit('100em')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'em'
- expect(unit.string) .toBe '100em'
- it 'should parse ex string', ->
- unit = h.parseUnit('100ex')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'ex'
- expect(unit.string) .toBe '100ex'
- it 'should parse cm string', ->
- unit = h.parseUnit('100cm')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'cm'
- expect(unit.string) .toBe '100cm'
- it 'should parse mm string', ->
- unit = h.parseUnit('100mm')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'mm'
- expect(unit.string) .toBe '100mm'
- it 'should parse in string', ->
- unit = h.parseUnit('100in')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'in'
- expect(unit.string) .toBe '100in'
- it 'should parse pt string', ->
- unit = h.parseUnit('100pt')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'pt'
- expect(unit.string) .toBe '100pt'
- it 'should parse pc string', ->
- unit = h.parseUnit('100pc')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'pc'
- expect(unit.string) .toBe '100pc'
- it 'should parse ch string', ->
- unit = h.parseUnit('100ch')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'ch'
- expect(unit.string) .toBe '100ch'
- it 'should parse vh string', ->
- unit = h.parseUnit('100vh')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'vh'
- expect(unit.string) .toBe '100vh'
- it 'should parse vw string', ->
- unit = h.parseUnit('100vw')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'vw'
- expect(unit.string) .toBe '100vw'
- it 'should parse vmin string', ->
- unit = h.parseUnit('100vmin')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'vmin'
- expect(unit.string) .toBe '100vmin'
- it 'should return value if is not string nor number', ->
- obj = {20:30}
- unit = h.parseUnit(obj)
- expect(unit).toBe obj
- it 'should detect if unit if strict', ->
- unit = h.parseUnit(100)
- expect(unit.isStrict).toBe false
- unit = h.parseUnit('100px')
- expect(unit.isStrict).toBe true
- it 'should parse `deg` string', ->
- unit = h.parseUnit('100deg')
- expect(unit.value) .toBe 100
- expect(unit.unit) .toBe 'deg'
- expect(unit.string) .toBe '100deg'
-
- describe 'strToArr method', ->
- it 'should parse string to array',->
- array = h.strToArr('200 100')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- it 'should parse % string to array',->
- array = h.strToArr('200% 100')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe '%'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe 'px'
- it 'should parse number to array',->
- array = h.strToArr(200)
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- it 'should parse string with multiple spaces to array',->
- array = h.strToArr('200 100%')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe '%'
- it 'should trim string before parse',->
- array = h.strToArr(' 200 100% ')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBe 100
- expect(array[1].unit).toBe '%'
- it 'should parse rand values',->
- array = h.strToArr(' 200 rand(10,20) ')
- expect(array[0].value).toBe 200
- expect(array[0].unit).toBe 'px'
- expect(array[1].value).toBeGreaterThan 10
- expect(array[1].value).not.toBeGreaterThan 20
- expect(array[1].unit).toBe 'px'
-
- describe 'normDashArrays method', ->
- it 'should normalize two inconsistent dash arrays', ->
- arr1 = [h.parseUnit(100), h.parseUnit(500)]
- arr2 = [h.parseUnit(150), h.parseUnit(200), h.parseUnit(307)]
- h.normDashArrays(arr1, arr2)
- expect(arr1[0].value).toBe 100
- expect(arr1[0].unit) .toBe 'px'
- expect(arr1[1].value).toBe 500
- expect(arr1[1].unit) .toBe 'px'
- expect(arr1[2].value).toBe 0
- expect(arr1[2].unit) .toBe 'px'
- expect(arr2[0].value).toBe 150
- expect(arr2[0].unit) .toBe 'px'
- expect(arr2[1].value).toBe 200
- expect(arr2[1].unit) .toBe 'px'
- expect(arr2[2].value).toBe 307
- expect(arr2[2].unit) .toBe 'px'
- it 'should copy units from the another array', ->
- arr1 = [h.parseUnit(100), h.parseUnit(500)]
- arr2 = [h.parseUnit(150), h.parseUnit(200), h.parseUnit('307%')]
- h.normDashArrays(arr1, arr2)
- expect(arr1[0].value).toBe 100
- expect(arr1[0].unit) .toBe 'px'
- expect(arr1[1].value).toBe 500
- expect(arr1[1].unit) .toBe 'px'
- expect(arr1[2].value).toBe 0
- expect(arr1[2].unit) .toBe '%'
- expect(arr1.length) .toBe 3
- expect(arr2[0].value).toBe 150
- expect(arr1[0].unit) .toBe 'px'
- expect(arr2[1].value).toBe 200
- expect(arr1[1].unit) .toBe 'px'
- expect(arr2[2].value).toBe 307
- expect(arr2[2].unit) .toBe '%'
- expect(arr2.length) .toBe 3
- it 'should copy units from the another array #2', ->
- arr1 = [h.parseUnit(100), h.parseUnit(500), h.parseUnit('500%')]
- arr2 = [h.parseUnit('150%')]
- h.normDashArrays(arr1, arr2)
- expect(arr1[0].value).toBe 100
- expect(arr1[0].unit) .toBe 'px'
- expect(arr1[1].value).toBe 500
- expect(arr1[1].unit) .toBe 'px'
- expect(arr1[2].value).toBe 500
- expect(arr1[2].unit) .toBe '%'
- expect(arr1.length) .toBe 3
- expect(arr2[0].value).toBe 150
- expect(arr2[0].unit) .toBe '%'
- expect(arr2[1].value).toBe 0
- expect(arr2[1].unit) .toBe 'px'
- expect(arr2[2].value).toBe 0
- expect(arr2[2].unit) .toBe '%'
- expect(arr2.length) .toBe 3
-
- describe 'isArray method', ->
- it 'should check if variable is array', ->
- expect(h.isArray []).toBe true
- expect(h.isArray {}).toBe false
- expect(h.isArray '').toBe false
- expect(h.isArray 2).toBe false
- expect(h.isArray NaN).toBe false
- expect(h.isArray null).toBe false
- expect(h.isArray()).toBe false
-
- describe 'calcArrDelta method', ->
- it 'should calculate delta of two arrays', ->
- arr1 = [h.parseUnit(200), h.parseUnit(300), h.parseUnit('100%')]
- arr2 = [h.parseUnit(250), h.parseUnit(150), h.parseUnit('0%')]
- delta = h.calcArrDelta arr1, arr2
- expect(delta[0].value).toBe 50
- expect(delta[0].unit) .toBe 'px'
-
- expect(delta[1].value).toBe -150
- expect(delta[1].unit) .toBe 'px'
-
- expect(delta[2].value).toBe -100
- expect(delta[2].unit) .toBe '%'
- # NOT SURE IF NEEDED
- # it 'should should throw if on of the args are not arrays', ->
- # expect(-> h.calcArrDelta([200, 300, 100], 'a')).toThrow()
- # expect(-> h.calcArrDelta('a', [200, 300, 100])).toThrow()
- # it 'should should throw if less then 2 arrays passed', ->
- # expect(-> h.calcArrDelta [200, 300, 100]).toThrow()
- # expect(-> h.calcArrDelta()).toThrow()
-
- describe 'getRadialPoint method ->', ->
- it 'should calculate radial point', ->
- point = h.getRadialPoint
- radius: 50
- angle: 90
- center: x: 50, y: 50
- expect(point.x).toBe 100
- expect(point.y).toBe 50
- it 'should with radiusX and fallback to radius', ->
- point = h.getRadialPoint
- radius: 50
- radiusX:100
- angle: 90
- center: x: 50, y: 50
- expect(point.x).toBe 150
- expect(point.y).toBe 50
- it 'should with radiusY and fallback to radius', ->
- point = h.getRadialPoint
- radius: 50
- radiusY:100
- angle: 0
- center: x: 50, y: 50
- expect(point.x).toBe 50
- expect(point.y).toBe -50
- # nope
- # it 'should return false if 1 of 3 options missed', ->
- # point = h.getRadialPoint
- # radius: 50
- # angle: 90
- # expect(point).toBeFalsy()
- it 'should return false only if param is 0', ->
- point = h.getRadialPoint
- radius: 0
- angle: 90
- center: x: 0, y: 0
- expect(point).toBeTruthy()
- # nope
- # it 'should not return exponential forms', ->
- # point = h.getRadialPoint
- # radius: 0.00000001
- # angle: 90
- # center: x: 0.00000001, y: 0.00000001
- # expect(point.x).not.toMatch /e/
- # expect(point.y).not.toMatch /e/
- # nope
- # it 'options should have default empty object', ->
- # point = h.getRadialPoint()
- # expect(point).toBeFalsy()
- # expect(h.getRadialPoint).not.toThrow()
-
- describe 'cloneObj method', ->
- it 'should clone object', ->
- obj = { a: 2, b: 3 }
- clonedObj = h.cloneObj(obj)
- expect(clonedObj.a).toBe 2
- expect(clonedObj.b).toBe 3
- expect(Object.keys(clonedObj).length).toBe 2
- it 'should exclude defined keys', ->
- obj = { a: 2, b: 3 }
- exclude = { a: 1 }
- clonedObj = h.cloneObj(obj, exclude)
- expect(clonedObj.b).toBe 3
- expect(clonedObj.a).not.toBeDefined()
- expect(Object.keys(clonedObj).length).toBe 1
-
- describe 'capitalize method', ->
- it 'should capitalize strings', ->
- expect(h.capitalize 'hello there').toBe 'Hello there'
- it 'should should throw if bad string was passed', ->
- expect(-> h.capitalize()).toThrow()
- it 'should should not throw with empty strings', ->
- expect(-> h.capitalize('')).not.toThrow()
- describe 'color parsing - makeColorObj method', ->
- it 'should have shortColors map', ->
- expect(h.shortColors).toBeDefined()
- it 'should have div node', ->
- expect(h.div.tagName.toLowerCase()).toBe 'div'
- it 'should parse 3 hex color', ->
- colorObj = h.makeColorObj '#f0f'
- expect(colorObj.r) .toBe 255
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 255
- expect(colorObj.a) .toBe 1
- it 'should parse 6 hex color', ->
- colorObj = h.makeColorObj '#0000ff'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 255
- expect(colorObj.a) .toBe 1
- it 'should parse color shorthand', ->
- colorObj = h.makeColorObj 'deeppink'
- expect(colorObj.r) .toBe 255
- expect(colorObj.g) .toBe 20
- expect(colorObj.b) .toBe 147
- expect(colorObj.a) .toBe 1
- it 'should parse none color shorthand', ->
- colorObj = h.makeColorObj 'none'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 0
- expect(colorObj.b) .toBe 0
- expect(colorObj.a) .toBe 0
- it 'should parse rgb color', ->
- colorObj = h.makeColorObj 'rgb(200,100,0)'
- expect(colorObj.r) .toBe 200
- expect(colorObj.g) .toBe 100
- expect(colorObj.b) .toBe 0
- expect(colorObj.a) .toBe 1
- it 'should parse rgba color', ->
- colorObj = h.makeColorObj 'rgba(0,200,100,.1)'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 200
- expect(colorObj.b) .toBe 100
- expect(colorObj.a) .toBe .1
- it 'should parse rgba color with float starting by 0', ->
- colorObj = h.makeColorObj 'rgba(0,200,100,0.5)'
- expect(colorObj.r) .toBe 0
- expect(colorObj.g) .toBe 200
- expect(colorObj.b) .toBe 100
- expect(colorObj.a) .toBe .5
- describe 'isDOM method ->', ->
- it 'should detect if object is DOM node #1', ->
- expect(h.isDOM('string')).toBe false
- it 'should detect if object is DOM node #2', ->
- expect(h.isDOM({})).toBe false
- it 'should detect if object is DOM node #3', ->
- expect(h.isDOM([])).toBe false
- it 'should detect if object is DOM node #4', ->
- expect(h.isDOM({})).toBe false
- it 'should detect if object is DOM node #5', ->
- expect(h.isDOM(null)).toBe false
- it 'should detect if object is DOM node #6', ->
- expect(h.isDOM(document.createElement 'div')).toBe true
- it 'should detect if object is DOM node #7', ->
- expect(h.isDOM(document.createElementNS ns, 'g')).toBe true
- # it 'should Node is function it should check if object is instance', ->
- # expect(h.isDOM(document.body)).toBe document.body instanceof Node
- describe 'getChildElements method', ->
- ns = 'http://www.w3.org/2000/svg'
- els = document.createElementNS ns, 'g'
- path1 = document.createElementNS ns, 'path'
- path2 = document.createElementNS ns, 'path'
- els.appendChild(path1); els.appendChild path2
- it 'should return els children', ->
- expect(h.getChildElements(els).length).toBe 2
- it 'should return an array', ->
- expect(h.isArray(h.getChildElements(els))).toBe true
- it 'should filter text nodes', ->
- els.appendChild document.createTextNode 'hey'
- expect(h.getChildElements(els).length).toBe 2
- describe 'mergeUnits method', ->
- it 'should merge units if end one was not defined', ->
- start = { unit: '%', value: 25, string: '25%', isStrict: true }
- end = { unit: 'px', value: 50, string:'50px', isStrict: false }
- h.mergeUnits start, end, 'key'
- expect(end.unit) .toBe '%'
- expect(end.string).toBe '50%'
-
- it 'should merge units if start one was not defined', ->
- start = { unit: '%', value: 25, string: '25%', isStrict: false }
- end = { unit: 'px', value: 50, string:'50px', isStrict: true }
- h.mergeUnits start, end, 'key'
- expect(start.unit) .toBe 'px'
- expect(start.string).toBe '25px'
-
- it 'should fallback to end unit if two were defined and warn', ->
- start = { unit: 'px', value: 25, string: '25px', isStrict: true }
- end = { unit: '%', value: 50, string:'50%', isStrict: true }
- spyOn h, 'warn'
- h.mergeUnits start, end, 'key'
- expect(start.unit) .toBe '%'
- expect(start.string).toBe '25%'
- expect(h.warn).toHaveBeenCalled()
-
- describe 'delta method', ->
- it 'should create object from variables', ->
- start = 0; end = 1
- delta = h.delta(start, end)
- expect(delta[0]).toBe 1
- it 'should work with strings', ->
- start = '0'; end = 1
- delta = h.delta(start, end)
- expect(delta['0']).toBe 1
- it 'should error if unexpected types', ->
- start = (->); end = 1
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- it 'should error if unexpected types #2', ->
- start = 2; end = (->)
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- it 'should error if unexpected types #3', ->
- start = 2; end = {}
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- it 'should error if unexpected types #4', ->
- start = {}; end = 2
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- it 'should not work with NaN arguments', ->
- start = NaN; end = 2
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- it 'should not work with NaN arguments #2', ->
- start = '2'; end = NaN
- spyOn mojs.helpers, 'error'
- delta = h.delta(start, end)
- expect(mojs.helpers.error).toHaveBeenCalled()
- expect(delta).toBe undefined
- describe 'getUniqID method', ->
- it 'should return uniq id', ->
- expect(h.getUniqID()).toBe 0
- expect(h.getUniqID()).toBe 1
- expect(h.getUniqID()).toBe 2
- expect(h.uniqIDs) .toBe 2
-
- describe 'parsePath method', ->
- it 'should parse path if string passed', ->
- pathStr = 'M0,0 10,10'
- expect(h.parsePath(pathStr).tagName).toBe 'path'
- isNormalpath = h.parsePath(pathStr).getAttribute('d') is pathStr
- isIEPath = h.parsePath(pathStr).getAttribute('d') is 'M 0 0 L 10 10'
- expect(isNormalpath or isIEPath).toBe true
- it 'should parse path if selector passed', ->
- path = document.createElementNS h.NS, 'path'
- svg = document.createElementNS h.NS, 'svg'
- pathId = 'js-path'; path.setAttribute 'id', pathId
- svg.appendChild(path); document.body.appendChild svg
-
- expect(h.parsePath("##{pathId}").tagName).toBe 'path'
- expect(h.parsePath("##{pathId}").getAttribute('id')).toBe pathId
-
- it 'should parse path if DOM node passed', ->
- path = document.createElementNS h.NS, 'path'
- svg = document.createElementNS h.NS, 'svg'
- pathId = 'js-path'; path.setAttribute 'id', pathId
- svg.appendChild(path); document.body.appendChild svg
-
- expect(h.parsePath(path).tagName).toBe 'path'
- expect(h.parsePath(path).getAttribute('id')).toBe pathId
-
- describe 'closeEnough method', ->
- it 'should compare two numbers', ->
- expect(h.closeEnough(.0005, .0006, .001)) .toBe true
- expect(h.closeEnough(.0005, .0005, .00000001)).toBe true
- expect(h.closeEnough(1, .0005, .00000001)) .toBe false
- expect(h.closeEnough(1, .0005, 1)) .toBe true
- describe 'style method ->', ->
- it 'should set style on el', ->
- el = document.createElement 'div'
- h.style(el, 'width', '20px')
- expect(el.style.width).toBe '20px'
- it 'should set multiple styles on el', ->
- el = document.createElement 'div'
- transformToSet = 'translateX(20px)'
- h.style(el, {
- 'width': '20px',
- height: '30px',
- transform: transformToSet
- })
- s = el.style
- expect(s.width).toBe '20px'
- expect(s.height).toBe '30px'
- prefixed = "#{h.prefix.css}transform"
- tr = if s[prefixed]? then s[prefixed] else s.transform
- expect(tr).toBe transformToSet
- describe 'checkIf3d method ->',->
- it 'should detect if transform 3d is supported', ->
- div = document.createElement 'div'
- h.style div, 'transform', 'translateZ(0)'
- style = div.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- expect(tr isnt '').toBe h.checkIf3d()
- describe 'is3d property ->',->
- it 'should be fulfilled', ->
- expect(h.is3d).toBe h.checkIf3d()
-
- describe 'isObject method ->', ->
- it 'should return true if object', ->
- expect(h.isObject({})).toBe true
- expect(h.isObject(null)).toBe false
- expect(h.isObject('a')).toBe false
- expect(h.isObject(2)).toBe false
- expect(h.isObject(true)).toBe false
-
- describe 'getDeltaStart method ->', ->
- it 'should return value of the 0 key of passed object', ->
- expect(h.getDeltaStart({ 2: 1 })).toBe '2'
-
- describe 'getDeltaEnd method ->', ->
- it 'should return value of the 0 key of passed object', ->
- expect(h.getDeltaEnd({ 2: 1 })).toBe 1
-
- describe 'isTweenProp method ->', ->
- it 'should check in callbacksMap and tweenOptionMap maps', ->
- for key, value of h.callbacksMap
- expect(h.isTweenProp(key)).toBe 1
- for key, value of h.tweenOptionMap
- expect(h.isTweenProp(key)).toBe 1
-
- describe 'parseStringOption method', ->
- it 'should return passed value if not a string', ->
- obj = {}
- result = h.parseStringOption obj
- expect(result).toBe obj
-
- it 'should parse stagger values', ->
- result = h.parseStringOption 'stagger(20, 40)'
- expect(result).toBe 20
-
- it 'should parse stagger values with index', ->
- result = h.parseStringOption 'stagger(20, 40)', 2
- expect(result).toBe 20 + (2*40)
-
- it 'should parse rand values', ->
- result = h.parseStringOption 'rand(10, 20)'
- expect(result).toBeGreaterThan 10
- expect(result).not.toBeGreaterThan 20
-
- it 'should parse rand values inside stagger', ->
- result = h.parseStringOption 'stagger(rand(10, 20), rand(20, 30))', 1
- expect(result).toBeGreaterThan 30
- expect(result).not.toBeGreaterThan 50
-
- describe '_getLastItem method ->', ->
- it 'should get the last item of array', ->
- expect(h.getLastItem([1,2,3,4])).toBe 4
- expect(h.getLastItem([1,2,3,7])).toBe 7
- expect(h.getLastItem([1,2,3])).toBe 3
- expect(h.getLastItem([1,2])).toBe 2
- expect(h.getLastItem([1])).toBe 1
-
- describe 'parseEl method ->', ->
- it 'should find an element if `string` passed ', ->
- expect( h.parseEl( 'body' ) ).toBe document.body
-
- it 'should error if no element found ', ->
- spyOn(h, 'error').and.callThrough()
- el = h.parseEl( '#some-element' )
- expect( h.error ).toHaveBeenCalled()
-
- it 'should return an HTMLElement unattended ', ->
- el = document.createElement 'div'
- expect( h.parseEl( document.body ) ).toBe document.body
- expect( h.parseEl( el ) ).toBe el
-
- describe 'force3d method ->', ->
- it 'should set backface-visibility to hidden on el', ->
-
- el = document.createElement 'div'
- h.force3d el
-
- bv = el.style[ 'backface-visibility' ]
- pbv = el.style[ "#{h.prefix.css}backface-visibility" ]
- bfv = bv or pbv
- expect( bfv ).toBe 'hidden'
-
- it 'should return el', ->
-
- el = document.createElement 'div'
- result = h.force3d el
-
- expect( result ).toBe el
-
- describe 'isDelta method ->', ->
- it 'should detect if value is not a delta value', ->
- expect(h.isDelta(45)) .toBe false
- expect(h.isDelta('45')) .toBe false
- expect(h.isDelta(['45'])).toBe false
- expect(h.isDelta({ unit: 'px', value: 20 })).toBe false
- expect(h.isDelta({ 20: 30 })).toBe true
-
-
-
-
diff --git a/spec/h.js b/spec/h.js
deleted file mode 100644
index d81a542d4..000000000
--- a/spec/h.js
+++ /dev/null
@@ -1,1584 +0,0 @@
-(function() {
- var h, ns;
-
- h = mojs.helpers;
-
- ns = 'http://www.w3.org/2000/svg';
-
- describe('Helpers ->', function() {
- it('should have defaultStyles', function() {
- return expect(h.defaultStyles).toEqual(h.computedStyle(h.div));
- });
- it('should have logBadgeCss', function() {
- return expect(h.logBadgeCss).toBeDefined();
- });
- it('should have RAD_TO_DEG CONSTANT', function() {
- return expect(h.RAD_TO_DEG).toBe(180 / Math.PI);
- });
- it('should have svg namespace', function() {
- return expect(h.NS).toBe('http://www.w3.org/2000/svg');
- });
- it('should have remBase', function() {
- return expect(typeof h.remBase).toBe('number');
- });
- it('should have unitOptionMap map', function() {
- expect(h.unitOptionMap.left).toBe(1);
- expect(h.unitOptionMap.top).toBe(1);
- expect(h.unitOptionMap.x).toBe(1);
- expect(h.unitOptionMap.y).toBe(1);
- expect(h.unitOptionMap.rx).toBe(1);
- return expect(h.unitOptionMap.ry).toBe(1);
- });
- it('should have initial uniqIDs props', function() {
- return expect(h.uniqIDs).toBe(-1);
- });
- describe('prefix', function() {
- return it('should have prefix', function() {
- expect(h.prefix).toBeDefined();
- expect(h.prefix.js).toBeDefined();
- expect(h.prefix.css).toBeDefined();
- expect(h.prefix.lowercase).toBeDefined();
- return expect(h.prefix.dom).toBeDefined();
- });
- });
- describe('browsers detection', function() {
- return it('should have browsers flag', function() {
- expect(h.isFF).toBeDefined();
- expect(h.isIE).toBeDefined();
- expect(h.isSafari).toBeDefined();
- expect(h.isChrome).toBeDefined();
- expect(h.isOpera).toBeDefined();
- return expect(h.isOldOpera).toBeDefined();
- });
- });
- describe('tween related map ->', function() {
- return it('should be a map of tween related options ->', function() {
- return expect(Object.keys(h.chainOptionMap).length).toBe(0);
- });
- });
- describe('pure tween props ->', function() {
- return it('should be a map of tween related options ->', function() {
- expect(h.tweenOptionMap.duration).toBe(1);
- expect(h.tweenOptionMap.delay).toBe(1);
- expect(h.tweenOptionMap.repeat).toBe(1);
- expect(h.tweenOptionMap.easing).toBe(1);
- expect(h.tweenOptionMap.backwardEasing).toBe(1);
- expect(h.tweenOptionMap.isYoyo).toBe(1);
- expect(h.tweenOptionMap.shiftTime).toBe(1);
- expect(h.tweenOptionMap.isReversed).toBe(1);
- expect(h.tweenOptionMap.speed).toBe(1);
- expect(h.tweenOptionMap.callbacksContext).toBe(1);
- return expect(Object.keys(h.tweenOptionMap).length).toBe(10);
- });
- });
- describe('pure callbacks props ->', function() {
- return it('should be a map of callback related options ->', function() {
- expect(h.callbacksMap.onRefresh).toBe(1);
- expect(h.callbacksMap.onStart).toBe(1);
- expect(h.callbacksMap.onUpdate).toBe(1);
- expect(h.callbacksMap.onComplete).toBe(1);
- expect(h.callbacksMap.onProgress).toBe(1);
- expect(h.callbacksMap.onFirstUpdate).toBe(1);
- expect(h.callbacksMap.onRepeatStart).toBe(1);
- expect(h.callbacksMap.onRepeatComplete).toBe(1);
- expect(h.callbacksMap.onPlaybackStart).toBe(1);
- expect(h.callbacksMap.onPlaybackPause).toBe(1);
- expect(h.callbacksMap.onPlaybackStop).toBe(1);
- expect(h.callbacksMap.onPlaybackComplete).toBe(1);
- return expect(Object.keys(h.callbacksMap).length).toBe(12);
- });
- });
- describe('methods ->', function() {
- describe('clamp method', function() {
- return it('should clamp value to max and min', function() {
- expect(h.clamp(10, 0, 5)).toBe(5);
- expect(h.clamp(-10, 0, 5)).toBe(0);
- return expect(h.clamp(2, 0, 5)).toBe(2);
- });
- });
- describe('extend method', function() {
- return it('should extend object by other one', function() {
- var obj1, obj2;
- obj1 = {
- a: 1
- };
- obj2 = {
- b: 1
- };
- h.extend(obj1, obj2);
- expect(obj1.a).toBe(1);
- expect(obj1.b).toBe(1);
- expect(obj2.a).not.toBeDefined();
- return expect(obj2.b).toBe(1);
- });
- });
- describe('parseRand method', function() {
- it('should get random number from string', function() {
- var rand;
- rand = h.parseRand('rand(10,20)');
- expect(typeof rand).toBe('number');
- expect(rand).toBeGreaterThan(9);
- return expect(rand).not.toBeGreaterThan(20);
- });
- return it('should get random number with units', function() {
- var rand;
- rand = h.parseRand('rand(10%,20%)');
- expect(parseFloat(rand)).toBeGreaterThan(9);
- expect(parseFloat(rand)).not.toBeGreaterThan(20);
- return expect(rand.match(/\%/)).toBeTruthy();
- });
- });
- describe('parseStagger method ->', function() {
- it('should get random number from string', function() {
- var value;
- value = h.parseStagger('stagger(150)', 3);
- expect(typeof value).toBe('number');
- return expect(value).toBe(450);
- });
- it('should get random if was passed', function() {
- var value;
- value = h.parseStagger('stagger(rand(10%,20%))', 0);
- expect(value).toBe('0%');
- value = parseInt(h.parseStagger('stagger(rand(10%,20%))', 3), 10);
- expect(value).toBeGreaterThan(29);
- return expect(value).not.toBeGreaterThan(60);
- });
- it('should get string of unit value', function() {
- var value;
- value = h.parseStagger('stagger(20%)', 2);
- return expect(value).toBe('40%');
- });
- it('should parse stagger with base', function() {
- var value;
- value = h.parseStagger('stagger(1000, 20)', 2);
- return expect(value).toBe(1040);
- });
- it('should parse stagger with unit base', function() {
- var value;
- value = h.parseStagger('stagger(1000%, 20)', 2);
- return expect(value).toBe('1040%');
- });
- it('should parse stagger with unit value', function() {
- var value;
- value = h.parseStagger('stagger(1000, 20%)', 2);
- return expect(value).toBe('1040%');
- });
- it('should prefer base units over the value ones', function() {
- var value;
- value = h.parseStagger('stagger(1000px, 20%)', 2);
- return expect(value).toBe('1040px');
- });
- it('should parse value rand values', function() {
- var value;
- value = h.parseStagger('stagger(500, rand(10,20))', 2);
- expect(value).toBeGreaterThan(520);
- return expect(value).not.toBeGreaterThan(540);
- });
- it('should parse base rand values', function() {
- var value;
- value = h.parseStagger('stagger(rand(500,600), 20)', 2);
- expect(value).toBeGreaterThan(539);
- return expect(value).not.toBeGreaterThan(640);
- });
- return it('should respect units in rands', function() {
- var value;
- value = h.parseStagger('stagger(rand(500%,600%), 20)', 2);
- expect(parseInt(value), 10).toBeGreaterThan(539);
- expect(parseInt(value), 10).not.toBeGreaterThan(639);
- return expect(value.match(/\%/)).toBeTruthy();
- });
- });
- describe('parseIfStagger method', function() {
- it('should parse stagger if stagger string passed', function() {
- var value;
- value = h.parseIfStagger('stagger(200)', 2);
- return expect(value).toBe(400);
- });
- return it('should return passed value if it has no stagger expression', function() {
- var arg, value;
- arg = [];
- value = h.parseIfStagger(arg, 2);
- return expect(value).toBe(arg);
- });
- });
- describe('parseIfRand method', function() {
- it('should get random number from string if it is rand', function() {
- var rand;
- rand = h.parseIfRand('rand(10,20)');
- expect(typeof rand).toBe('number');
- expect(rand).toBeGreaterThan(9);
- return expect(rand).not.toBeGreaterThan(20);
- });
- return it('should return the value if it is not a string', function() {
- var rand;
- rand = h.parseIfRand(20);
- expect(typeof rand).toBe('number');
- return expect(rand).toBe(20);
- });
- });
- describe('rand method', function() {
- it('should return random digit form range', function() {
- expect(h.rand(10, 20)).toBeGreaterThan(9);
- return expect(h.rand(10, 20)).not.toBeGreaterThan(20);
- });
- it('should work with negative numbers', function() {
- expect(h.rand(-10, -20)).toBeGreaterThan(-20);
- return expect(h.rand(-10, -20)).not.toBeGreaterThan(-10);
- });
- it('should work with mixed numbers', function() {
- expect(h.rand(-10, 20)).toBeGreaterThan(-10);
- return expect(h.rand(-10, 20)).not.toBeGreaterThan(20);
- });
- return it('should work with float numbers', function() {
- expect(h.rand(.2, .9)).toBeGreaterThan(.1);
- return expect(h.rand(.2, .9)).not.toBeGreaterThan(.9);
- });
- });
- describe('parseDelta method ->', function() {
- describe('numeric values ->', function() {
- it('should calculate delta', function() {
- var delta;
- delta = h.parseDelta('radius', {
- 25: 75
- });
- expect(delta.start).toBe(25);
- expect(delta.delta).toBe(50);
- expect(delta.type).toBe('number');
- return expect(delta.name).toBe('radius');
- });
- it('should parse easing', function() {
- var delta, easing, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- easing = 'cubic.out';
- startDelta = {
- 25: 75,
- easing: easing
- };
- delta = h.parseDelta('radius', startDelta);
- expect(delta.start).toBe(25);
- expect(delta.delta).toBe(50);
- expect(delta.type).toBe('number');
- expect(delta.easing).toBe(mojs.easing.cubic.out);
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith(easing);
- return expect(startDelta.easing).toBe(easing);
- });
- it('should parse curve', function() {
- var curve, delta, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- startDelta = {
- 25: 75,
- curve: curve
- };
- delta = h.parseDelta('radius', startDelta);
- expect(delta.start).toBe(25);
- expect(delta.delta).toBe(50);
- expect(delta.type).toBe('number');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- return expect(startDelta.curve).toBe(curve);
- });
- it('should calculate delta with string arguments', function() {
- var delta;
- delta = h.parseDelta('radius', {
- 25: 75
- });
- expect(delta.start).toBe(25);
- return expect(delta.delta).toBe(50);
- });
- it('should calculate delta with float arguments', function() {
- var delta;
- delta = h.parseDelta('radius', {
- '25.50': 75.50
- });
- expect(delta.start).toBe(25.5);
- return expect(delta.delta).toBe(50);
- });
- it('should calculate delta with negative start arguments', function() {
- var delta;
- delta = h.parseDelta('radius', {
- '-25.50': 75.50
- });
- expect(delta.start).toBe(-25.5);
- return expect(delta.delta).toBe(101);
- });
- return it('should calculate delta with negative end arguments', function() {
- var delta;
- delta = h.parseDelta('radius', {
- '25.50': -75.50
- });
- expect(delta.start).toBe(25.5);
- expect(delta.end).toBe(-75.5);
- return expect(delta.delta).toBe(-101);
- });
- });
- describe('unit values ->', function() {
- it('should fallback to declared units if one of them is not defined', function() {
- var delta;
- delta = h.parseDelta('x', {
- '25.50%': -75.50
- });
- expect(delta.start.unit).toBe('%');
- expect(delta.start.value).toBe(25.5);
- expect(delta.start.string).toBe('25.5%');
- expect(delta.end.unit).toBe('%');
- expect(delta.end.value).toBe(-75.5);
- expect(delta.end.string).toBe('-75.5%');
- return expect(delta.name).toBe('x');
- });
- it('should fallback to declared units if one of them defined #2', function() {
- var delta;
- delta = h.parseDelta('x', {
- '25.50': '-75.50%'
- });
- expect(delta.start.unit).toBe('%');
- expect(delta.start.value).toBe(25.5);
- expect(delta.start.string).toBe('25.5%');
- expect(delta.end.unit).toBe('%');
- expect(delta.end.value).toBe(-75.5);
- return expect(delta.end.string).toBe('-75.5%');
- });
- it('should parse unit values easing', function() {
- var delta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- delta = h.parseDelta('x', {
- '25.50': '-75.50%',
- easing: 'cubic.out'
- });
- expect(delta.start.unit).toBe('%');
- expect(delta.start.value).toBe(25.5);
- expect(delta.start.string).toBe('25.5%');
- expect(delta.end.unit).toBe('%');
- expect(delta.end.value).toBe(-75.5);
- expect(delta.end.string).toBe('-75.5%');
- expect(delta.easing).toBe(mojs.easing.cubic.out);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith('cubic.out');
- });
- it('should parse unit values curve', function() {
- var curve, delta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- delta = h.parseDelta('x', {
- '25.50': '-75.50%',
- curve: curve
- });
- expect(delta.start.unit).toBe('%');
- expect(delta.start.value).toBe(25.5);
- expect(delta.start.string).toBe('25.5%');
- expect(delta.end.unit).toBe('%');
- expect(delta.end.value).toBe(-75.5);
- expect(delta.end.string).toBe('-75.5%');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- it('should fallback to end units if two units undefined and warn', function() {
- var delta;
- spyOn(h, 'warn');
- delta = h.parseDelta('x', {
- '25.50%': '-75.50px'
- });
- expect(h.warn).toHaveBeenCalled();
- expect(delta.start.unit).toBe('px');
- expect(delta.start.value).toBe(25.5);
- expect(delta.start.string).toBe('25.5px');
- expect(delta.end.unit).toBe('px');
- expect(delta.end.value).toBe(-75.5);
- return expect(delta.end.string).toBe('-75.5px');
- });
- return it('should not warn with the same units', function() {
- var delta;
- spyOn(h, 'warn');
- delta = h.parseDelta('x', {
- '25.50%': '-75.50%'
- });
- return expect(h.warn).not.toHaveBeenCalled();
- });
- });
- describe('strokeDash.. deltas', function() {
- it('should work with strokeDash.. properties', function() {
- var delta;
- delta = h.parseDelta('strokeDashoffset', {
- '25.50': '-75.50%'
- });
- expect(delta.start[0].unit).toBe('%');
- expect(delta.start[0].value).toBe(25.5);
- expect(delta.start[0].string).toBe('25.5%');
- expect(delta.end[0].unit).toBe('%');
- expect(delta.end[0].value).toBe(-75.5);
- expect(delta.end[0].string).toBe('-75.5%');
- return expect(delta.name).toBe('strokeDashoffset');
- });
- it('should work with strokeDash.. properties #2', function() {
- var delta;
- delta = h.parseDelta('strokeDashoffset', {
- '25.50%': '-75.50'
- });
- expect(delta.start[0].unit).toBe('%');
- expect(delta.start[0].value).toBe(25.5);
- expect(delta.start[0].string).toBe('25.5%');
- expect(delta.end[0].unit).toBe('%');
- expect(delta.end[0].value).toBe(-75.5);
- return expect(delta.end[0].string).toBe('-75.5%');
- });
- it('should parse strokeDash values easing', function() {
- var delta, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- startDelta = {
- '25.50%': '-75.50',
- easing: 'cubic.out'
- };
- delta = h.parseDelta('strokeDashoffset', startDelta);
- expect(delta.start[0].unit).toBe('%');
- expect(delta.start[0].value).toBe(25.5);
- expect(delta.start[0].string).toBe('25.5%');
- expect(delta.end[0].unit).toBe('%');
- expect(delta.end[0].value).toBe(-75.5);
- expect(delta.end[0].string).toBe('-75.5%');
- expect(delta.easing).toBe(mojs.easing.cubic.out);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith('cubic.out');
- });
- it('should parse strokeDash values curve', function() {
- var curve, delta, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- startDelta = {
- '25.50%': '-75.50',
- curve: curve
- };
- delta = h.parseDelta('strokeDashoffset', startDelta);
- expect(delta.start[0].unit).toBe('%');
- expect(delta.start[0].value).toBe(25.5);
- expect(delta.start[0].string).toBe('25.5%');
- expect(delta.end[0].unit).toBe('%');
- expect(delta.end[0].value).toBe(-75.5);
- expect(delta.end[0].string).toBe('-75.5%');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- return it('should work with strokeDash.. properties #3', function() {
- var delta;
- delta = h.parseDelta('strokeDashoffset', {
- '25.50%': '-75.50px'
- });
- expect(delta.start[0].unit).toBe('px');
- expect(delta.start[0].value).toBe(25.5);
- expect(delta.start[0].string).toBe('25.5px');
- expect(delta.end[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(-75.5);
- return expect(delta.end[0].string).toBe('-75.5px');
- });
- });
- describe('color values ->', function() {
- it('should calculate color delta', function() {
- var delta;
- delta = h.parseDelta('stroke', {
- '#000': 'rgb(255,255,255)'
- });
- expect(delta.start.r).toBe(0);
- expect(delta.end.r).toBe(255);
- expect(delta.delta.r).toBe(255);
- expect(delta.type).toBe('color');
- return expect(delta.name).toBe('stroke');
- });
- it('should ignore stroke-linecap prop, use start prop and warn', function() {
- var delta;
- spyOn(console, 'warn');
- delta = h.parseDelta('strokeLinecap', {
- 'round': 'butt'
- });
- expect(function() {
- return h.parseDelta('strokeLinecap', {
- 'round': 'butt'
- });
- }).not.toThrow();
- expect(console.warn).toHaveBeenCalled();
- return expect(delta.type).not.toBeDefined();
- });
- it('should parse color easing values', function() {
- var delta, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- startDelta = {
- '#000': 'rgb(255,255,255)',
- easing: 'cubic.out'
- };
- delta = h.parseDelta('stroke', startDelta);
- expect(delta.start.r).toBe(0);
- expect(delta.end.r).toBe(255);
- expect(delta.delta.r).toBe(255);
- expect(delta.type).toBe('color');
- expect(delta.easing).toBe(mojs.easing.cubic.out);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith('cubic.out');
- });
- return it('should parse color curve values', function() {
- var curve, delta, startDelta;
- spyOn(mojs.easing, 'parseEasing').and.callThrough();
- curve = "M0,100 L100,0";
- startDelta = {
- '#000': 'rgb(255,255,255)',
- curve: curve
- };
- delta = h.parseDelta('stroke', startDelta);
- expect(delta.start.r).toBe(0);
- expect(delta.end.r).toBe(255);
- expect(delta.delta.r).toBe(255);
- expect(delta.type).toBe('color');
- expect(typeof delta.curve).toBe('function');
- expect(delta.curve(.5)).toBeCloseTo(.5, 2);
- return expect(mojs.easing.parseEasing).toHaveBeenCalledWith(curve);
- });
- });
- describe('array values ->', function() {
- it('should calculate array delta', function() {
- var delta;
- delta = h.parseDelta('strokeDasharray', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- expect(delta.end[1].unit).toBe('%');
- return expect(delta.name).toBe('strokeDasharray');
- });
- it('should calculate array delta', function() {
- var delta;
- delta = h.parseDelta('strokeDashoffset', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- return expect(delta.end[1].unit).toBe('%');
- });
- return it('should calculate array delta', function() {
- var delta;
- delta = h.parseDelta('origin', {
- '200 100%': '300'
- });
- expect(delta.type).toBe('array');
- expect(delta.start[0].value).toBe(200);
- expect(delta.start[0].unit).toBe('px');
- expect(delta.end[0].value).toBe(300);
- expect(delta.end[0].unit).toBe('px');
- expect(delta.start[1].value).toBe(100);
- expect(delta.start[1].unit).toBe('%');
- expect(delta.end[1].value).toBe(0);
- return expect(delta.end[1].unit).toBe('%');
- });
- });
- describe('unit values ->', function() {
- return it('should calculate unit delta', function() {
- var delta;
- delta = h.parseDelta('x', {
- '0%': '100%'
- });
- expect(delta.start.string).toBe('0');
- expect(delta.end.string).toBe('100%');
- expect(delta.delta).toBe(100);
- return expect(delta.type).toBe('unit');
- });
- });
- describe('tween-related values ->', function() {
- return it('should not calc delta for tween related props', function() {
- var delta;
- delta = h.parseDelta('duration', {
- '2000': 1000
- });
- return expect(delta.type).not.toBeDefined();
- });
- });
- describe('rand values ->', function() {
- return it('should calculate unit delta', function() {
- var delta;
- delta = h.parseDelta('x', {
- 'rand(2, 20)': 'rand(0, 5)'
- });
- expect(delta.start.value).toBeGreaterThan(-1);
- expect(delta.start.value).not.toBeGreaterThan(20);
- expect(delta.end.value).toBeGreaterThan(-1);
- return expect(delta.end.value).not.toBeGreaterThan(5);
- });
- });
- return describe('stagger values ->', function() {
- it('should calculate stagger values for pos props', function() {
- var delta;
- delta = h.parseDelta('x', {
- 'stagger(20, 20)': 'stagger(20, -10)'
- }, 2);
- expect(delta.start.value).toBe(60);
- return expect(delta.end.value).toBe(0);
- });
- it('should calculate stagger values', function() {
- var delta, startDelta;
- startDelta = {
- 'stagger(20, 20)': 'stagger(20, -10)'
- };
- delta = h.parseDelta('radius', startDelta, 2);
- expect(delta.start).toBe(60);
- return expect(delta.end).toBe(0);
- });
- return it('should use 0 index as a fallback', function() {
- var delta, startDelta;
- startDelta = {
- 'stagger(20, 20)': 'stagger(20, -10)'
- };
- delta = h.parseDelta('radius', startDelta);
- expect(delta.start).toBe(20);
- return expect(delta.end).toBe(20);
- });
- });
- });
- describe('computedStyle method', function() {
- it('should return computed styles', function() {
- document.body.style['fontSize'] = '10px';
- return expect(h.computedStyle(document.body).fontSize).toBe('10px');
- });
- return it('should call getComputedStyle under the hood', function() {
- spyOn(window, 'getComputedStyle');
- h.computedStyle(document.body);
- return expect(window.getComputedStyle).toHaveBeenCalled();
- });
- });
- describe('getRemBase method', function() {
- it('should return remBase', function() {
- expect(h.getRemBase()).toBeDefined();
- return expect(typeof h.getRemBase()).toBe('number');
- });
- return it('should set remBase to h', function() {
- h.getRemBase();
- return expect(h.remBase).toBe(16);
- });
- });
- describe('logging methods', function() {
- describe('prepareForLog method', function() {
- return it('should prepare for arguments for logging', function() {
- var prepared;
- prepared = h.prepareForLog(['message']);
- expect(prepared[0]).toBe('%cmo·js%c');
- expect(prepared[1]).toBe(h.logBadgeCss);
- expect(prepared[2]).toBe('::');
- return expect(prepared[3]).toBe('message');
- });
- });
- describe('log method', function() {
- it('should log to console', function() {
- spyOn(console, 'log');
- h.log('something');
- return expect(console.log).toHaveBeenCalled();
- });
- it('should not log to console if !isDebug', function() {
- mojs.isDebug = false;
- spyOn(console, 'log');
- h.log('something');
- expect(console.log).not.toHaveBeenCalled();
- return mojs.isDebug = true;
- });
- return it('should prepend mojs badge to message', function() {
- spyOn(console, 'log');
- h.log('smth');
- return expect(console.log).toHaveBeenCalledWith('%cmo·js%c', h.logBadgeCss, '::', 'smth');
- });
- });
- describe('warn method', function() {
- it('should warn to console', function() {
- spyOn(console, 'warn');
- h.warn('something');
- return expect(console.warn).toHaveBeenCalled();
- });
- it('should not warn to console if !isDebug', function() {
- mojs.isDebug = false;
- spyOn(console, 'warn');
- h.warn('something');
- expect(console.warn).not.toHaveBeenCalled();
- return mojs.isDebug = true;
- });
- return it('should prepend mojs badge to message', function() {
- spyOn(console, 'warn');
- h.warn('smth');
- return expect(console.warn).toHaveBeenCalledWith('%cmo·js%c', h.logBadgeCss, '::', 'smth');
- });
- });
- return describe('error method', function() {
- it('should error to console', function() {
- spyOn(console, 'error');
- h.error('something');
- return expect(console.error).toHaveBeenCalled();
- });
- it('should not error to console if !isDebug', function() {
- mojs.isDebug = false;
- spyOn(console, 'error');
- h.error('something');
- expect(console.error).not.toHaveBeenCalled();
- return mojs.isDebug = true;
- });
- return it('should prepend mojs badge to message', function() {
- spyOn(console, 'error');
- h.error('smth');
- return expect(console.error).toHaveBeenCalledWith('%cmo·js%c', h.logBadgeCss, '::', 'smth');
- });
- });
- });
- describe('setPrefixedStyle method', function() {
- it('should set prefixed style', function() {
- var el, name, prefixedName, styleToSet;
- el = document.createElement('div');
- styleToSet = 'translateX(20px)';
- name = 'transform';
- prefixedName = "" + h.prefix.css + "transform";
- h.setPrefixedStyle(el, name, styleToSet);
- return expect(el.style[name] || el.style[prefixedName]).toBe(styleToSet);
- });
- return it('should set prefixed style #2', function() {
- var el, name, prefixedName, styleToSet;
- el = document.createElement('div');
- styleToSet = 'translateX(20px)';
- name = ' transform';
- prefixedName = "" + h.prefix.css + "transform";
- h.setPrefixedStyle(el, name, styleToSet, true);
- return expect(el.style[name] || el.style[prefixedName]).toBe(styleToSet);
- });
- });
- describe('parseUnit method', function() {
- it('should parse number to pixels', function() {
- var unit;
- unit = h.parseUnit(100);
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('px');
- return expect(unit.string).toBe('100px');
- });
- it('should always return 0 for 0', function() {
- var unit;
- unit = h.parseUnit(0);
- expect(unit.value).toBe(0);
- expect(unit.unit).toBe('px');
- return expect(unit.string).toBe('0');
- });
- it('should parse unitless string', function() {
- var unit;
- unit = h.parseUnit('100');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('px');
- return expect(unit.string).toBe('100px');
- });
- it('should parse pixel string', function() {
- var unit;
- unit = h.parseUnit('100px');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('px');
- return expect(unit.string).toBe('100px');
- });
- it('should always return 0 for 0 in strings', function() {
- var unit;
- unit = h.parseUnit('0px');
- expect(unit.value).toBe(0);
- expect(unit.unit).toBe('px');
- return expect(unit.string).toBe('0');
- });
- it('should parse percent string', function() {
- var unit;
- unit = h.parseUnit('100%');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('%');
- return expect(unit.string).toBe('100%');
- });
- it('should parse rem string', function() {
- var unit;
- unit = h.parseUnit('100rem');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('rem');
- return expect(unit.string).toBe('100rem');
- });
- it('should parse em string', function() {
- var unit;
- unit = h.parseUnit('100em');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('em');
- return expect(unit.string).toBe('100em');
- });
- it('should parse ex string', function() {
- var unit;
- unit = h.parseUnit('100ex');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('ex');
- return expect(unit.string).toBe('100ex');
- });
- it('should parse cm string', function() {
- var unit;
- unit = h.parseUnit('100cm');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('cm');
- return expect(unit.string).toBe('100cm');
- });
- it('should parse mm string', function() {
- var unit;
- unit = h.parseUnit('100mm');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('mm');
- return expect(unit.string).toBe('100mm');
- });
- it('should parse in string', function() {
- var unit;
- unit = h.parseUnit('100in');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('in');
- return expect(unit.string).toBe('100in');
- });
- it('should parse pt string', function() {
- var unit;
- unit = h.parseUnit('100pt');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('pt');
- return expect(unit.string).toBe('100pt');
- });
- it('should parse pc string', function() {
- var unit;
- unit = h.parseUnit('100pc');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('pc');
- return expect(unit.string).toBe('100pc');
- });
- it('should parse ch string', function() {
- var unit;
- unit = h.parseUnit('100ch');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('ch');
- return expect(unit.string).toBe('100ch');
- });
- it('should parse vh string', function() {
- var unit;
- unit = h.parseUnit('100vh');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('vh');
- return expect(unit.string).toBe('100vh');
- });
- it('should parse vw string', function() {
- var unit;
- unit = h.parseUnit('100vw');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('vw');
- return expect(unit.string).toBe('100vw');
- });
- it('should parse vmin string', function() {
- var unit;
- unit = h.parseUnit('100vmin');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('vmin');
- return expect(unit.string).toBe('100vmin');
- });
- it('should return value if is not string nor number', function() {
- var obj, unit;
- obj = {
- 20: 30
- };
- unit = h.parseUnit(obj);
- return expect(unit).toBe(obj);
- });
- it('should detect if unit if strict', function() {
- var unit;
- unit = h.parseUnit(100);
- expect(unit.isStrict).toBe(false);
- unit = h.parseUnit('100px');
- return expect(unit.isStrict).toBe(true);
- });
- return it('should parse `deg` string', function() {
- var unit;
- unit = h.parseUnit('100deg');
- expect(unit.value).toBe(100);
- expect(unit.unit).toBe('deg');
- return expect(unit.string).toBe('100deg');
- });
- });
- describe('strToArr method', function() {
- it('should parse string to array', function() {
- var array;
- array = h.strToArr('200 100');
- expect(array[0].value).toBe(200);
- return expect(array[0].unit).toBe('px');
- });
- it('should parse % string to array', function() {
- var array;
- array = h.strToArr('200% 100');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('%');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('px');
- });
- it('should parse number to array', function() {
- var array;
- array = h.strToArr(200);
- expect(array[0].value).toBe(200);
- return expect(array[0].unit).toBe('px');
- });
- it('should parse string with multiple spaces to array', function() {
- var array;
- array = h.strToArr('200 100%');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('%');
- });
- it('should trim string before parse', function() {
- var array;
- array = h.strToArr(' 200 100% ');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBe(100);
- return expect(array[1].unit).toBe('%');
- });
- return it('should parse rand values', function() {
- var array;
- array = h.strToArr(' 200 rand(10,20) ');
- expect(array[0].value).toBe(200);
- expect(array[0].unit).toBe('px');
- expect(array[1].value).toBeGreaterThan(10);
- expect(array[1].value).not.toBeGreaterThan(20);
- return expect(array[1].unit).toBe('px');
- });
- });
- describe('normDashArrays method', function() {
- it('should normalize two inconsistent dash arrays', function() {
- var arr1, arr2;
- arr1 = [h.parseUnit(100), h.parseUnit(500)];
- arr2 = [h.parseUnit(150), h.parseUnit(200), h.parseUnit(307)];
- h.normDashArrays(arr1, arr2);
- expect(arr1[0].value).toBe(100);
- expect(arr1[0].unit).toBe('px');
- expect(arr1[1].value).toBe(500);
- expect(arr1[1].unit).toBe('px');
- expect(arr1[2].value).toBe(0);
- expect(arr1[2].unit).toBe('px');
- expect(arr2[0].value).toBe(150);
- expect(arr2[0].unit).toBe('px');
- expect(arr2[1].value).toBe(200);
- expect(arr2[1].unit).toBe('px');
- expect(arr2[2].value).toBe(307);
- return expect(arr2[2].unit).toBe('px');
- });
- it('should copy units from the another array', function() {
- var arr1, arr2;
- arr1 = [h.parseUnit(100), h.parseUnit(500)];
- arr2 = [h.parseUnit(150), h.parseUnit(200), h.parseUnit('307%')];
- h.normDashArrays(arr1, arr2);
- expect(arr1[0].value).toBe(100);
- expect(arr1[0].unit).toBe('px');
- expect(arr1[1].value).toBe(500);
- expect(arr1[1].unit).toBe('px');
- expect(arr1[2].value).toBe(0);
- expect(arr1[2].unit).toBe('%');
- expect(arr1.length).toBe(3);
- expect(arr2[0].value).toBe(150);
- expect(arr1[0].unit).toBe('px');
- expect(arr2[1].value).toBe(200);
- expect(arr1[1].unit).toBe('px');
- expect(arr2[2].value).toBe(307);
- expect(arr2[2].unit).toBe('%');
- return expect(arr2.length).toBe(3);
- });
- return it('should copy units from the another array #2', function() {
- var arr1, arr2;
- arr1 = [h.parseUnit(100), h.parseUnit(500), h.parseUnit('500%')];
- arr2 = [h.parseUnit('150%')];
- h.normDashArrays(arr1, arr2);
- expect(arr1[0].value).toBe(100);
- expect(arr1[0].unit).toBe('px');
- expect(arr1[1].value).toBe(500);
- expect(arr1[1].unit).toBe('px');
- expect(arr1[2].value).toBe(500);
- expect(arr1[2].unit).toBe('%');
- expect(arr1.length).toBe(3);
- expect(arr2[0].value).toBe(150);
- expect(arr2[0].unit).toBe('%');
- expect(arr2[1].value).toBe(0);
- expect(arr2[1].unit).toBe('px');
- expect(arr2[2].value).toBe(0);
- expect(arr2[2].unit).toBe('%');
- return expect(arr2.length).toBe(3);
- });
- });
- describe('isArray method', function() {
- return it('should check if variable is array', function() {
- expect(h.isArray([])).toBe(true);
- expect(h.isArray({})).toBe(false);
- expect(h.isArray('')).toBe(false);
- expect(h.isArray(2)).toBe(false);
- expect(h.isArray(NaN)).toBe(false);
- expect(h.isArray(null)).toBe(false);
- return expect(h.isArray()).toBe(false);
- });
- });
- describe('calcArrDelta method', function() {
- return it('should calculate delta of two arrays', function() {
- var arr1, arr2, delta;
- arr1 = [h.parseUnit(200), h.parseUnit(300), h.parseUnit('100%')];
- arr2 = [h.parseUnit(250), h.parseUnit(150), h.parseUnit('0%')];
- delta = h.calcArrDelta(arr1, arr2);
- expect(delta[0].value).toBe(50);
- expect(delta[0].unit).toBe('px');
- expect(delta[1].value).toBe(-150);
- expect(delta[1].unit).toBe('px');
- expect(delta[2].value).toBe(-100);
- return expect(delta[2].unit).toBe('%');
- });
- });
- describe('getRadialPoint method ->', function() {
- it('should calculate radial point', function() {
- var point;
- point = h.getRadialPoint({
- radius: 50,
- angle: 90,
- center: {
- x: 50,
- y: 50
- }
- });
- expect(point.x).toBe(100);
- return expect(point.y).toBe(50);
- });
- it('should with radiusX and fallback to radius', function() {
- var point;
- point = h.getRadialPoint({
- radius: 50,
- radiusX: 100,
- angle: 90,
- center: {
- x: 50,
- y: 50
- }
- });
- expect(point.x).toBe(150);
- return expect(point.y).toBe(50);
- });
- it('should with radiusY and fallback to radius', function() {
- var point;
- point = h.getRadialPoint({
- radius: 50,
- radiusY: 100,
- angle: 0,
- center: {
- x: 50,
- y: 50
- }
- });
- expect(point.x).toBe(50);
- return expect(point.y).toBe(-50);
- });
- return it('should return false only if param is 0', function() {
- var point;
- point = h.getRadialPoint({
- radius: 0,
- angle: 90,
- center: {
- x: 0,
- y: 0
- }
- });
- return expect(point).toBeTruthy();
- });
- });
- describe('cloneObj method', function() {
- it('should clone object', function() {
- var clonedObj, obj;
- obj = {
- a: 2,
- b: 3
- };
- clonedObj = h.cloneObj(obj);
- expect(clonedObj.a).toBe(2);
- expect(clonedObj.b).toBe(3);
- return expect(Object.keys(clonedObj).length).toBe(2);
- });
- return it('should exclude defined keys', function() {
- var clonedObj, exclude, obj;
- obj = {
- a: 2,
- b: 3
- };
- exclude = {
- a: 1
- };
- clonedObj = h.cloneObj(obj, exclude);
- expect(clonedObj.b).toBe(3);
- expect(clonedObj.a).not.toBeDefined();
- return expect(Object.keys(clonedObj).length).toBe(1);
- });
- });
- describe('capitalize method', function() {
- it('should capitalize strings', function() {
- return expect(h.capitalize('hello there')).toBe('Hello there');
- });
- it('should should throw if bad string was passed', function() {
- return expect(function() {
- return h.capitalize();
- }).toThrow();
- });
- return it('should should not throw with empty strings', function() {
- return expect(function() {
- return h.capitalize('');
- }).not.toThrow();
- });
- });
- describe('color parsing - makeColorObj method', function() {
- it('should have shortColors map', function() {
- return expect(h.shortColors).toBeDefined();
- });
- it('should have div node', function() {
- return expect(h.div.tagName.toLowerCase()).toBe('div');
- });
- it('should parse 3 hex color', function() {
- var colorObj;
- colorObj = h.makeColorObj('#f0f');
- expect(colorObj.r).toBe(255);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(255);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse 6 hex color', function() {
- var colorObj;
- colorObj = h.makeColorObj('#0000ff');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(255);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse color shorthand', function() {
- var colorObj;
- colorObj = h.makeColorObj('deeppink');
- expect(colorObj.r).toBe(255);
- expect(colorObj.g).toBe(20);
- expect(colorObj.b).toBe(147);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse none color shorthand', function() {
- var colorObj;
- colorObj = h.makeColorObj('none');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(0);
- expect(colorObj.b).toBe(0);
- return expect(colorObj.a).toBe(0);
- });
- it('should parse rgb color', function() {
- var colorObj;
- colorObj = h.makeColorObj('rgb(200,100,0)');
- expect(colorObj.r).toBe(200);
- expect(colorObj.g).toBe(100);
- expect(colorObj.b).toBe(0);
- return expect(colorObj.a).toBe(1);
- });
- it('should parse rgba color', function() {
- var colorObj;
- colorObj = h.makeColorObj('rgba(0,200,100,.1)');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(200);
- expect(colorObj.b).toBe(100);
- return expect(colorObj.a).toBe(.1);
- });
- return it('should parse rgba color with float starting by 0', function() {
- var colorObj;
- colorObj = h.makeColorObj('rgba(0,200,100,0.5)');
- expect(colorObj.r).toBe(0);
- expect(colorObj.g).toBe(200);
- expect(colorObj.b).toBe(100);
- return expect(colorObj.a).toBe(.5);
- });
- });
- return describe('isDOM method ->', function() {
- it('should detect if object is DOM node #1', function() {
- return expect(h.isDOM('string')).toBe(false);
- });
- it('should detect if object is DOM node #2', function() {
- return expect(h.isDOM({})).toBe(false);
- });
- it('should detect if object is DOM node #3', function() {
- return expect(h.isDOM([])).toBe(false);
- });
- it('should detect if object is DOM node #4', function() {
- return expect(h.isDOM({})).toBe(false);
- });
- it('should detect if object is DOM node #5', function() {
- return expect(h.isDOM(null)).toBe(false);
- });
- it('should detect if object is DOM node #6', function() {
- return expect(h.isDOM(document.createElement('div'))).toBe(true);
- });
- return it('should detect if object is DOM node #7', function() {
- return expect(h.isDOM(document.createElementNS(ns, 'g'))).toBe(true);
- });
- });
- });
- describe('getChildElements method', function() {
- var els, path1, path2;
- ns = 'http://www.w3.org/2000/svg';
- els = document.createElementNS(ns, 'g');
- path1 = document.createElementNS(ns, 'path');
- path2 = document.createElementNS(ns, 'path');
- els.appendChild(path1);
- els.appendChild(path2);
- it('should return els children', function() {
- return expect(h.getChildElements(els).length).toBe(2);
- });
- it('should return an array', function() {
- return expect(h.isArray(h.getChildElements(els))).toBe(true);
- });
- return it('should filter text nodes', function() {
- els.appendChild(document.createTextNode('hey'));
- return expect(h.getChildElements(els).length).toBe(2);
- });
- });
- describe('mergeUnits method', function() {
- it('should merge units if end one was not defined', function() {
- var end, start;
- start = {
- unit: '%',
- value: 25,
- string: '25%',
- isStrict: true
- };
- end = {
- unit: 'px',
- value: 50,
- string: '50px',
- isStrict: false
- };
- h.mergeUnits(start, end, 'key');
- expect(end.unit).toBe('%');
- return expect(end.string).toBe('50%');
- });
- it('should merge units if start one was not defined', function() {
- var end, start;
- start = {
- unit: '%',
- value: 25,
- string: '25%',
- isStrict: false
- };
- end = {
- unit: 'px',
- value: 50,
- string: '50px',
- isStrict: true
- };
- h.mergeUnits(start, end, 'key');
- expect(start.unit).toBe('px');
- return expect(start.string).toBe('25px');
- });
- return it('should fallback to end unit if two were defined and warn', function() {
- var end, start;
- start = {
- unit: 'px',
- value: 25,
- string: '25px',
- isStrict: true
- };
- end = {
- unit: '%',
- value: 50,
- string: '50%',
- isStrict: true
- };
- spyOn(h, 'warn');
- h.mergeUnits(start, end, 'key');
- expect(start.unit).toBe('%');
- expect(start.string).toBe('25%');
- return expect(h.warn).toHaveBeenCalled();
- });
- });
- describe('delta method', function() {
- it('should create object from variables', function() {
- var delta, end, start;
- start = 0;
- end = 1;
- delta = h.delta(start, end);
- return expect(delta[0]).toBe(1);
- });
- it('should work with strings', function() {
- var delta, end, start;
- start = '0';
- end = 1;
- delta = h.delta(start, end);
- return expect(delta['0']).toBe(1);
- });
- it('should error if unexpected types', function() {
- var delta, end, start;
- start = (function() {});
- end = 1;
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- it('should error if unexpected types #2', function() {
- var delta, end, start;
- start = 2;
- end = (function() {});
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- it('should error if unexpected types #3', function() {
- var delta, end, start;
- start = 2;
- end = {};
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- it('should error if unexpected types #4', function() {
- var delta, end, start;
- start = {};
- end = 2;
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- it('should not work with NaN arguments', function() {
- var delta, end, start;
- start = NaN;
- end = 2;
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- return it('should not work with NaN arguments #2', function() {
- var delta, end, start;
- start = '2';
- end = NaN;
- spyOn(mojs.helpers, 'error');
- delta = h.delta(start, end);
- expect(mojs.helpers.error).toHaveBeenCalled();
- return expect(delta).toBe(void 0);
- });
- });
- describe('getUniqID method', function() {
- return it('should return uniq id', function() {
- expect(h.getUniqID()).toBe(0);
- expect(h.getUniqID()).toBe(1);
- expect(h.getUniqID()).toBe(2);
- return expect(h.uniqIDs).toBe(2);
- });
- });
- describe('parsePath method', function() {
- it('should parse path if string passed', function() {
- var isIEPath, isNormalpath, pathStr;
- pathStr = 'M0,0 10,10';
- expect(h.parsePath(pathStr).tagName).toBe('path');
- isNormalpath = h.parsePath(pathStr).getAttribute('d') === pathStr;
- isIEPath = h.parsePath(pathStr).getAttribute('d') === 'M 0 0 L 10 10';
- return expect(isNormalpath || isIEPath).toBe(true);
- });
- it('should parse path if selector passed', function() {
- var path, pathId, svg;
- path = document.createElementNS(h.NS, 'path');
- svg = document.createElementNS(h.NS, 'svg');
- pathId = 'js-path';
- path.setAttribute('id', pathId);
- svg.appendChild(path);
- document.body.appendChild(svg);
- expect(h.parsePath("#" + pathId).tagName).toBe('path');
- return expect(h.parsePath("#" + pathId).getAttribute('id')).toBe(pathId);
- });
- return it('should parse path if DOM node passed', function() {
- var path, pathId, svg;
- path = document.createElementNS(h.NS, 'path');
- svg = document.createElementNS(h.NS, 'svg');
- pathId = 'js-path';
- path.setAttribute('id', pathId);
- svg.appendChild(path);
- document.body.appendChild(svg);
- expect(h.parsePath(path).tagName).toBe('path');
- return expect(h.parsePath(path).getAttribute('id')).toBe(pathId);
- });
- });
- describe('closeEnough method', function() {
- return it('should compare two numbers', function() {
- expect(h.closeEnough(.0005, .0006, .001)).toBe(true);
- expect(h.closeEnough(.0005, .0005, .00000001)).toBe(true);
- expect(h.closeEnough(1, .0005, .00000001)).toBe(false);
- return expect(h.closeEnough(1, .0005, 1)).toBe(true);
- });
- });
- describe('style method ->', function() {
- it('should set style on el', function() {
- var el;
- el = document.createElement('div');
- h.style(el, 'width', '20px');
- return expect(el.style.width).toBe('20px');
- });
- return it('should set multiple styles on el', function() {
- var el, prefixed, s, tr, transformToSet;
- el = document.createElement('div');
- transformToSet = 'translateX(20px)';
- h.style(el, {
- 'width': '20px',
- height: '30px',
- transform: transformToSet
- });
- s = el.style;
- expect(s.width).toBe('20px');
- expect(s.height).toBe('30px');
- prefixed = "" + h.prefix.css + "transform";
- tr = s[prefixed] != null ? s[prefixed] : s.transform;
- return expect(tr).toBe(transformToSet);
- });
- });
- describe('checkIf3d method ->', function() {
- return it('should detect if transform 3d is supported', function() {
- var div, prefixed, style, tr;
- div = document.createElement('div');
- h.style(div, 'transform', 'translateZ(0)');
- style = div.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- return expect(tr !== '').toBe(h.checkIf3d());
- });
- });
- describe('is3d property ->', function() {
- return it('should be fulfilled', function() {
- return expect(h.is3d).toBe(h.checkIf3d());
- });
- });
- describe('isObject method ->', function() {
- return it('should return true if object', function() {
- expect(h.isObject({})).toBe(true);
- expect(h.isObject(null)).toBe(false);
- expect(h.isObject('a')).toBe(false);
- expect(h.isObject(2)).toBe(false);
- return expect(h.isObject(true)).toBe(false);
- });
- });
- describe('getDeltaStart method ->', function() {
- return it('should return value of the 0 key of passed object', function() {
- return expect(h.getDeltaStart({
- 2: 1
- })).toBe('2');
- });
- });
- describe('getDeltaEnd method ->', function() {
- return it('should return value of the 0 key of passed object', function() {
- return expect(h.getDeltaEnd({
- 2: 1
- })).toBe(1);
- });
- });
- describe('isTweenProp method ->', function() {
- return it('should check in callbacksMap and tweenOptionMap maps', function() {
- var key, value, _ref, _ref1, _results;
- _ref = h.callbacksMap;
- for (key in _ref) {
- value = _ref[key];
- expect(h.isTweenProp(key)).toBe(1);
- }
- _ref1 = h.tweenOptionMap;
- _results = [];
- for (key in _ref1) {
- value = _ref1[key];
- _results.push(expect(h.isTweenProp(key)).toBe(1));
- }
- return _results;
- });
- });
- describe('parseStringOption method', function() {
- it('should return passed value if not a string', function() {
- var obj, result;
- obj = {};
- result = h.parseStringOption(obj);
- return expect(result).toBe(obj);
- });
- it('should parse stagger values', function() {
- var result;
- result = h.parseStringOption('stagger(20, 40)');
- return expect(result).toBe(20);
- });
- it('should parse stagger values with index', function() {
- var result;
- result = h.parseStringOption('stagger(20, 40)', 2);
- return expect(result).toBe(20 + (2 * 40));
- });
- it('should parse rand values', function() {
- var result;
- result = h.parseStringOption('rand(10, 20)');
- expect(result).toBeGreaterThan(10);
- return expect(result).not.toBeGreaterThan(20);
- });
- return it('should parse rand values inside stagger', function() {
- var result;
- result = h.parseStringOption('stagger(rand(10, 20), rand(20, 30))', 1);
- expect(result).toBeGreaterThan(30);
- return expect(result).not.toBeGreaterThan(50);
- });
- });
- describe('_getLastItem method ->', function() {
- return it('should get the last item of array', function() {
- expect(h.getLastItem([1, 2, 3, 4])).toBe(4);
- expect(h.getLastItem([1, 2, 3, 7])).toBe(7);
- expect(h.getLastItem([1, 2, 3])).toBe(3);
- expect(h.getLastItem([1, 2])).toBe(2);
- return expect(h.getLastItem([1])).toBe(1);
- });
- });
- describe('parseEl method ->', function() {
- it('should find an element if `string` passed ', function() {
- return expect(h.parseEl('body')).toBe(document.body);
- });
- it('should error if no element found ', function() {
- var el;
- spyOn(h, 'error').and.callThrough();
- el = h.parseEl('#some-element');
- return expect(h.error).toHaveBeenCalled();
- });
- return it('should return an HTMLElement unattended ', function() {
- var el;
- el = document.createElement('div');
- expect(h.parseEl(document.body)).toBe(document.body);
- return expect(h.parseEl(el)).toBe(el);
- });
- });
- describe('force3d method ->', function() {
- it('should set backface-visibility to hidden on el', function() {
- var bfv, bv, el, pbv;
- el = document.createElement('div');
- h.force3d(el);
- bv = el.style['backface-visibility'];
- pbv = el.style["" + h.prefix.css + "backface-visibility"];
- bfv = bv || pbv;
- return expect(bfv).toBe('hidden');
- });
- return it('should return el', function() {
- var el, result;
- el = document.createElement('div');
- result = h.force3d(el);
- return expect(result).toBe(el);
- });
- });
- return describe('isDelta method ->', function() {
- return it('should detect if value is not a delta value', function() {
- expect(h.isDelta(45)).toBe(false);
- expect(h.isDelta('45')).toBe(false);
- expect(h.isDelta(['45'])).toBe(false);
- expect(h.isDelta({
- unit: 'px',
- value: 20
- })).toBe(false);
- return expect(h.isDelta({
- 20: 30
- })).toBe(true);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/helpers/get-radial-point.spec.js b/spec/helpers/get-radial-point.spec.js
new file mode 100644
index 000000000..46df6d4c4
--- /dev/null
+++ b/spec/helpers/get-radial-point.spec.js
@@ -0,0 +1,68 @@
+var helpers = mojs.__helpers__;
+var getRadialPoint = helpers.getRadialPoint;
+
+describe('`getRadialPoint` ->', function () {
+ it('should get radial point #0', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 0, target);
+ expect(target.x).toBeCloseTo(0, 3);
+ expect(target.y).toBeCloseTo(-50, 3);
+ });
+
+ it('should get radial point #45', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 45, target);
+ expect(parseInt(target.x, 10)).toBe(35);
+ expect(parseInt(target.y, 10)).toBe(-35);
+ });
+
+ it('should get radial point #negative45', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, -45, target);
+ expect(parseInt(target.x, 10)).toBe(-35);
+ expect(parseInt(target.y, 10)).toBe(-35);
+ });
+
+ it('should get radial point #90', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 90, target);
+ expect(target.x).toBeCloseTo(50, 3);
+ expect(target.y).toBeCloseTo(0, 3);
+ });
+
+ it('should get radial point #180', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 180, target);
+ expect(target.x).toBeCloseTo(0, 3);
+ expect(target.y).toBeCloseTo(50, 3);
+ });
+
+ it('should get radial point #270', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 270, target);
+ expect(target.x).toBeCloseTo(-50, 3);
+ expect(target.y).toBeCloseTo(0, 3);
+ });
+
+ it('should get radial point #360', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 360, target);
+ expect(target.x).toBeCloseTo(0, 3);
+ expect(target.y).toBeCloseTo(-50, 3);
+ });
+
+ it('should get radial point #450', function () {
+
+ const target = {};
+ getRadialPoint(0, 0, 50, 450, target);
+ expect(target.x).toBeCloseTo(50, 3);
+ expect(target.y).toBeCloseTo(0, 3);
+ });
+});
diff --git a/spec/helpers/make-color-object.spec.js b/spec/helpers/make-color-object.spec.js
new file mode 100644
index 000000000..267f610ea
--- /dev/null
+++ b/spec/helpers/make-color-object.spec.js
@@ -0,0 +1,61 @@
+var helpers = mojs.__helpers__;
+var makeColorObject = helpers.makeColorObject;
+
+describe('`makeColorObject` ->', function () {
+ describe('`hex` colors ->', function () {
+ it('should parse hex colors', function () {
+
+ var colorObject = makeColorObject('#fafcbd');
+
+ expect(colorObject.r).toBe(250);
+ expect(colorObject.g).toBe(252);
+ expect(colorObject.b).toBe(189);
+ expect(colorObject.a).toBe(1);
+
+ var colorObject = makeColorObject('#ced');
+
+ expect(colorObject.r).toBe(204);
+ expect(colorObject.g).toBe(238);
+ expect(colorObject.b).toBe(221);
+ expect(colorObject.a).toBe(1);
+ });
+ });
+
+ describe('`rgb` colors ->', function () {
+ it('should parse rgb colors', function () {
+
+ var colorObject = makeColorObject('rgb(145, 12, 100)');
+
+ expect(colorObject.r).toBe(145);
+ expect(colorObject.g).toBe(12);
+ expect(colorObject.b).toBe(100);
+ expect(colorObject.a).toBe(1);
+
+ var colorObject = makeColorObject('rgba(77, 2, 89, .25)');
+
+ expect(colorObject.r).toBe(77);
+ expect(colorObject.g).toBe(2);
+ expect(colorObject.b).toBe(89);
+ expect(colorObject.a).toBe(.25);
+ });
+ });
+
+ describe('should parse other colors ->', function () {
+ it('should parse shortcut colors', function () {
+ var colorObject = makeColorObject('cyan');
+
+ expect(colorObject.r).toBe(0);
+ expect(colorObject.g).toBe(255);
+ expect(colorObject.b).toBe(255);
+ expect(colorObject.a).toBe(1);
+
+ var colorObject = makeColorObject('hotpink');
+
+ expect(colorObject.r).toBe(255);
+ expect(colorObject.g).toBe(105);
+ expect(colorObject.b).toBe(180);
+ expect(colorObject.a).toBe(1);
+ });
+ });
+
+});
diff --git a/spec/helpers/parse-stagger.spec.js b/spec/helpers/parse-stagger.spec.js
new file mode 100644
index 000000000..cbeef6da7
--- /dev/null
+++ b/spec/helpers/parse-stagger.spec.js
@@ -0,0 +1,63 @@
+var helpers = mojs.__helpers__;
+var parseStagger = helpers.parseStagger;
+
+describe('`staggerProperty` ->', function () {
+ it('should return the value if not `stagger`', function () {
+
+ var values = [ 20, '30', '15px', '6%', '2rem', function() {} ];
+
+ for (var i = 0; i< values.length; i++) {
+ expect(parseStagger(values[i], 1)).toBe(values[i]);
+ }
+ });
+
+ it('should parse `stagger` values', function () {
+ var value = 'stagger(20, 20)';
+
+ expect(parseStagger(value, 0)).toBe(20);
+ expect(parseStagger(value, 1)).toBe(40);
+ expect(parseStagger(value, 2)).toBe(60);
+ expect(parseStagger(value, 3)).toBe(80);
+ expect(parseStagger(value, 4)).toBe(100);
+ });
+
+ it('should parse `stagger` values with units', function () {
+ var value = 'stagger(15%, 20)';
+
+ expect(parseStagger(value, 0)).toBe('15%');
+ expect(parseStagger(value, 1)).toBe('35%');
+ expect(parseStagger(value, 2)).toBe('55%');
+ expect(parseStagger(value, 3)).toBe('75%');
+ expect(parseStagger(value, 4)).toBe('95%');
+ });
+
+ it('should parse `stagger` values with units #negative base', function () {
+ var value = 'stagger(-15rem, 20)';
+
+ expect(parseStagger(value, 0)).toBe('-15rem');
+ expect(parseStagger(value, 1)).toBe('5rem');
+ expect(parseStagger(value, 2)).toBe('25rem');
+ expect(parseStagger(value, 3)).toBe('45rem');
+ expect(parseStagger(value, 4)).toBe('65rem');
+ });
+
+ it('should parse `stagger` values with units #negative step', function () {
+ var value = 'stagger(100fr, -7)';
+
+ expect(parseStagger(value, 0)).toBe('100fr');
+ expect(parseStagger(value, 1)).toBe('93fr');
+ expect(parseStagger(value, 2)).toBe('86fr');
+ expect(parseStagger(value, 3)).toBe('79fr');
+ expect(parseStagger(value, 4)).toBe('72fr');
+ });
+
+ it('should assume `0` if only one value provided', function () {
+ var value = 'stagger(10)';
+
+ expect(parseStagger(value, 0)).toBe(0);
+ expect(parseStagger(value, 1)).toBe(10);
+ expect(parseStagger(value, 2)).toBe(20);
+ expect(parseStagger(value, 3)).toBe(30);
+ expect(parseStagger(value, 4)).toBe(40);
+ });
+});
diff --git a/spec/helpers/parse-unit-value.spec.js b/spec/helpers/parse-unit-value.spec.js
new file mode 100644
index 000000000..2f4df8a68
--- /dev/null
+++ b/spec/helpers/parse-unit-value.spec.js
@@ -0,0 +1,29 @@
+var parseUnitValue = mojs.__helpers__.parseUnitValue;
+
+describe('`parse-unit-value` ->', function () {
+ it('should parse any unit value', function () {
+ var units = ['px', '%', 'rem', 'em', 'ex', 'cm', 'ch', 'mm', 'in', 'pt', 'pc', 'vh', 'vw', 'vmin', 'deg', 'fr'];
+
+ for (var i = 0; i < units.length; i++) {
+ var unit = units[i];
+ expect(parseUnitValue('50' + unit)).toEqual({
+ unit: unit,
+ value: 50,
+ });
+ }
+ });
+
+ it('should fallback to default', function () {
+ expect(parseUnitValue(25, 'fr')).toEqual({
+ unit: 'fr',
+ value: 25,
+ });
+ });
+
+ it('should fallback to default #2', function () {
+ expect(parseUnitValue('25xxx', 'rem')).toEqual({
+ unit: 'rem',
+ value: 25,
+ });
+ });
+});
diff --git a/spec/helpers/rand-float.spec.js b/spec/helpers/rand-float.spec.js
new file mode 100644
index 000000000..137932e40
--- /dev/null
+++ b/spec/helpers/rand-float.spec.js
@@ -0,0 +1,62 @@
+describe('`rand` ->', function () {
+ it('should generate random integer in range', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat(5, 25);
+ expect(random).toBeGreaterThan(4);
+ expect(random).not.toBeGreaterThan(25);
+ }
+ });
+
+ it('should work with negative numbers', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat(-5, 5);
+ expect(random).toBeGreaterThan(-6);
+ expect(random).not.toBeGreaterThan(5);
+ }
+ });
+
+ it('should work with negative numbers #both', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat(-5, -25);
+ expect(random).toBeGreaterThan(-26);
+ expect(random).not.toBeGreaterThan(-5);
+ }
+ });
+
+ it('should work with negative numbers #flip', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat(-25, -5);
+ expect(random).toBeGreaterThan(-26);
+ expect(random).not.toBeGreaterThan(-5);
+ }
+ });
+
+ it('should have defaults', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat();
+ expect(random).toBeGreaterThan(-1);
+ expect(random).not.toBeGreaterThan(10);
+ }
+ });
+
+ it('should work with units', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat('-25%', '-5%');
+ expect(random[random.length - 1]).toBe('%');
+ expect(parseInt(random, 10)).toBeGreaterThan(-26);
+ expect(parseInt(random, 10)).not.toBeGreaterThan(-5);
+ expect(parseFloat(random) % 1).not.toBe(0);
+ }
+ });
+
+ it('should work with small numbers', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.randFloat(.1, .2);
+ expect(typeof random).toBe('number');
+ expect(random).toBeGreaterThan(.09);
+ expect(random).not.toBeGreaterThan(.2);
+ // expect(random % 1).not.toBe(0);
+ }
+ });
+
+});
diff --git a/spec/helpers/rand.spec.js b/spec/helpers/rand.spec.js
new file mode 100644
index 000000000..bbfbd58ef
--- /dev/null
+++ b/spec/helpers/rand.spec.js
@@ -0,0 +1,71 @@
+describe('`rand` ->', function () {
+ it('should generate random integer in range', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.rand(5, 25);
+ expect(random).toBeGreaterThan(4);
+ expect(random).not.toBeGreaterThan(25);
+ expect(random % 1).toBe(0);
+ }
+ });
+
+ it('should work with negative numbers', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.rand(-5, 5);
+ expect(random).toBeGreaterThan(-6);
+ expect(random).not.toBeGreaterThan(5);
+ expect(random % 1).toBe(0);
+ }
+ });
+
+ it('should work with negative numbers #both', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.rand(-5, -25);
+ expect(random).toBeGreaterThan(-26);
+ expect(random).not.toBeGreaterThan(-5);
+ expect(random % 1).toBe(0);
+ }
+ });
+
+ it('should have defaults', function () {
+ for (var i = 0; i < 50; i++) {
+ var random = mojs.rand();
+ expect(random).toBeGreaterThan(-1);
+ expect(random).not.toBeGreaterThan(10);
+ expect(random % 1).toBe(0);
+ }
+ });
+
+ it('should work with units', function () {
+ for (var i = 0; i < 10; i++) {
+ var random = mojs.rand('10%', '20%');
+ expect(random[random.length - 1]).toBe('%');
+ expect(parseInt(random, 10)).toBeGreaterThan(9);
+ expect(parseInt(random, 10)).not.toBeGreaterThan(20);
+ expect(parseInt(random, 10) % 1).toBe(0);
+ }
+
+ for (var i = 0; i < 10; i++) {
+ var random = mojs.rand('10rem', '20rem');
+ expect(random.substr(random.length - 3)).toBe('rem');
+ expect(parseInt(random, 10)).toBeGreaterThan(9);
+ expect(parseInt(random, 10)).not.toBeGreaterThan(20);
+ expect(parseInt(random, 10) % 1).toBe(0);
+ }
+
+ for (var i = 0; i < 10; i++) {
+ var random = mojs.rand('10px', '20px');
+ expect(random.substr(random.length - 2)).toBe('px');
+ expect(parseInt(random, 10)).toBeGreaterThan(9);
+ expect(parseInt(random, 10)).not.toBeGreaterThan(20);
+ expect(parseInt(random, 10) % 1).toBe(0);
+ }
+
+ for (var i = 0; i < 10; i++) {
+ var random = mojs.rand('10', '20');
+
+ expect(random).toBeGreaterThan(9);
+ expect(random).not.toBeGreaterThan(20);
+ expect(random % 1).toBe(0);
+ }
+ });
+});
diff --git a/spec/helpers/stagger-property.spec.js b/spec/helpers/stagger-property.spec.js
new file mode 100644
index 000000000..b9e5aae1d
--- /dev/null
+++ b/spec/helpers/stagger-property.spec.js
@@ -0,0 +1,80 @@
+var helpers = mojs.__helpers__;
+var staggerProperty = helpers.staggerProperty;
+
+var eps = 0.0000001;
+
+describe('`staggerProperty` ->', function () {
+ it('should parse `array` values', function () {
+ var array = [11, 20, 13, 45, 25];
+ var map = mojs.stagger.map(array[0], array[1], array[2], array[3], array[4]);
+
+ for (var i = 0; i < 3 * array.length; i++) {
+ expect(staggerProperty(map, i)).toBeDefined();
+ expect(staggerProperty(map, i)).toBe(array[i % array.length]);
+ }
+ });
+
+ it('should parse `function` values', function () {
+ var coef = Math.random();
+
+ var fun = function(index) {
+ return index*coef;
+ };
+
+ fun.__mojs__isStaggerFunction = true;
+
+ for (var i = 0; i < 22; i++) {
+ expect(staggerProperty(fun, i)).toBeDefined();
+ expect(staggerProperty(fun, i)).toBe(i*coef);
+ }
+ });
+
+ it('should parse `function` values #totalItemsInStagger', function () {
+ var coef = Math.random();
+
+ var fun = function(index, total) {
+ return (index * coef) / total;
+ };
+
+ fun.__mojs__isStaggerFunction = true;
+
+ for (var i = 0; i < 22; i++) {
+ expect(staggerProperty(fun, i, 5)).toBeDefined();
+ expect(staggerProperty(fun, i, 5)).toBe((i * coef) / 5);
+ }
+ });
+
+ it('should parse plain `function` values', function () {
+ var coef = Math.random();
+
+ var fun = function(index) {
+ return index*coef;
+ };
+
+ for (var i = 0; i < 22; i++) {
+ expect(staggerProperty(fun, i)).toBe(fun);
+ }
+ });
+
+ it('should parse `single` values', function () {
+ for (var i = 0; i < 20; i++) {
+ var prop = Math.random();
+ expect(staggerProperty(prop, i)).toBeDefined();
+ expect(staggerProperty(prop, i)).toBe(prop);
+ }
+ });
+
+ it('should parse `stagger` values', function () {
+ expect(staggerProperty(mojs.stagger.step(10, 50), 0)).toBe(10);
+ expect(staggerProperty(mojs.stagger.step(10, 50), 1)).toBe(60);
+ expect(staggerProperty(mojs.stagger.step(10, 50), 2)).toBe(110);
+ });
+
+ it('should parse `stagger` values #in map', function () {
+ var value = mojs.stagger.map(mojs.stagger.step(10, 25), mojs.stagger.step(0, 25));
+ expect(staggerProperty(value, 0)).toBe(10);
+ expect(staggerProperty(value, 1)).toBe(25);
+ expect(staggerProperty(value, 2)).toBe(60);
+ expect(staggerProperty(value, 3)).toBe(75);
+ });
+});
diff --git a/spec/html.coffee b/spec/html.coffee
deleted file mode 100644
index cb0bc2873..000000000
--- a/spec/html.coffee
+++ /dev/null
@@ -1,1277 +0,0 @@
-
-Html = mojs.Html
-h = mojs.h
-
-el = document.createElement('div');
-
-describe 'Html ->', ->
- it 'should extend Thenable', ->
- html = new Html el: el
-
- expect( html instanceof mojs.Thenable ).toBe true
-
- describe '_extendDefaults method ->', ->
- it 'should copy all non-delta properties to _props', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- y: 40
- x: { 20: 40 }
- skewX: { 20: 40 }
- color: { 'cyan': 'orange' }
- # prevChainModule: { foo: 'bar' }
-
- p = html._props
-
- expect( p['borderWidth'] ).toBe '20px'
- expect( p['borderRadius'] ).toBe '40px'
- expect( p['y'] ).toBe '40px'
-
- # defaults
- expect( p['z'] ).toBe 0
- expect( p['skewY'] ).toBe 0
-
- # expect( p['rotate'] ).toBe 0
- expect( p['angleX'] ).toBe 0
- expect( p['angleY'] ).toBe 0
- expect( p['angleZ'] ).toBe 0
-
- expect( p['scale'] ).toBe 1
- expect( p['scaleX'] ).toBe 1
- expect( p['scaleY'] ).toBe 1
-
- expect( p['isRefreshState'] ).toBe true
- expect( p['isShowStart'] ).toBe true
- expect( p['isShowEnd'] ).toBe true
- expect( p['isSoftHide'] ).toBe true
- expect( p['isForce3d'] ).toBe false
- # defaults end
-
- expect( html._renderProps )
- .toEqual [ 'borderWidth', 'borderRadius' ]
-
- expect( html._drawProps )
- .toEqual [ 'color' ]
-
- it 'should not copy tween properties _drawProps', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- y: 40
- x: { 20: 40 }
- skewX: { 20: 40 }
- color: { 'cyan': 'orange' }
- duration: 300
- timeline: { delay: 300 }
- # prevChainModule: { foo: 'bar' }
-
- p = html._props
-
- expect( html._drawProps )
- .toEqual [ 'color' ]
-
- it 'should not copy customProperties _drawProps', ->
- customProperties = {
- originX: {
- type: 'number',
- default: 0
- }
- draw: -> {}
- }
- html = new Html
- el: el
- color: 'cyan' : 'red'
- originX: { 20: 40 }
- customProperties: customProperties
- # prevChainModule: { foo: 'bar' }
-
- p = html._props
-
- expect( html._drawProps )
- .toEqual [ 'color' ]
-
- it 'should not copy tween properties _renderProps', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- y: 40
- x: { 20: 40 }
- skewX: { 20: 40 }
- color: { 'cyan': 'orange' }
- duration: 300
- # prevChainModule: { foo: 'bar' }
-
- p = html._props
-
- expect( html._renderProps )
- .toEqual [ 'borderWidth', 'borderRadius' ]
-
- it 'should not copy customProperties to _renderProps', ->
- customProperties = {
- originX: {
- type: 'number',
- default: 0
- }
- draw: -> {}
- }
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- originX: 20
- customProperties: customProperties
-
- expect( html._renderProps )
- .toEqual [ 'borderWidth', 'borderRadius' ]
-
- it 'should call _createDeltas method ->', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- spyOn html, '_createDeltas'
-
- html._extendDefaults()
-
- expect( html._createDeltas ).toHaveBeenCalledWith html._addDefaults html._o
-
- it 'should parse el ->', ->
- div = document.createElement('div')
- div.setAttribute( 'id', 'js-el' )
- document.body.appendChild div
- html = new Html
- el: '#js-el'
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- html._props.el = null
- html._extendDefaults()
-
- expect( html._props.el instanceof HTMLElement ).toBe true
- expect( html._props.el ).toBe div
-
- it 'should save _props.el to el ->', ->
- div = document.createElement('div')
- html = new Html
- el: div
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- expect( html.el ).toBe div
-
- it 'should use props if passed ->', ->
- props = {}
- html = new Html
- el: document.createElement 'div'
- props: props
-
- expect( html._props ).toBe props
-
- describe '_createDeltas method ->', ->
- it 'should create deltas with passed object', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- html.deltas = null
- # html.timeline = null
-
- html._createDeltas html._o
-
- expect( html.deltas instanceof mojs._pool.Deltas ).toBe true
- expect( html.deltas._o.options ).toBe html._o
- expect( html.deltas._o.props ).toBe html._props
-
- it 'should pass property maps to Deltas', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- html.deltas._o.arrayPropertyMap = null
- html.deltas._o.numberPropertyMap = null
-
- html._createDeltas html._o
-
- expect( html.deltas._o.arrayPropertyMap ).toBe html._arrayPropertyMap
- expect( html.deltas._o.numberPropertyMap ).toBe html._numberPropertyMap
-
-
- it 'should pass options callbacksContext to deltas', ->
- html = new Html el: el
-
- callbacksContext = {}
- o = {
- callbacksContext: callbacksContext,
- x: { 20: 40 }
- }
-
- html._createDeltas o
-
- expect( html.deltas._o.callbacksContext ).toBe callbacksContext
-
- it 'should pass `this` as callbacksContext to deltas', ->
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
-
- html.deltas._o.callbacksContext = null
-
- html._createDeltas html._o
-
- expect( html.deltas._o.callbacksContext ).toBe html
-
- it 'should pass prevChainModule to deltas', ->
- prevChainModule = {}
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
- prevChainModule: prevChainModule
-
- html.deltas._o.isChained = null
- html._createDeltas html._o
-
- expect( html.deltas._o.isChained ).toBe true
-
- it 'should _customProps to deltas', ->
- fun = ->
- customProps = {
- origin: 50,
- draw: fun
- }
- html = new Html
- el: el
- borderWidth: '20px'
- borderRadius: '40px'
- x: { 20: 40 }
- color: { 'cyan': 'orange' }
- customProperties: customProps
-
- html._createDeltas html._o
-
- expect( html.deltas._o.customProps )
- .toEqual jasmine.objectContaining({
- origin: 50
- })
-
- describe '_makeTween and _makeTimeline methods ->', ->
- it 'should override them to empty methods', ->
- spyOn mojs.Tweenable.prototype, '_makeTween'
- # spyOn mojs.Tweenable.prototype, '_makeTimeline'
-
- html = new Html el: el
-
- expect( mojs.Tweenable.prototype._makeTween ).not.toHaveBeenCalled()
- # expect( mojs.Tweenable.prototype._makeTimeline ).not.toHaveBeenCalled()
-
- describe '_vars method ->', ->
- it 'should call refresh on deltas', ->
- html = new Html el: el
-
- spyOn html.deltas, 'refresh'
-
- html._vars()
-
- expect( html.deltas.refresh ).toHaveBeenCalledWith false
-
-
- it 'should call super', ->
- spyOn mojs.Module.prototype, '_vars'
-
- html = new Html
- el: el
-
- expect( mojs.Module.prototype._vars ).toHaveBeenCalled()
-
- it 'should create _state object', ->
-
- html = new Html
- el: el
-
- html._state = null
- html._vars()
-
- expect( typeof html._state ).toBe 'object'
- expect( html._state ).toBe html._state
-
- it 'should call restore on deltas', ->
- html = new Html el: el
-
- spyOn html.deltas, 'restore'
-
- html._vars()
-
- expect( html.deltas.restore ).toHaveBeenCalled()
-
- describe '_declareDefaults method ->', ->
- it 'should _declareDefaults', ->
- html = new Html
- el: el
-
- html._defaults = null
- html._declareDefaults()
-
- expect( html._defaults.x ).toBe 0
- expect( html._defaults.y ).toBe 0
- expect( html._defaults.z ).toBe 0
-
- expect( html._defaults.skewX ).toBe 0
- expect( html._defaults.skewY ).toBe 0
-
- expect( html._defaults.angleX ).toBe 0
- expect( html._defaults.angleY ).toBe 0
- expect( html._defaults.angleZ ).toBe 0
-
- expect( html._defaults.scale ).toBe 1
- expect( html._defaults.scaleX ).toBe 1
- expect( html._defaults.scaleY ).toBe 1
-
- it 'should create _drawExclude object', ->
-
- html = new Html
- el: el
-
- html._drawExclude = null
- html._declareDefaults()
-
- expect( html._drawExclude.el ).toBe 1
-
- it 'should create _3dProperties object', ->
-
- html = new Html
- el: el
-
- html._3dProperties = null
- html._declareDefaults()
-
- expect( html._3dProperties ).toEqual [ 'angleX', 'angleY', 'z' ]
-
- it 'should create _arrayPropertyMap object', ->
-
- html = new Html el: el
-
- html._arrayPropertyMap = null
- html._declareDefaults()
-
- expect( html._arrayPropertyMap.transformOrigin ).toBe 1
- expect( html._arrayPropertyMap.backgroundPosition ).toBe 1
-
- it 'should create _numberPropertyMap object', ->
-
- html = new Html el: el
-
- html._numberPropertyMap = null
- html._declareDefaults()
-
- expect( html._numberPropertyMap.opacity ).toBe 1
- expect( html._numberPropertyMap.scale ).toBe 1
- expect( html._numberPropertyMap.scaleX ).toBe 1
- expect( html._numberPropertyMap.scaleY ).toBe 1
- # expect( html._numberPropertyMap.rotate ).toBe 1
- expect( html._numberPropertyMap.angleX ).toBe 1
- expect( html._numberPropertyMap.angleY ).toBe 1
- expect( html._numberPropertyMap.angleZ ).toBe 1
- expect( html._numberPropertyMap.skewX ).toBe 1
- expect( html._numberPropertyMap.skewY ).toBe 1
-
- it 'should create _prefixPropertyMap object', ->
-
- html = new Html el: el
-
- html._prefixPropertyMap = null
- html._declareDefaults()
-
- expect( html._prefixPropertyMap.transform ).toBe 1
- expect( html._prefixPropertyMap.transformOrigin ).toBe 1
-
- it 'should create _prefix property', ->
-
- html = new Html el: el
-
- html._prefix = null
- html._declareDefaults()
-
- expect( html._prefix ).toBe h.prefix.css
-
- describe '_addDefaults method', ->
- it 'should add defaults to passed object', ->
- html = new Html
- el: el
-
- obj = { skewX: 20 }
-
- result = html._addDefaults( obj )
-
- isOk = true
- for key, value of html._defaults
- if ( value isnt result[key] && key isnt 'skewX' ) then isOk = false
-
- expect( isOk ).toBe true
-
- it 'should fallback for scaleX/scaleY to scale', ->
- html = new Html
- el: el
-
- obj = { skewX: 20, scale: 2, scaleY: 3 }
-
- result = html._addDefaults( obj )
-
- expect( result.scale ).toBe 2
- expect( result.scaleX ).toBe 2
- expect( result.scaleY ).toBe 3
-
- it 'should get if any 3d present', ->
- html = new Html
- el: el
-
- html._is3d = null
-
- obj = { skewX: 20, scale: 2, scaleY: 3 }
- result = html._addDefaults( obj )
- expect( html._is3d ).toBe false
-
- it 'should get if any 3d present // positive', ->
- html = new Html
- el: el
-
- html._is3d = null
-
- obj = { skewX: 20, scale: 2, scaleY: 3, z: 20 }
- result = html._addDefaults( obj )
- expect( html._is3d ).toBe true
-
- it 'should _is3d be true is isForce3d set', ->
- html = new Html
- el: el
- isForce3d: true
-
- html._is3d = null
-
- obj = { skewX: 20, scale: 2, scaleY: 3 }
- result = html._addDefaults( obj )
- expect( html._is3d ).toBe true
-
-
- describe '_setStyle method', ->
- it 'should set style on el', ->
- el = document.createElement 'div'
- html = new Html
- el: el
-
- html._props.el.style['borderWidth'] = null
- html._setStyle 'borderWidth', '50px'
- expect( html._props.el.style['borderWidth'] ).toBe '50px'
-
- it 'should prefix properties that are in _prefixPropertyMap', ->
- el = document.createElement 'div'
- html = new Html el: el
-
- html._props.el.style["#{h.prefix.css}transform"] = null
- html._setStyle 'transform', 'scale(1)'
- expect( html._props.el.style["#{h.prefix.css}transform"] ).toBe 'scale(1)'
-
- it 'should add the style to _state', ->
- el = document.createElement 'div'
- html = new Html
- el: el
-
- html._props.el.style['borderWidth'] = null
- html._setStyle 'borderWidth', '50px'
- expect( html._state['borderWidth'] ).toBe '50px'
-
- it 'should not set style if it is in _state', ->
- el = document.createElement 'div'
- html = new Html el: el
-
- html._state['borderWidth'] = '50px'
- html._props.el.style['borderWidth'] = '20px'
- html._setStyle 'borderWidth', '50px'
- expect( html._props.el.style['borderWidth'] ).toBe '20px'
-
- describe '_drawTransform method', ->
- it 'should set transform on el', ->
- el = document.createElement 'div'
- document.body.appendChild el
-
- html = new Html
- el: el
-
- spyOn html, '_setStyle'
- html._drawTransform()
-
- args = html._setStyle.calls.first().args
-
- expect( args[0] ).toBe 'transform'
- string = args[1]
- string = string.replace /\n/gim, ' '
- string = string.replace /\s{2,}/gim, ' '
- expect( string ).toBe 'translate(0, 0) rotate(0deg) skew(0deg, 0deg) scale(1, 1)'
-
- it 'should set 3d transform on el', ->
- el = document.createElement 'div'
- document.body.appendChild el
-
- html = new Html
- el: el
- z: '10px'
-
- spyOn html, '_setStyle'
- html._drawTransform()
-
- args = html._setStyle.calls.first().args
-
- expect( args[0] ).toBe 'transform'
- string = args[1]
- string = string.replace /\n/gim, ' '
- string = string.replace /\s{2,}/gim, ' '
- expect( string )
- .toBe 'translate3d(0, 0, 10px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) scale(1, 1)'
-
- describe '_draw method', ->
- it 'should style _props to el', ->
- el = document.createElement 'div'
- html = new Html
- el: el
- left: { '20px': '40px' }
-
- spyOn(html, '_setStyle').and.callThrough()
- html._props.left = '30px'
- html._state.left = '0px'
- el.style['left'] = ''
-
- html._draw()
-
- expect( el.style['left'] ).toBe html._props.left
-
- expect( html._setStyle ).toHaveBeenCalledWith
-
- it 'should call _drawTransform method', ->
- el = document.createElement 'div'
- html = new Html
- el: el
- left: { '20px': '40px' }
-
- spyOn html, '_drawTransform'
- html._draw()
-
- expect( html._drawTransform ).toHaveBeenCalled()
-
- it 'should call _customDraw method', ->
- el = document.createElement 'div'
- customDraw = ->
- html = new Html
- el: el
- left: { '20px': '40px' }
- customProperties: {
- x: {
- type: 'number',
- default: 0
- },
- draw: customDraw
- }
-
- spyOn html, '_customDraw'
- html._draw()
-
- expect( html._customDraw )
- .toHaveBeenCalledWith html._props.el, html._props
-
- describe '_render method ->', ->
- it 'should set initial properties', ->
- el = document.createElement 'div'
- html = new Html
- el: el
- borderRadius: 25
-
- spyOn html, '_setStyle'
- html._render()
-
- expect( html._setStyle ).toHaveBeenCalledWith 'borderRadius', '25px'
- expect( html._setStyle.calls.count() ).toBe 2
-
- it 'should not add pixels if a string', ->
- el = document.createElement 'div'
- html = new Html
- el: el
- borderRadius: '25rem'
-
- spyOn html, '_setStyle'
- html._render()
-
- expect( html._setStyle ).toHaveBeenCalledWith 'borderRadius', '25rem'
- expect( html._setStyle.calls.count() ).toBe 2
-
- it 'should call _draw method', ->
- el = document.createElement 'div'
- html = new Html el: el
-
- spyOn html, '_draw'
- html._render()
-
- expect( html._draw ).toHaveBeenCalled()
- expect( html._draw.calls.count() ).toBe 1
-
- it 'should return immediately if `prevChainModule`', ->
- el = document.createElement 'div'
- html = new Html
- el: el
- prevChainModule: {}
-
- spyOn html, '_draw'
- spyOn html, '_setStyle'
-
- html._render()
-
- expect( html._draw ).not.toHaveBeenCalled()
- expect( html._setStyle ).not.toHaveBeenCalled()
-
- it 'should not call _hide if isShowStart is true', ->
- html = new Html
- el: document.createElement 'div'
-
- spyOn html, '_hide'
-
- html._render()
-
- expect( html._hide ).not.toHaveBeenCalled()
-
- it 'should call _hide if isShowStart is false', ->
- html = new Html
- el: document.createElement 'div'
- isShowStart: false
-
- spyOn html, '_hide'
-
- html._render()
-
- expect( html._hide ).toHaveBeenCalled()
-
- it 'should not call _hide if module is chained', ->
- html = new Html
- el: document.createElement 'div'
- prevChainModule: {}
- isShowStart: false
-
- spyOn html, '_hide'
-
- html._render()
-
- expect( html._hide ).not.toHaveBeenCalled()
-
-
- describe '_arrToString method ->', ->
- it 'should cast array to string', ->
- el = document.createElement 'div'
- html = new Html el: el
-
- arr = h.strToArr( '200px 300px' )
-
- expect( html._arrToString( arr ) ).toBe '200px 300px '
-
-
- describe '_parseOption method ->', ->
- it 'should call super', ->
- name = 'x'; value = 20
- html = new Html el: document.createElement 'div'
-
- spyOn mojs.Module.prototype, '_parseOption'
-
- html._parseOption name, value
-
- expect( mojs.Module.prototype._parseOption )
- .toHaveBeenCalledWith name, value
-
- it 'should cast array values', ->
- name = 'transformOrigin'; value = '200px 300px'
- html = new Html
- el: document.createElement 'div'
-
- html._parseOption name, value
-
- expect( html._props[name] ).toBe '200px 300px '
-
-
- describe 'then method ->', ->
- it 'should call `refresh` on the last `_module`', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn html._modules[0].deltas, 'refresh'
-
- html.then({ borderRadius: 0 })
-
- expect( html._modules[0].deltas.refresh ).toHaveBeenCalledWith false
-
- it 'should call `refresh` on the last `_module` #2', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- }).then({ borderRadius: 0 })
-
- spyOn(html._modules[1].deltas, 'refresh').and.callThrough()
-
- html.then({ borderRadius: 20 })
-
- expect( html._modules[1].deltas.refresh ).toHaveBeenCalledWith false
-
- it 'should set the last `_history` record to last `_modules` `_props`', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- html._history[0] = undefined
-
- html.then({ borderRadius: 0 })
-
- expect( html._history[0] ).toBeDefined()
-
- it 'should set the last `_history` record to last `_modules` `_props` #2', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- }).then({ borderRadius: 0 })
-
- html._history[1] = undefined
-
- html.then({ borderRadius: 0 })
-
- expect( html._history[1] ).toBeDefined()
-
- it 'should call `super`', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn mojs.Thenable.prototype, 'then'
- opts = { borderRadius: 0 }
- html.then(opts)
-
- expect( mojs.Thenable.prototype.then ).toHaveBeenCalledWith opts
-
- it 'should restore `deltas`', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn html._modules[0].deltas, 'restore'
-
- html.then({ borderRadius: 0 })
-
- expect( html._modules[0].deltas.restore ).toHaveBeenCalled()
-
- it 'should restore `deltas` #2', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- }).then({ borderRadius: 0 })
-
- spyOn html._modules[1].deltas, 'restore'
-
- html.then({ borderRadius: 0 })
-
- expect( html._modules[1].deltas.restore ).toHaveBeenCalled()
-
- it 'should return `this`', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- result = html.then({ borderRadius: 0 })
-
- expect( result ).toBe html
-
- it 'should return if no options passed', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn html._modules[0].deltas, 'refresh'
-
- html.then()
-
- expect( html._modules[0].deltas.refresh ).not.toHaveBeenCalled()
-
- it 'should return if empty object passed', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn html._modules[0].deltas, 'refresh'
-
- html.then({})
-
- expect( html._modules[0].deltas.refresh ).not.toHaveBeenCalled()
-
- describe '_checkStartValue method ->', ->
- it 'should pipe the start value', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- expect(html._checkStartValue 'x', 20).toBe 20
-
- it 'should fallback to 1 for opacity', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- expect(html._checkStartValue 'opacity').toBe '1'
- expect(html._checkStartValue 'opacity', .5).toBe .5
-
- it 'should fallback to _defaults if property is there', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- for key, value of html._defaults
- expect(html._checkStartValue key).toBe value
- expect(html._checkStartValue key, .5).toBe .5
-
- it 'should fallback to _customProps if property is there', ->
- customProperties = {
- originY: 50
- }
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- customProperties: customProperties
- });
-
- expect(html._checkStartValue 'originY').toBe customProperties.originY
-
- it 'should fallback DOM defaults otherwise', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- div = document.createElement 'div'
- expect(html._checkStartValue 'borderRadius').toBe h.defaultStyles['borderRadius']
- expect(html._checkStartValue 'borderRadius', .5).toBe .5
-
- it 'should fallback to 0 at the end', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- expect(html._checkStartValue 'someUnknownProperty').toBe 0
- expect(html._checkStartValue 'someUnknownProperty', .5).toBe .5
-
-
- describe 'custom properties ->', ->
-
- describe '_saveCustomProperties method ->', ->
- draw = (el, props) -> { el }
- customProps = {
- originX: {
- type: 'unit',
- default: '50%'
- },
- draw: draw
- }
-
- it 'should save customProperties object', ->
- spyOn(Html.prototype, '_saveCustomProperties').and.callThrough()
-
- fun = ->
- customProps = {
- origin: 50,
- draw: fun
- }
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- customProperties: customProps
- });
-
- expect( Html.prototype._saveCustomProperties )
- .toHaveBeenCalled()
-
- expect( html._customProps ).toEqual { origin: 50 }
- expect( html._customDraw ).toBe fun
- expect( html._customProps.draw ).not.toBeDefined()
- expect( html._o.customProperties ).not.toBeDefined()
-
- it 'should call _copyDefaultCustomProps method', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- customProperties: customProps
- });
-
- spyOn html, '_copyDefaultCustomProps'
-
- html._saveCustomProperties()
-
- expect( html._copyDefaultCustomProps ).toHaveBeenCalled()
-
- describe '_makeTimeline method ->', ->
- it 'should call super', ->
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
- html.timeline = null
-
- spyOn(mojs.Tweenable.prototype, '_makeTimeline').and.callThrough()
- html._makeTimeline()
-
- expect( mojs.Tweenable.prototype._makeTimeline )
- .toHaveBeenCalled()
-
- it 'should add deltas to the timeline', ->
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
- html.timeline = null
-
- spyOn(mojs.Timeline.prototype, 'add').and.callThrough()
-
- html._makeTimeline()
-
- expect( mojs.Timeline.prototype.add )
- .toHaveBeenCalledWith html.deltas
-
- expect( html.timeline._timelines[0] )
- .toBe( html.deltas.timeline )
-
- it 'should not call super if prevChainModule set', ->
-
- html0 = new Html
- el: document.createElement 'div'
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- prevChainModule: html0
- })
- html.timeline = null
-
- spyOn(mojs.Tweenable.prototype, '_makeTimeline').and.callThrough()
- html._makeTimeline()
-
- expect( mojs.Tweenable.prototype._makeTimeline )
- .not.toHaveBeenCalled()
-
- it 'should not add deltas to the timeline if chained', ->
- html0 = new Html
- el: document.createElement 'div'
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- prevChainModule: html0
- })
-
- spyOn(mojs.Timeline.prototype, 'add').and.callThrough()
-
- html._makeTimeline()
-
- expect( mojs.Timeline.prototype.add )
- .not.toHaveBeenCalledWith html.deltas
-
- expect( html.timeline ).toBe html.deltas.timeline
-
- describe '_addCallbackOverrides method ->', ->
- it 'should add callbackOverrides passed object', ->
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- obj = {}
- html._addCallbackOverrides( obj )
-
- expect( obj.callbackOverrides.onUpdate ).toBe html._draw
- expect( obj.callbackOverrides.onRefresh ).toBe html._draw
-
- it 'should not add onRefresh if isRefreshState set to false', ->
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- isRefreshState: false
- })
-
- obj = {}
- html._addCallbackOverrides( obj )
-
- expect( obj.callbackOverrides.onUpdate ).toBe html._draw
- expect( obj.callbackOverrides.onRefresh ).not.toBeDefined()
-
-
- describe 'onStart callback override ->', ->
- it 'should override this._o.onStart', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- expect(typeof obj.callbackOverrides.onStart).toBe 'function'
- it 'should call _show if isForward and !_isChained
- and isShowStart is false', ->
- html = new Html
- el: document.createElement 'div'
- isShowStart: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onStart true
- expect(html._show).toHaveBeenCalled()
- it 'should not call _show if isShowStart is true', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onStart true
- expect(html._show).not.toHaveBeenCalled()
- it 'should not call _show if _isChained', ->
- html = new Html
- el: document.createElement 'div'
- masterModule: new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onStart true
- expect(html._show).not.toHaveBeenCalled()
- it 'should call _hide if not isForward and !_isChained
- and isShowStart is false', ->
- html = new Html
- el: document.createElement 'div'
- isShowStart: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onStart false
- expect(html._hide).toHaveBeenCalled()
- it 'should not call _hide if not isForward and !_isChained
- and isShowStart is true', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onStart false
- expect(html._hide).not.toHaveBeenCalled()
- it 'should not call _hide if _isChained', ->
- html = new Html
- el: document.createElement 'div'
- isShowStart: false
- masterModule: new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onStart false
- expect(html._hide).not.toHaveBeenCalled()
- it 'should not call _hide if not isForward and isShowStart', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onStart false
- expect(html._hide).not.toHaveBeenCalled()
-
- describe 'onComplete callback override ->', ->
- it 'should override this._o.onComplete', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- expect(typeof obj.callbackOverrides.onComplete).toBe 'function'
- it 'should call _show if !isForward and isShowEnd is false', ->
- html = new Html
- el: document.createElement 'div'
- isShowEnd: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onComplete false
- expect(html._show).toHaveBeenCalled()
- it 'should not call _show if !isForward and isShowEnd is true', ->
- html = new Html el: document.createElement 'div'
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onComplete false
- expect(html._show).not.toHaveBeenCalled()
- it 'should call _show if !isForward and _isChained
- and isShowEnd is false', ->
- html = new Html
- el: document.createElement 'div'
- isShowEnd: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_show'
- obj.callbackOverrides.onComplete false
- expect(html._show).toHaveBeenCalled()
- it 'should call _show if !isForward and !_isChained', ->
- html = new Html({ el: document.createElement('div'), isShowEnd: false})
- .then radius: 0
- el = html._modules[1]
- obj = {}
- obj2 = {}
- html._addCallbackOverrides( obj )
- el._addCallbackOverrides( obj2 )
- spyOn html, '_show'
- spyOn el, '_show'
- obj.callbackOverrides.onComplete false
- obj2.callbackOverrides.onComplete false
- expect(el._show).not.toHaveBeenCalled()
- expect(html._show).toHaveBeenCalled()
- it 'should call _hide if isForward and !isShowEnd', ->
- html = new Html
- el: document.createElement('div'),
- isShowEnd: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).toHaveBeenCalled()
- it 'should not call _hide if isForward but isShowEnd', ->
- html = new Html el: document.createElement('div')
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).not.toHaveBeenCalled()
- it 'should call _hide if isForward and !_isChained', ->
- html = new Html
- el: document.createElement('div'),
- isShowEnd: false
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).toHaveBeenCalled()
- it 'should call not _hide if isForward and _isChained', ->
- html = new Html({
- isShowEnd: false,
- el: document.createElement('div')
- }).then({ radius: 0 })
- # module = html._modules[1]
- obj = {}
- el._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).not.toHaveBeenCalled()
- it 'should not call _hide if isForward and _isLastInChain but isShowEnd', ->
- html = new Html el: document.createElement('div')
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).not.toHaveBeenCalled()
- it 'should not call _hide if isForward but !_isLastInChain and isShowEnd', ->
- html = new Html({ el: document.createElement('div') }).then radius: 0
- obj = {}
- html._addCallbackOverrides( obj )
- spyOn html, '_hide'
- obj.callbackOverrides.onComplete true
- expect(html._hide).not.toHaveBeenCalled()
-
- describe '_resetMergedFlags method ->', ->
- it 'should call super and add props', ->
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10
- })
-
- spyOn mojs.Thenable.prototype, '_resetMergedFlags'
-
- opts = {}
- result = html._resetMergedFlags opts
-
- expect( result ).toBe opts
- expect( result.props ).toBe html._props
- expect( result.customProperties ).toBe html._customProps
- expect( mojs.Thenable.prototype._resetMergedFlags )
- .toHaveBeenCalledWith opts
-
- describe '_copyDefaultCustomProps method ->', ->
- it 'should copy _customProps defaults to _o', ->
- customProperties = {
- originY: 1000
- originX: 500
- }
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- customProperties: customProperties
- })
-
- html._o.originY = null
- html._o.originX = null
-
- html._copyDefaultCustomProps()
-
- expect( html._o.originY ).toBe customProperties.originY
- expect( html._o.originX ).toBe customProperties.originX
-
- it 'should not copy _customProps defaults to _o if set', ->
- customProperties = {
- originY: 1000
- originX: 500
- }
-
- html = new Html({
- el: document.createElement 'div'
- borderRadius: 10,
- originX: 200
- customProperties: customProperties
- })
-
- html._copyDefaultCustomProps()
-
- expect( html._o.originY ).toBe customProperties.originY
- expect( html._o.originX ).toBe 200
-
- describe '_showByTransform method', ->
- it 'should call _drawTransform method', ->
- shape = new Html
- el: document.createElement 'div'
- easing: (k)-> return 1
-
- spyOn shape, '_drawTransform'
- shape._showByTransform()
-
- expect( shape._drawTransform ).toHaveBeenCalled()
-
-
-
-
-
diff --git a/spec/html.js b/spec/html.js
deleted file mode 100644
index 790394815..000000000
--- a/spec/html.js
+++ /dev/null
@@ -1,1403 +0,0 @@
-(function() {
- var Html, el, h;
-
- Html = mojs.Html;
-
- h = mojs.h;
-
- el = document.createElement('div');
-
- describe('Html ->', function() {
- it('should extend Thenable', function() {
- var html;
- html = new Html({
- el: el
- });
- return expect(html instanceof mojs.Thenable).toBe(true);
- });
- describe('_extendDefaults method ->', function() {
- it('should copy all non-delta properties to _props', function() {
- var html, p;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- y: 40,
- x: {
- 20: 40
- },
- skewX: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- p = html._props;
- expect(p['borderWidth']).toBe('20px');
- expect(p['borderRadius']).toBe('40px');
- expect(p['y']).toBe('40px');
- expect(p['z']).toBe(0);
- expect(p['skewY']).toBe(0);
- expect(p['angleX']).toBe(0);
- expect(p['angleY']).toBe(0);
- expect(p['angleZ']).toBe(0);
- expect(p['scale']).toBe(1);
- expect(p['scaleX']).toBe(1);
- expect(p['scaleY']).toBe(1);
- expect(p['isRefreshState']).toBe(true);
- expect(p['isShowStart']).toBe(true);
- expect(p['isShowEnd']).toBe(true);
- expect(p['isSoftHide']).toBe(true);
- expect(p['isForce3d']).toBe(false);
- expect(html._renderProps).toEqual(['borderWidth', 'borderRadius']);
- return expect(html._drawProps).toEqual(['color']);
- });
- it('should not copy tween properties _drawProps', function() {
- var html, p;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- y: 40,
- x: {
- 20: 40
- },
- skewX: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- },
- duration: 300,
- timeline: {
- delay: 300
- }
- });
- p = html._props;
- return expect(html._drawProps).toEqual(['color']);
- });
- it('should not copy customProperties _drawProps', function() {
- var customProperties, html, p;
- customProperties = {
- originX: {
- type: 'number',
- "default": 0
- },
- draw: function() {
- return {};
- }
- };
- html = new Html({
- el: el,
- color: {
- 'cyan': 'red'
- },
- originX: {
- 20: 40
- },
- customProperties: customProperties
- });
- p = html._props;
- return expect(html._drawProps).toEqual(['color']);
- });
- it('should not copy tween properties _renderProps', function() {
- var html, p;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- y: 40,
- x: {
- 20: 40
- },
- skewX: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- },
- duration: 300
- });
- p = html._props;
- return expect(html._renderProps).toEqual(['borderWidth', 'borderRadius']);
- });
- it('should not copy customProperties to _renderProps', function() {
- var customProperties, html;
- customProperties = {
- originX: {
- type: 'number',
- "default": 0
- },
- draw: function() {
- return {};
- }
- };
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- originX: 20,
- customProperties: customProperties
- });
- return expect(html._renderProps).toEqual(['borderWidth', 'borderRadius']);
- });
- it('should call _createDeltas method ->', function() {
- var html;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- spyOn(html, '_createDeltas');
- html._extendDefaults();
- return expect(html._createDeltas).toHaveBeenCalledWith(html._addDefaults(html._o));
- });
- it('should parse el ->', function() {
- var div, html;
- div = document.createElement('div');
- div.setAttribute('id', 'js-el');
- document.body.appendChild(div);
- html = new Html({
- el: '#js-el',
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- html._props.el = null;
- html._extendDefaults();
- expect(html._props.el instanceof HTMLElement).toBe(true);
- return expect(html._props.el).toBe(div);
- });
- it('should save _props.el to el ->', function() {
- var div, html;
- div = document.createElement('div');
- html = new Html({
- el: div,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- return expect(html.el).toBe(div);
- });
- return it('should use props if passed ->', function() {
- var html, props;
- props = {};
- html = new Html({
- el: document.createElement('div'),
- props: props
- });
- return expect(html._props).toBe(props);
- });
- });
- describe('_createDeltas method ->', function() {
- it('should create deltas with passed object', function() {
- var html;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- html.deltas = null;
- html._createDeltas(html._o);
- expect(html.deltas instanceof mojs._pool.Deltas).toBe(true);
- expect(html.deltas._o.options).toBe(html._o);
- return expect(html.deltas._o.props).toBe(html._props);
- });
- it('should pass property maps to Deltas', function() {
- var html;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- html.deltas._o.arrayPropertyMap = null;
- html.deltas._o.numberPropertyMap = null;
- html._createDeltas(html._o);
- expect(html.deltas._o.arrayPropertyMap).toBe(html._arrayPropertyMap);
- return expect(html.deltas._o.numberPropertyMap).toBe(html._numberPropertyMap);
- });
- it('should pass options callbacksContext to deltas', function() {
- var callbacksContext, html, o;
- html = new Html({
- el: el
- });
- callbacksContext = {};
- o = {
- callbacksContext: callbacksContext,
- x: {
- 20: 40
- }
- };
- html._createDeltas(o);
- return expect(html.deltas._o.callbacksContext).toBe(callbacksContext);
- });
- it('should pass `this` as callbacksContext to deltas', function() {
- var html;
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- }
- });
- html.deltas._o.callbacksContext = null;
- html._createDeltas(html._o);
- return expect(html.deltas._o.callbacksContext).toBe(html);
- });
- it('should pass prevChainModule to deltas', function() {
- var html, prevChainModule;
- prevChainModule = {};
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- },
- prevChainModule: prevChainModule
- });
- html.deltas._o.isChained = null;
- html._createDeltas(html._o);
- return expect(html.deltas._o.isChained).toBe(true);
- });
- return it('should _customProps to deltas', function() {
- var customProps, fun, html;
- fun = function() {};
- customProps = {
- origin: 50,
- draw: fun
- };
- html = new Html({
- el: el,
- borderWidth: '20px',
- borderRadius: '40px',
- x: {
- 20: 40
- },
- color: {
- 'cyan': 'orange'
- },
- customProperties: customProps
- });
- html._createDeltas(html._o);
- return expect(html.deltas._o.customProps).toEqual(jasmine.objectContaining({
- origin: 50
- }));
- });
- });
- describe('_makeTween and _makeTimeline methods ->', function() {
- return it('should override them to empty methods', function() {
- var html;
- spyOn(mojs.Tweenable.prototype, '_makeTween');
- html = new Html({
- el: el
- });
- return expect(mojs.Tweenable.prototype._makeTween).not.toHaveBeenCalled();
- });
- });
- describe('_vars method ->', function() {
- it('should call refresh on deltas', function() {
- var html;
- html = new Html({
- el: el
- });
- spyOn(html.deltas, 'refresh');
- html._vars();
- return expect(html.deltas.refresh).toHaveBeenCalledWith(false);
- });
- it('should call super', function() {
- var html;
- spyOn(mojs.Module.prototype, '_vars');
- html = new Html({
- el: el
- });
- return expect(mojs.Module.prototype._vars).toHaveBeenCalled();
- });
- it('should create _state object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._state = null;
- html._vars();
- expect(typeof html._state).toBe('object');
- return expect(html._state).toBe(html._state);
- });
- return it('should call restore on deltas', function() {
- var html;
- html = new Html({
- el: el
- });
- spyOn(html.deltas, 'restore');
- html._vars();
- return expect(html.deltas.restore).toHaveBeenCalled();
- });
- });
- describe('_declareDefaults method ->', function() {
- it('should _declareDefaults', function() {
- var html;
- html = new Html({
- el: el
- });
- html._defaults = null;
- html._declareDefaults();
- expect(html._defaults.x).toBe(0);
- expect(html._defaults.y).toBe(0);
- expect(html._defaults.z).toBe(0);
- expect(html._defaults.skewX).toBe(0);
- expect(html._defaults.skewY).toBe(0);
- expect(html._defaults.angleX).toBe(0);
- expect(html._defaults.angleY).toBe(0);
- expect(html._defaults.angleZ).toBe(0);
- expect(html._defaults.scale).toBe(1);
- expect(html._defaults.scaleX).toBe(1);
- return expect(html._defaults.scaleY).toBe(1);
- });
- it('should create _drawExclude object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._drawExclude = null;
- html._declareDefaults();
- return expect(html._drawExclude.el).toBe(1);
- });
- it('should create _3dProperties object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._3dProperties = null;
- html._declareDefaults();
- return expect(html._3dProperties).toEqual(['angleX', 'angleY', 'z']);
- });
- it('should create _arrayPropertyMap object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._arrayPropertyMap = null;
- html._declareDefaults();
- expect(html._arrayPropertyMap.transformOrigin).toBe(1);
- return expect(html._arrayPropertyMap.backgroundPosition).toBe(1);
- });
- it('should create _numberPropertyMap object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._numberPropertyMap = null;
- html._declareDefaults();
- expect(html._numberPropertyMap.opacity).toBe(1);
- expect(html._numberPropertyMap.scale).toBe(1);
- expect(html._numberPropertyMap.scaleX).toBe(1);
- expect(html._numberPropertyMap.scaleY).toBe(1);
- expect(html._numberPropertyMap.angleX).toBe(1);
- expect(html._numberPropertyMap.angleY).toBe(1);
- expect(html._numberPropertyMap.angleZ).toBe(1);
- expect(html._numberPropertyMap.skewX).toBe(1);
- return expect(html._numberPropertyMap.skewY).toBe(1);
- });
- it('should create _prefixPropertyMap object', function() {
- var html;
- html = new Html({
- el: el
- });
- html._prefixPropertyMap = null;
- html._declareDefaults();
- expect(html._prefixPropertyMap.transform).toBe(1);
- return expect(html._prefixPropertyMap.transformOrigin).toBe(1);
- });
- return it('should create _prefix property', function() {
- var html;
- html = new Html({
- el: el
- });
- html._prefix = null;
- html._declareDefaults();
- return expect(html._prefix).toBe(h.prefix.css);
- });
- });
- describe('_addDefaults method', function() {
- it('should add defaults to passed object', function() {
- var html, isOk, key, obj, result, value, _ref;
- html = new Html({
- el: el
- });
- obj = {
- skewX: 20
- };
- result = html._addDefaults(obj);
- isOk = true;
- _ref = html._defaults;
- for (key in _ref) {
- value = _ref[key];
- if (value !== result[key] && key !== 'skewX') {
- isOk = false;
- }
- }
- return expect(isOk).toBe(true);
- });
- it('should fallback for scaleX/scaleY to scale', function() {
- var html, obj, result;
- html = new Html({
- el: el
- });
- obj = {
- skewX: 20,
- scale: 2,
- scaleY: 3
- };
- result = html._addDefaults(obj);
- expect(result.scale).toBe(2);
- expect(result.scaleX).toBe(2);
- return expect(result.scaleY).toBe(3);
- });
- it('should get if any 3d present', function() {
- var html, obj, result;
- html = new Html({
- el: el
- });
- html._is3d = null;
- obj = {
- skewX: 20,
- scale: 2,
- scaleY: 3
- };
- result = html._addDefaults(obj);
- return expect(html._is3d).toBe(false);
- });
- it('should get if any 3d present // positive', function() {
- var html, obj, result;
- html = new Html({
- el: el
- });
- html._is3d = null;
- obj = {
- skewX: 20,
- scale: 2,
- scaleY: 3,
- z: 20
- };
- result = html._addDefaults(obj);
- return expect(html._is3d).toBe(true);
- });
- return it('should _is3d be true is isForce3d set', function() {
- var html, obj, result;
- html = new Html({
- el: el,
- isForce3d: true
- });
- html._is3d = null;
- obj = {
- skewX: 20,
- scale: 2,
- scaleY: 3
- };
- result = html._addDefaults(obj);
- return expect(html._is3d).toBe(true);
- });
- });
- describe('_setStyle method', function() {
- it('should set style on el', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- html._props.el.style['borderWidth'] = null;
- html._setStyle('borderWidth', '50px');
- return expect(html._props.el.style['borderWidth']).toBe('50px');
- });
- it('should prefix properties that are in _prefixPropertyMap', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- html._props.el.style["" + h.prefix.css + "transform"] = null;
- html._setStyle('transform', 'scale(1)');
- return expect(html._props.el.style["" + h.prefix.css + "transform"]).toBe('scale(1)');
- });
- it('should add the style to _state', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- html._props.el.style['borderWidth'] = null;
- html._setStyle('borderWidth', '50px');
- return expect(html._state['borderWidth']).toBe('50px');
- });
- return it('should not set style if it is in _state', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- html._state['borderWidth'] = '50px';
- html._props.el.style['borderWidth'] = '20px';
- html._setStyle('borderWidth', '50px');
- return expect(html._props.el.style['borderWidth']).toBe('20px');
- });
- });
- describe('_drawTransform method', function() {
- it('should set transform on el', function() {
- var args, html, string;
- el = document.createElement('div');
- document.body.appendChild(el);
- html = new Html({
- el: el
- });
- spyOn(html, '_setStyle');
- html._drawTransform();
- args = html._setStyle.calls.first().args;
- expect(args[0]).toBe('transform');
- string = args[1];
- string = string.replace(/\n/gim, ' ');
- string = string.replace(/\s{2,}/gim, ' ');
- return expect(string).toBe('translate(0, 0) rotate(0deg) skew(0deg, 0deg) scale(1, 1)');
- });
- return it('should set 3d transform on el', function() {
- var args, html, string;
- el = document.createElement('div');
- document.body.appendChild(el);
- html = new Html({
- el: el,
- z: '10px'
- });
- spyOn(html, '_setStyle');
- html._drawTransform();
- args = html._setStyle.calls.first().args;
- expect(args[0]).toBe('transform');
- string = args[1];
- string = string.replace(/\n/gim, ' ');
- string = string.replace(/\s{2,}/gim, ' ');
- return expect(string).toBe('translate3d(0, 0, 10px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) scale(1, 1)');
- });
- });
- describe('_draw method', function() {
- it('should style _props to el', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el,
- left: {
- '20px': '40px'
- }
- });
- spyOn(html, '_setStyle').and.callThrough();
- html._props.left = '30px';
- html._state.left = '0px';
- el.style['left'] = '';
- html._draw();
- expect(el.style['left']).toBe(html._props.left);
- return expect(html._setStyle).toHaveBeenCalledWith;
- });
- it('should call _drawTransform method', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el,
- left: {
- '20px': '40px'
- }
- });
- spyOn(html, '_drawTransform');
- html._draw();
- return expect(html._drawTransform).toHaveBeenCalled();
- });
- return it('should call _customDraw method', function() {
- var customDraw, html;
- el = document.createElement('div');
- customDraw = function() {};
- html = new Html({
- el: el,
- left: {
- '20px': '40px'
- },
- customProperties: {
- x: {
- type: 'number',
- "default": 0
- },
- draw: customDraw
- }
- });
- spyOn(html, '_customDraw');
- html._draw();
- return expect(html._customDraw).toHaveBeenCalledWith(html._props.el, html._props);
- });
- });
- describe('_render method ->', function() {
- it('should set initial properties', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el,
- borderRadius: 25
- });
- spyOn(html, '_setStyle');
- html._render();
- expect(html._setStyle).toHaveBeenCalledWith('borderRadius', '25px');
- return expect(html._setStyle.calls.count()).toBe(2);
- });
- it('should not add pixels if a string', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el,
- borderRadius: '25rem'
- });
- spyOn(html, '_setStyle');
- html._render();
- expect(html._setStyle).toHaveBeenCalledWith('borderRadius', '25rem');
- return expect(html._setStyle.calls.count()).toBe(2);
- });
- it('should call _draw method', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- spyOn(html, '_draw');
- html._render();
- expect(html._draw).toHaveBeenCalled();
- return expect(html._draw.calls.count()).toBe(1);
- });
- it('should return immediately if `prevChainModule`', function() {
- var html;
- el = document.createElement('div');
- html = new Html({
- el: el,
- prevChainModule: {}
- });
- spyOn(html, '_draw');
- spyOn(html, '_setStyle');
- html._render();
- expect(html._draw).not.toHaveBeenCalled();
- return expect(html._setStyle).not.toHaveBeenCalled();
- });
- it('should not call _hide if isShowStart is true', function() {
- var html;
- html = new Html({
- el: document.createElement('div')
- });
- spyOn(html, '_hide');
- html._render();
- return expect(html._hide).not.toHaveBeenCalled();
- });
- it('should call _hide if isShowStart is false', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- isShowStart: false
- });
- spyOn(html, '_hide');
- html._render();
- return expect(html._hide).toHaveBeenCalled();
- });
- return it('should not call _hide if module is chained', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- prevChainModule: {},
- isShowStart: false
- });
- spyOn(html, '_hide');
- html._render();
- return expect(html._hide).not.toHaveBeenCalled();
- });
- });
- describe('_arrToString method ->', function() {
- return it('should cast array to string', function() {
- var arr, html;
- el = document.createElement('div');
- html = new Html({
- el: el
- });
- arr = h.strToArr('200px 300px');
- return expect(html._arrToString(arr)).toBe('200px 300px ');
- });
- });
- describe('_parseOption method ->', function() {
- it('should call super', function() {
- var html, name, value;
- name = 'x';
- value = 20;
- html = new Html({
- el: document.createElement('div')
- });
- spyOn(mojs.Module.prototype, '_parseOption');
- html._parseOption(name, value);
- return expect(mojs.Module.prototype._parseOption).toHaveBeenCalledWith(name, value);
- });
- return it('should cast array values', function() {
- var html, name, value;
- name = 'transformOrigin';
- value = '200px 300px';
- html = new Html({
- el: document.createElement('div')
- });
- html._parseOption(name, value);
- return expect(html._props[name]).toBe('200px 300px ');
- });
- });
- describe('then method ->', function() {
- it('should call `refresh` on the last `_module`', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(html._modules[0].deltas, 'refresh');
- html.then({
- borderRadius: 0
- });
- return expect(html._modules[0].deltas.refresh).toHaveBeenCalledWith(false);
- });
- it('should call `refresh` on the last `_module` #2', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- }).then({
- borderRadius: 0
- });
- spyOn(html._modules[1].deltas, 'refresh').and.callThrough();
- html.then({
- borderRadius: 20
- });
- return expect(html._modules[1].deltas.refresh).toHaveBeenCalledWith(false);
- });
- it('should set the last `_history` record to last `_modules` `_props`', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- html._history[0] = void 0;
- html.then({
- borderRadius: 0
- });
- return expect(html._history[0]).toBeDefined();
- });
- it('should set the last `_history` record to last `_modules` `_props` #2', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- }).then({
- borderRadius: 0
- });
- html._history[1] = void 0;
- html.then({
- borderRadius: 0
- });
- return expect(html._history[1]).toBeDefined();
- });
- it('should call `super`', function() {
- var html, opts;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(mojs.Thenable.prototype, 'then');
- opts = {
- borderRadius: 0
- };
- html.then(opts);
- return expect(mojs.Thenable.prototype.then).toHaveBeenCalledWith(opts);
- });
- it('should restore `deltas`', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(html._modules[0].deltas, 'restore');
- html.then({
- borderRadius: 0
- });
- return expect(html._modules[0].deltas.restore).toHaveBeenCalled();
- });
- it('should restore `deltas` #2', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- }).then({
- borderRadius: 0
- });
- spyOn(html._modules[1].deltas, 'restore');
- html.then({
- borderRadius: 0
- });
- return expect(html._modules[1].deltas.restore).toHaveBeenCalled();
- });
- it('should return `this`', function() {
- var html, result;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- result = html.then({
- borderRadius: 0
- });
- return expect(result).toBe(html);
- });
- it('should return if no options passed', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(html._modules[0].deltas, 'refresh');
- html.then();
- return expect(html._modules[0].deltas.refresh).not.toHaveBeenCalled();
- });
- return it('should return if empty object passed', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(html._modules[0].deltas, 'refresh');
- html.then({});
- return expect(html._modules[0].deltas.refresh).not.toHaveBeenCalled();
- });
- });
- describe('_checkStartValue method ->', function() {
- it('should pipe the start value', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- return expect(html._checkStartValue('x', 20)).toBe(20);
- });
- it('should fallback to 1 for opacity', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- expect(html._checkStartValue('opacity')).toBe('1');
- return expect(html._checkStartValue('opacity', .5)).toBe(.5);
- });
- it('should fallback to _defaults if property is there', function() {
- var html, key, value, _ref, _results;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- _ref = html._defaults;
- _results = [];
- for (key in _ref) {
- value = _ref[key];
- expect(html._checkStartValue(key)).toBe(value);
- _results.push(expect(html._checkStartValue(key, .5)).toBe(.5));
- }
- return _results;
- });
- it('should fallback to _customProps if property is there', function() {
- var customProperties, html;
- customProperties = {
- originY: 50
- };
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- customProperties: customProperties
- });
- return expect(html._checkStartValue('originY')).toBe(customProperties.originY);
- });
- it('should fallback DOM defaults otherwise', function() {
- var div, html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- div = document.createElement('div');
- expect(html._checkStartValue('borderRadius')).toBe(h.defaultStyles['borderRadius']);
- return expect(html._checkStartValue('borderRadius', .5)).toBe(.5);
- });
- return it('should fallback to 0 at the end', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- expect(html._checkStartValue('someUnknownProperty')).toBe(0);
- return expect(html._checkStartValue('someUnknownProperty', .5)).toBe(.5);
- });
- });
- describe('custom properties ->', function() {
- return describe('_saveCustomProperties method ->', function() {
- var customProps, draw;
- draw = function(el, props) {
- return {
- el: el
- };
- };
- customProps = {
- originX: {
- type: 'unit',
- "default": '50%'
- },
- draw: draw
- };
- it('should save customProperties object', function() {
- var fun, html;
- spyOn(Html.prototype, '_saveCustomProperties').and.callThrough();
- fun = function() {};
- customProps = {
- origin: 50,
- draw: fun
- };
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- customProperties: customProps
- });
- expect(Html.prototype._saveCustomProperties).toHaveBeenCalled();
- expect(html._customProps).toEqual({
- origin: 50
- });
- expect(html._customDraw).toBe(fun);
- expect(html._customProps.draw).not.toBeDefined();
- return expect(html._o.customProperties).not.toBeDefined();
- });
- return it('should call _copyDefaultCustomProps method', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- customProperties: customProps
- });
- spyOn(html, '_copyDefaultCustomProps');
- html._saveCustomProperties();
- return expect(html._copyDefaultCustomProps).toHaveBeenCalled();
- });
- });
- });
- describe('_makeTimeline method ->', function() {
- it('should call super', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- html.timeline = null;
- spyOn(mojs.Tweenable.prototype, '_makeTimeline').and.callThrough();
- html._makeTimeline();
- return expect(mojs.Tweenable.prototype._makeTimeline).toHaveBeenCalled();
- });
- it('should add deltas to the timeline', function() {
- var html;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- html.timeline = null;
- spyOn(mojs.Timeline.prototype, 'add').and.callThrough();
- html._makeTimeline();
- expect(mojs.Timeline.prototype.add).toHaveBeenCalledWith(html.deltas);
- return expect(html.timeline._timelines[0]).toBe(html.deltas.timeline);
- });
- it('should not call super if prevChainModule set', function() {
- var html, html0;
- html0 = new Html({
- el: document.createElement('div')
- });
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- prevChainModule: html0
- });
- html.timeline = null;
- spyOn(mojs.Tweenable.prototype, '_makeTimeline').and.callThrough();
- html._makeTimeline();
- return expect(mojs.Tweenable.prototype._makeTimeline).not.toHaveBeenCalled();
- });
- return it('should not add deltas to the timeline if chained', function() {
- var html, html0;
- html0 = new Html({
- el: document.createElement('div')
- });
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- prevChainModule: html0
- });
- spyOn(mojs.Timeline.prototype, 'add').and.callThrough();
- html._makeTimeline();
- expect(mojs.Timeline.prototype.add).not.toHaveBeenCalledWith(html.deltas);
- return expect(html.timeline).toBe(html.deltas.timeline);
- });
- });
- describe('_addCallbackOverrides method ->', function() {
- it('should add callbackOverrides passed object', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- obj = {};
- html._addCallbackOverrides(obj);
- expect(obj.callbackOverrides.onUpdate).toBe(html._draw);
- return expect(obj.callbackOverrides.onRefresh).toBe(html._draw);
- });
- it('should not add onRefresh if isRefreshState set to false', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- isRefreshState: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- expect(obj.callbackOverrides.onUpdate).toBe(html._draw);
- return expect(obj.callbackOverrides.onRefresh).not.toBeDefined();
- });
- describe('onStart callback override ->', function() {
- it('should override this._o.onStart', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onStart).toBe('function');
- });
- it('should call _show if isForward and !_isChained and isShowStart is false', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowStart: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onStart(true);
- return expect(html._show).toHaveBeenCalled();
- });
- it('should not call _show if isShowStart is true', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onStart(true);
- return expect(html._show).not.toHaveBeenCalled();
- });
- it('should not call _show if _isChained', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- masterModule: new Html({
- el: document.createElement('div')
- })
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onStart(true);
- return expect(html._show).not.toHaveBeenCalled();
- });
- it('should call _hide if not isForward and !_isChained and isShowStart is false', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowStart: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(html._hide).toHaveBeenCalled();
- });
- it('should not call _hide if not isForward and !_isChained and isShowStart is true', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- it('should not call _hide if _isChained', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowStart: false,
- masterModule: new Html({
- el: document.createElement('div')
- })
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- return it('should not call _hide if not isForward and isShowStart', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- });
- return describe('onComplete callback override ->', function() {
- it('should override this._o.onComplete', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onComplete).toBe('function');
- });
- it('should call _show if !isForward and isShowEnd is false', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowEnd: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(html._show).toHaveBeenCalled();
- });
- it('should not call _show if !isForward and isShowEnd is true', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(html._show).not.toHaveBeenCalled();
- });
- it('should call _show if !isForward and _isChained and isShowEnd is false', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowEnd: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(html._show).toHaveBeenCalled();
- });
- it('should call _show if !isForward and !_isChained', function() {
- var html, obj, obj2;
- html = new Html({
- el: document.createElement('div'),
- isShowEnd: false
- }).then({
- radius: 0
- });
- el = html._modules[1];
- obj = {};
- obj2 = {};
- html._addCallbackOverrides(obj);
- el._addCallbackOverrides(obj2);
- spyOn(html, '_show');
- spyOn(el, '_show');
- obj.callbackOverrides.onComplete(false);
- obj2.callbackOverrides.onComplete(false);
- expect(el._show).not.toHaveBeenCalled();
- return expect(html._show).toHaveBeenCalled();
- });
- it('should call _hide if isForward and !isShowEnd', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowEnd: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).toHaveBeenCalled();
- });
- it('should not call _hide if isForward but isShowEnd', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- it('should call _hide if isForward and !_isChained', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div'),
- isShowEnd: false
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).toHaveBeenCalled();
- });
- it('should call not _hide if isForward and _isChained', function() {
- var html, obj;
- html = new Html({
- isShowEnd: false,
- el: document.createElement('div')
- }).then({
- radius: 0
- });
- obj = {};
- el._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- it('should not call _hide if isForward and _isLastInChain but isShowEnd', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- return it('should not call _hide if isForward but !_isLastInChain and isShowEnd', function() {
- var html, obj;
- html = new Html({
- el: document.createElement('div')
- }).then({
- radius: 0
- });
- obj = {};
- html._addCallbackOverrides(obj);
- spyOn(html, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(html._hide).not.toHaveBeenCalled();
- });
- });
- });
- describe('_resetMergedFlags method ->', function() {
- return it('should call super and add props', function() {
- var html, opts, result;
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10
- });
- spyOn(mojs.Thenable.prototype, '_resetMergedFlags');
- opts = {};
- result = html._resetMergedFlags(opts);
- expect(result).toBe(opts);
- expect(result.props).toBe(html._props);
- expect(result.customProperties).toBe(html._customProps);
- return expect(mojs.Thenable.prototype._resetMergedFlags).toHaveBeenCalledWith(opts);
- });
- });
- describe('_copyDefaultCustomProps method ->', function() {
- it('should copy _customProps defaults to _o', function() {
- var customProperties, html;
- customProperties = {
- originY: 1000,
- originX: 500
- };
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- customProperties: customProperties
- });
- html._o.originY = null;
- html._o.originX = null;
- html._copyDefaultCustomProps();
- expect(html._o.originY).toBe(customProperties.originY);
- return expect(html._o.originX).toBe(customProperties.originX);
- });
- return it('should not copy _customProps defaults to _o if set', function() {
- var customProperties, html;
- customProperties = {
- originY: 1000,
- originX: 500
- };
- html = new Html({
- el: document.createElement('div'),
- borderRadius: 10,
- originX: 200,
- customProperties: customProperties
- });
- html._copyDefaultCustomProps();
- expect(html._o.originY).toBe(customProperties.originY);
- return expect(html._o.originX).toBe(200);
- });
- });
- return describe('_showByTransform method', function() {
- return it('should call _drawTransform method', function() {
- var shape;
- shape = new Html({
- el: document.createElement('div'),
- easing: function(k) {
- return 1;
- }
- });
- spyOn(shape, '_drawTransform');
- shape._showByTransform();
- return expect(shape._drawTransform).toHaveBeenCalled();
- });
- });
- });
-
-}).call(this);
diff --git a/spec/html.spec.js b/spec/html.spec.js
new file mode 100644
index 000000000..f8fc69f22
--- /dev/null
+++ b/spec/html.spec.js
@@ -0,0 +1,466 @@
+var Html = mojs.Html;
+var Deltas = mojs.Deltas;
+var Tweenable = helpers.Tweenable;
+
+var el = document.createElement('div');
+
+describe('`html` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `ClassProto`', function () {
+ var html = new Html({
+ el: el
+ });
+ expect(Tweenable.__mojsClass.isPrototypeOf(html)).toBe(true);
+ });
+
+ it('should have `_defaults`', function () {
+ var html = new Html({
+ el: el
+ });
+ expect(html._defaults.is3d).toBe(false);
+ expect(html._defaults.el).toBe(null);
+ expect(html._defaults.customProperties).toEqual({});
+
+ expect(html._defaults.x).toBe(0);
+ expect(html._defaults.y).toBe(0);
+ expect(html._defaults.z).toBe(0);
+
+ expect(html._defaults.skewX).toBe(0);
+ expect(html._defaults.skewY).toBe(0);
+
+ expect(html._defaults.angle).toBe(0);
+ expect(html._defaults.angleX).toBe(0);
+ expect(html._defaults.angleY).toBe(0);
+ expect(html._defaults.angleZ).toBe(void 0);
+
+ expect(html._defaults.scale).toBe(1);
+ expect(html._defaults.scaleX).toBe(void 0);
+ expect(html._defaults.scaleY).toBe(void 0);
+ expect(html._defaults.scaleZ).toBe(void 0);
+ });
+ });
+
+ describe('initialization ->', function() {
+ it('should remove `is3d` from `_o`', function () {
+ var is3d = true;
+ var html = new Html({
+ el: el,
+ is3d: is3d
+ });
+ expect(html._props.is3d).not.toBeDefined();
+ expect(html._is3d).toBe(is3d);
+ });
+
+ it('should parse `el` #object', function () {
+ var el = document.createElement('div');
+ var html = new Html({
+ el: el
+ });
+ expect(html.el).toBe(el);
+ expect(html._props.el).toBe(el.style);
+ });
+
+ it('should parse `el` #string', function () {
+ var el = document.createElement('div');
+ var id = 'js-el';
+ el.setAttribute('id', id);
+ document.body.appendChild(el);
+
+ var html = new Html({
+ el: '#' + id
+ });
+ expect(html.el).toBe(document.querySelector('#' + id));
+ expect(html._props.el).toBe(html.el.style);
+ });
+ });
+
+ describe('`deltas` creation ->', function() {
+ it('should create `deltas`', function () {
+ var is3d = true;
+ var html = new Html({
+ el: el,
+ is3d: is3d
+ });
+ expect(Deltas.__mojsClass.isPrototypeOf(html._deltas)).toBe(true);
+ // it should set `timeline` on `html` to `deltas.timeline`
+ // to make the `deltas` work with `tweenable`
+ expect(html.timeline).toBe(html._deltas.timeline);
+
+ var opts = html._deltas._o;
+ delete opts.customProperties;
+ var props = html._props;
+ delete props.customProperties;
+ // should pass options
+ expect(opts).toEqual(props);
+ });
+
+ it('should pass `index` to `deltas`', function () {
+ var index = 5;
+
+ var html = new Html({
+ el: el,
+ index: index
+ });
+ expect(html._deltas.index).toBe(index);
+ });
+ });
+
+ describe('`customProperties` options ->', function() {
+ it('should pass `customProperties`', function () {
+ var is3d = true;
+ var html = new Html({
+ el: el,
+ is3d: is3d
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ delete customProperties.render
+ delete customProperties.pipeObj
+
+ expect(customProperties).toEqual({
+ x: {
+ type: 'unit',
+ isSkipRender: true
+ },
+ y: {
+ type: 'unit',
+ isSkipRender: true
+ },
+ z: {
+ type: 'unit',
+ isSkipRender: true
+ },
+ angle: {
+ type: 'number',
+ isSkipRender: true
+ },
+ angleX: {
+ type: 'number',
+ isSkipRender: true
+ },
+ angleY: {
+ type: 'number',
+ isSkipRender: true
+ },
+ angleZ: {
+ type: 'number',
+ isSkipRender: true
+ },
+ skewX: {
+ type: 'number',
+ isSkipRender: true
+ },
+ skewY: {
+ type: 'number',
+ isSkipRender: true
+ },
+ scale: {
+ type: 'number',
+ isSkipRender: true
+ },
+ scaleX: {
+ type: 'number',
+ isSkipRender: true
+ },
+ scaleY: {
+ type: 'number',
+ isSkipRender: true
+ },
+ scaleZ: {
+ type: 'number',
+ isSkipRender: true
+ }
+ });
+ });
+ it('should pass `render`', function () {
+ var html = new Html({
+ el: el,
+ x: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render);
+ });
+
+ it('should pass original `render` in `pipeObj`', function () {
+ var render = function() {};
+ var html = new Html({
+ el: el,
+ x: 20,
+ customProperties: {
+ render: render
+ }
+ });
+
+ var htmlRender = html._deltas._o.customProperties.pipeObj.htmlRender;
+
+ expect(htmlRender).toBe(render);
+ });
+
+ it('should pipe original `pipeObj`', function () {
+ var pipeObj = {
+ a: Math.random(),
+ c: Math.random(),
+ }
+ var html = new Html({
+ el: el,
+ x: 20,
+ customProperties: {
+ pipeObj: pipeObj
+ }
+ });
+
+ var resultPipeObj = html._deltas._o.customProperties.pipeObj;
+
+ expect(resultPipeObj.a).toBe(pipeObj.a);
+ expect(resultPipeObj.c).toBe(pipeObj.c);
+ });
+
+ it('should pass `supportRender` #2', function () {
+ var render = function() {};
+ var html = new Html({
+ el: el,
+ customProperties: {
+ render: render
+ }
+ });
+
+ var htmlRender = html._deltas._o.customProperties.pipeObj.htmlRender;
+
+ expect(htmlRender).not.toBe(render);
+ expect(typeof htmlRender).toBe('function');
+ });
+
+ it('should pass `render` #is3d', function () {
+ var is3d = true;
+ var html = new Html({
+ el: el,
+ is3d: is3d,
+ x: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render3d);
+ });
+
+ it('should pass `render` #3Dprops #z', function () {
+ var html = new Html({
+ el: el,
+ z: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render3d);
+ });
+
+ it('should pass `render` #3Dprops #angleX', function () {
+ var html = new Html({
+ el: el,
+ angleX: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render3d);
+ });
+
+ it('should pass `render` #3Dprops #angleY', function () {
+ var html = new Html({
+ el: el,
+ angleY: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render3d);
+ });
+
+ it('should pass `render` #3Dprops #angleZ', function () {
+ var html = new Html({
+ el: el,
+ angleZ: 20
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).toBe(html._render3d);
+ });
+
+ it('should not pass `render`', function () {
+ var html = new Html({
+ el: el,
+ k: { 20: 30 }
+ });
+ var customProperties = html._deltas._o.customProperties;
+
+ expect(customProperties.render).not.toBeDefined();
+ });
+ });
+
+ describe('`_render` function ->', function() {
+ it('should set transform on `props`', function () {
+ var props = {};
+
+ var html = new Html({ el: el });
+
+ var support = {
+ props: {
+ x: '20px',
+ y: '30%',
+ angle: 40,
+ skewX: 10,
+ skewY: 20,
+ scale: 1
+ },
+ pipeObj: {
+ htmlRender: function() {}
+ }
+ };
+
+ html._render(props, support);
+
+ expect(props.transform).toBe('translate(20px, 30%) rotate(40deg) skew(10deg, 20deg) scale(1, 1)');
+ });
+
+ it('should set transform on `props` #scaleX #scaleY', function () {
+ var props = {};
+
+ var html = new Html({ el: el });
+
+ var support = {
+ props: {
+ x: '20px',
+ y: '30%',
+ angle: 40,
+ skewX: 10,
+ skewY: 20,
+ scaleX: 2,
+ scaleY: 5
+ },
+ pipeObj: {
+ htmlRender: function() {}
+ }
+ };
+
+ html._render(props, support);
+
+ expect(props.transform).toBe('translate(20px, 30%) rotate(40deg) skew(10deg, 20deg) scale(2, 5)');
+ });
+
+ it('should call original `render`', function () {
+ var arg1 = null;
+ var arg2 = null;
+
+ var obj = {
+ originalRender: function(a1, a2) {
+ arg1 = a1;
+ arg2 = a2;
+ }
+ };
+
+ var props = {};
+ var support = {
+ props: {},
+ pipeObj: {
+ htmlRender: obj.originalRender,
+ }
+ };
+
+ var html = new Html({
+ el: el
+ });
+
+ spyOn(obj, 'originalRender');
+ html._render(props, support);
+
+ expect(arg1).toBe(props);
+ expect(arg2).toBe(support);
+ });
+ });
+
+ describe('`_render3d` function ->', function() {
+ it('should set transform on `props`', function () {
+ var props = {};
+
+ var html = new Html({ el: el });
+ var support = {
+ props: {
+ x: '20px',
+ y: '30%',
+ z: '20fr',
+ angleX: 40,
+ angleY: 20,
+ angleZ: 10,
+ skewX: 10,
+ skewY: 20,
+ scaleX: 1,
+ scaleY: 2,
+ scaleZ: 1.5
+ },
+ pipeObj: {
+ htmlRender: function() {}
+ }
+ };
+
+ html._render3d(props, support);
+
+ expect(props.transform).toBe('translate3d(20px, 30%, 20fr) rotateX(40deg) rotateY(20deg) rotateZ(10deg) skew(10deg, 20deg) scale3d(1, 2, 1.5)');
+ });
+
+ it('should call original `render`', function () {
+ var arg1 = null;
+ var arg2 = null;
+
+ var obj = {
+ originalRender: function(a1, a2) {
+ arg1 = a1;
+ arg2 = a2;
+ }
+ };
+
+ var props = {};
+ var support = {
+ props: {},
+ pipeObj: {
+ htmlRender: obj.originalRender
+ }
+ };
+
+ var html = new Html({
+ el: el
+ });
+
+ spyOn(obj, 'originalRender');
+ html._render3d(props, support);
+
+ expect(arg1).toBe(props);
+ expect(arg2).toBe(support);
+ });
+
+ it('should fallback to props', function () {
+ var props = {};
+
+ var html = new Html({ el: el });
+
+ var support = {
+ props: {
+ x: '20px',
+ y: '30%',
+ z: '20fr',
+ angleX: 0,
+ angleY: 0,
+ angle: 40,
+ skewX: 10,
+ skewY: 20,
+ scaleX: 1,
+ scaleY: 2,
+ scaleZ: 1.5
+ },
+ pipeObj: {
+ htmlRender: function() {}
+ }
+ };
+
+ html._render3d(props, support);
+
+ expect(props.transform).toBe('translate3d(20px, 30%, 20fr) rotateX(0deg) rotateY(0deg) rotateZ(40deg) skew(10deg, 20deg) scale3d(1, 2, 1.5)');
+ });
+ });
+});
diff --git a/spec/mix.coffee b/spec/mix.coffee
deleted file mode 100644
index 955a05b47..000000000
--- a/spec/mix.coffee
+++ /dev/null
@@ -1,28 +0,0 @@
-mix = mojs.easing.mix
-
-describe 'mix ->', ->
- it 'should return new function', ->
- res = mix({to: .5, value: 4})
- expect(typeof res).toBe 'function'
-
- describe 'returned function ->', ->
- it 'should return value on the progress', ->
- res = mix({to: .5, value: 4}, {to: .7, value: 3})
- expect(res(.4)).toBe 4
- expect(res(.6)).toBe 3
- it 'should evaluate function if passed', ->
- res = mix({to: .5, value: (p)-> return 2*p }, {to: .7, value: 3})
- expect(res(.4)).toBe 2*.4
- expect(res(.6)).toBe 3
- it 'should return 1 if not defined', ->
- res = mix({to: .5, value: (p)-> return 2*p })
- expect(res(.6)).toBe 1
- it 'should parse easing', ->
- res = mix({to: .5, value: 'cubic.in' }, {to: .7, value: 'cubic.out' })
- expect(res(.3)).toBe mojs.easing.cubic.in .3
- it 'should work with one value', ->
- res = mix({to: .5, value: 'cubic.in' })
- expect(res(.3)).toBe mojs.easing.cubic.in .3
- it 'should work with array value', ->
- res = mix({to: .5, value: [0.42, 0, 1, 1] })
- expect(res(.3)).toBe mojs.easing.ease.in .3
diff --git a/spec/mix.js b/spec/mix.js
deleted file mode 100644
index e2cd3547a..000000000
--- a/spec/mix.js
+++ /dev/null
@@ -1,82 +0,0 @@
-(function() {
- var mix;
-
- mix = mojs.easing.mix;
-
- describe('mix ->', function() {
- it('should return new function', function() {
- var res;
- res = mix({
- to: .5,
- value: 4
- });
- return expect(typeof res).toBe('function');
- });
- return describe('returned function ->', function() {
- it('should return value on the progress', function() {
- var res;
- res = mix({
- to: .5,
- value: 4
- }, {
- to: .7,
- value: 3
- });
- expect(res(.4)).toBe(4);
- return expect(res(.6)).toBe(3);
- });
- it('should evaluate function if passed', function() {
- var res;
- res = mix({
- to: .5,
- value: function(p) {
- return 2 * p;
- }
- }, {
- to: .7,
- value: 3
- });
- expect(res(.4)).toBe(2 * .4);
- return expect(res(.6)).toBe(3);
- });
- it('should return 1 if not defined', function() {
- var res;
- res = mix({
- to: .5,
- value: function(p) {
- return 2 * p;
- }
- });
- return expect(res(.6)).toBe(1);
- });
- it('should parse easing', function() {
- var res;
- res = mix({
- to: .5,
- value: 'cubic.in'
- }, {
- to: .7,
- value: 'cubic.out'
- });
- return expect(res(.3)).toBe(mojs.easing.cubic["in"](.3));
- });
- it('should work with one value', function() {
- var res;
- res = mix({
- to: .5,
- value: 'cubic.in'
- });
- return expect(res(.3)).toBe(mojs.easing.cubic["in"](.3));
- });
- return it('should work with array value', function() {
- var res;
- res = mix({
- to: .5,
- value: [0.42, 0, 1, 1]
- });
- return expect(res(.3)).toBe(mojs.easing.ease["in"](.3));
- });
- });
- });
-
-}).call(this);
diff --git a/spec/module.coffee b/spec/module.coffee
deleted file mode 100644
index 8be87a248..000000000
--- a/spec/module.coffee
+++ /dev/null
@@ -1,582 +0,0 @@
-Module = mojs.Module
-h = mojs.h
-
-oldFun = Module::_declareDefaults
-describe 'module class ->', ->
- it 'set the _defaults up', ->
- defaults = {
- stroke: 'transparent',
- strokeOpacity: 1,
- strokeLinecap: '',
- strokeWidth: 2,
- strokeDasharray: 0,
- strokeDashoffset: 0,
- fill: 'deeppink',
- fillOpacity: 1,
- left: 0,
- top: 0,
- x: 0,
- y: 0,
- rx: 0,
- ry: 0,
- angle: 0,
- scale: 1,
- opacity: 1,
- points: 3,
- radius: { 0: 50 },
- radiusX: null,
- radiusY: null,
- isShowStart: false,
- isSoftHide: true,
- isShowEnd: false,
- size: null,
- sizeGap: 0,
- callbacksContext: null
- }
-
- Module::_declareDefaults = -> this._defaults = defaults
-
- describe 'init ->', ->
- it 'should save options to _o', ->
- options = {}
- md = new Module options
- expect(md._o).toBe options
- it 'should create _arrayPropertyMap', ->
- md = new Module
- expect(md._arrayPropertyMap['strokeDasharray']).toBe 1
- expect(md._arrayPropertyMap['strokeDashoffset']).toBe 1
- expect(md._arrayPropertyMap['origin']).toBe 1
- it 'should create _arrayPropertyMap', ->
- md = new Module
- expect(md._skipPropsDelta.callbacksContext).toBe 1
- expect(md._skipPropsDelta.timeline).toBe 1
- expect(md._skipPropsDelta.prevChainModule).toBe 1
-
- it 'should fallback to empty object for _o', ->
- md = new Module
-
- expect(Object.keys(md._o).length).toBe 0
- expect(typeof md._o).toBe 'object'
- # not null
- expect(md._o).toBe md._o
- it 'should call _declareDefaults method', ->
- spyOn(Module.prototype, '_declareDefaults').and.callThrough()
- md = new Module
- expect(Module.prototype._declareDefaults).toHaveBeenCalled()
- it 'should call _extendDefaults method', ->
- spyOn(Module.prototype, '_extendDefaults').and.callThrough()
- md = new Module
- expect(Module.prototype._extendDefaults).toHaveBeenCalled()
- it 'should call _vars method', ->
- spyOn(Module.prototype, '_vars').and.callThrough()
- md = new Module
- expect(Module.prototype._vars).toHaveBeenCalled()
- it 'should call _render method', ->
- spyOn(Module.prototype, '_render').and.callThrough()
- md = new Module
- expect(Module.prototype._render).toHaveBeenCalled()
-
- it 'should create _index property', ->
- index = 5
- md = new Module index: index
- expect(md._index).toBe index
- it 'should fallback to 0 for _index property', ->
- md = new Module
- expect(md._index).toBe 0
-
- describe '_declareDefaults method ->', ->
- it 'should create _defaults object', ->
- spyOn(Module.prototype, '_declareDefaults').and.callThrough()
- md = new Module
- expect(Module.prototype._declareDefaults).toHaveBeenCalled()
- expect(typeof md._defaults).toBe 'object'
- # not null
- expect(md._defaults).toBe md._defaults
-
- describe '_vars method ->', ->
- it 'should set _progress property to 0', ->
- md = new Module
- expect(md._progress).toBe 0
- it 'should create _strokeDasharrayBuffer array', ->
- md = new Module
- expect(md._strokeDasharrayBuffer.length).toBe 0
- expect(h.isArray(md._strokeDasharrayBuffer)).toBe true
-
- describe '_assignProp method ->', ->
- it 'should set property on _props object', ->
- value = 2
- md = new Module
- md._assignProp 'a', value
- expect(md._props.a).toBe value
- describe '_setProp method ->', ->
- it 'should set new tween options', ->
- t = new Module duration: 100, delay: 0
- t._setProp duration: 1000, delay: 200
- expect(t._props.duration).toBe 1000
- expect(t._props.delay).toBe 200
- it 'should work with arguments', ->
- t = new Module duration: 100
- t._setProp 'duration', 1000
- expect(t._props.duration).toBe 1000
-
- describe '_hide method ->' , ->
- it 'should set `display` of `el` to `none`', ->
- byte = new Module isSoftHide: false
- byte.el = document.createElement 'div'
- byte.el.style[ 'display' ] = 'block'
- byte._hide()
- expect( byte.el.style[ 'display' ] ).toBe 'none'
-
- it 'should set `_isShown` to false', ->
- byte = new Module isSoftHide: false
- byte.el = document.createElement 'div'
- byte._isShown = true
- byte._hide()
- expect( byte._isShown ).toBe false
-
- describe 'isSoftHide option ->', ->
- # nope
- # it 'should set `opacity` of `el` to `0`', ->
- # byte = new Module radius: 25, isSoftHide: true
- # byte.el = document.createElement 'div'
- # byte.el.style[ 'opacity' ] = '.5'
- # byte._hide()
- # expect( byte.el.style[ 'opacity' ] ).toBe '0'
-
- it 'should set scale to 0', ->
- byte = new Module
- radius: 25,
- isSoftHide: true
- byte.el = document.createElement 'div'
- byte._hide()
- style = byte.el.style
- tr = style[ 'transform' ] || style[ "#{h.prefix.css}transform" ]
- expect( tr ).toBe 'scale(0)'
-
- describe '_show method ->' , ->
- it 'should set `display` of `el` to `block`', ->
- byte = new Module radius: 25, isSoftHide: false
- byte.el = document.createElement 'div'
- byte.el.style[ 'display' ] = 'none'
- byte._show()
- expect( byte.el.style[ 'display' ] ).toBe 'block'
-
- it 'should set `_isShown` to true', ->
- byte = new Module radius: 25, isSoftHide: false
- byte._isShown = true
- byte._show()
- expect( byte._isShown ).toBe true
-
- describe 'isSoftHide option ->', ->
- # nope
- # it 'should set `opacity` of `el` to `_props.opacity`', ->
- # byte = new Module radius: 25, isSoftHide: true, opacity: .2
- # byte.el = document.createElement 'div'
- # byte.el.style[ 'opacity' ] = '0'
- # byte._show()
- # expect( byte.el.style[ 'opacity' ] ).toBe "#{byte._props.opacity}"
-
- it 'should set `transform` to normal', ->
- byte = new Module radius: 25, isSoftHide: true, opacity: .2
- byte.el = document.createElement 'div'
- byte.el.style[ 'opacity' ] = '0'
- byte.el.style[ 'transform' ] = 'none'
- spyOn byte, '_showByTransform'
- byte._show()
- # style = byte.el.style
- # tr = style[ 'transform' ] || style[ "#{h.prefix.css}transform" ]
- expect( byte._showByTransform ).toHaveBeenCalled()
-
-
- # old
- # describe '_show method ->', ->
- # it 'should set display: block to el', ->
- # md = new Module
- # md.el = document.createElement 'div'
- # md._show()
- # expect(md.el.style.display).toBe 'block'
- # expect(md._isShown).toBe true
- # it 'should return if isShow is already true', ->
- # md = new Module
- # md.el = document.createElement 'div'
- # md._show()
- # md.el.style.display = 'inline'
- # md._show()
- # expect(md.el.style.display).toBe 'inline'
- # it 'not to throw', ->
- # byte = new Module radius: {'25': 75}
- # expect(-> byte._show()).not.toThrow()
-
- # old
- # describe '_hide method ->', ->
- # it 'should set display: block to el', ->
- # md = new Module
- # md.el = document.createElement 'div'
- # md._hide()
- # expect(md.el.style.display).toBe 'none'
- # expect(md._isShown).toBe false
- # it 'not to throw', ->
- # byte = new Module radius: {'25': 75}
- # expect(-> byte._hide()).not.toThrow()
-
- describe '_parseOptionString method ->', ->
- tr = new Module
- it 'should parse stagger values', ->
- string = 'stagger(200)'
- spyOn(h, 'parseStagger').and.callThrough()
- result = tr._parseOptionString string
- expect(h.parseStagger).toHaveBeenCalledWith string, 0
- expect(result).toBe h.parseStagger(string, 0)
-
- it 'should parse rand values', ->
- string = 'rand(0,1)'
- spyOn(h, 'parseRand').and.callThrough()
- result = tr._parseOptionString string
- expect(h.parseRand).toHaveBeenCalledWith string
-
- describe '_parsePositionOption method ->', ->
- tr = new Module
- it 'should parse position option', ->
- key = 'x'; value = '100%'
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parsePositionOption key, value
- expect(h.parseUnit).toHaveBeenCalledWith value
- expect(result).toBe h.parseUnit(value).string
- it 'should leave the value unattended if not pos property', ->
- tr._props.x = '100%'
- key = 'fill'
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parsePositionOption key
- expect(h.parseUnit).not.toHaveBeenCalledWith()
- expect(result).toBe tr._props[key]
-
- describe '_parseStrokeDashOption method ->', ->
- tr = new Module
- it 'should parse strokeDash option', ->
- key = 'strokeDasharray'; value = 200
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parseStrokeDashOption key, value
- expect(h.parseUnit).toHaveBeenCalledWith value
- expect(result[0].unit).toBe h.parseUnit(value).unit
- expect(result[0].isStrict).toBe h.parseUnit(value).isStrict
- expect(result[0].value).toBe h.parseUnit(value).value
- expect(result[0].string).toBe h.parseUnit(value).string
- expect(result[1]).not.toBeDefined()
- it 'should parse strokeDash option string', ->
- key = 'strokeDasharray'; value = '200 100'
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parseStrokeDashOption key, value
- expect(h.parseUnit).toHaveBeenCalledWith '200'
- expect(h.parseUnit).toHaveBeenCalledWith '100'
- expect(result[0].unit).toBe h.parseUnit(200).unit
- expect(result[0].isStrict).toBe h.parseUnit(200).isStrict
- expect(result[0].value).toBe h.parseUnit(200).value
- expect(result[0].string).toBe h.parseUnit(200).string
- expect(result[1].unit).toBe h.parseUnit(100).unit
- expect(result[1].isStrict).toBe h.parseUnit(100).isStrict
- expect(result[1].value).toBe h.parseUnit(100).value
- expect(result[1].string).toBe h.parseUnit(100).string
- expect(result[2]).not.toBeDefined()
- it 'should parse strokeDashoffset option', ->
- key = 'strokeDashoffset'; value = '100%'
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parseStrokeDashOption key, value
- expect(h.parseUnit).toHaveBeenCalledWith value
- expect(result[0].unit).toBe h.parseUnit(value).unit
- expect(result[0].isStrict).toBe h.parseUnit(value).isStrict
- expect(result[0].value).toBe h.parseUnit(value).value
- expect(result[0].string).toBe h.parseUnit(value).string
- expect(result[1]).not.toBeDefined()
- it 'should leave the value unattended if not strokeDash.. property', ->
- tr._props.x = '100%'
- key = 'fill'
- spyOn(h, 'parseUnit').and.callThrough()
- result = tr._parseStrokeDashOption key
- expect(h.parseUnit).not.toHaveBeenCalledWith()
- expect(result).toBe tr._props[key]
- describe '_isDelta method ->', ->
- it 'should detect if value is not a delta value', ->
- byte = new Module radius: 45, stroke: 'deeppink': 'pink'
- expect(byte._isDelta(45)) .toBe false
- expect(byte._isDelta('45')) .toBe false
- expect(byte._isDelta(['45'])).toBe false
- expect(byte._isDelta({ unit: 'px', value: 20 })).toBe false
- expect(byte._isDelta({ 20: 30 })).toBe true
-
- describe '_parseOption method ->', ->
- it 'should parse delta value', ->
- md = new Module
- spyOn md, '_getDelta'
- name = 'x'; delta = { 20: 30 }
- md._parseOption name, delta
- expect(md._getDelta).toHaveBeenCalledWith name, delta
- expect(md._props[name])
- .toBe md._parseProperty( name, h.getDeltaEnd( delta ) )
- it 'should parse option string', ->
- md = new Module
- spyOn md, '_getDelta'
- spyOn(md, '_parseOptionString').and.callThrough()
- name = 'delay'; value = 'stagger(400, 200)'
- md._parseOption name, value
- expect(md._getDelta).not.toHaveBeenCalledWith name, value
- expect(md._parseOptionString).toHaveBeenCalledWith value
- expect(md._props[name]).toBe 400
- it 'should parse position option', ->
- md = new Module
- spyOn(md, '_parsePositionOption').and.callThrough()
- name = 'x'; value = '20%'
- md._parseOption name, value
- expect(md._parsePositionOption).toHaveBeenCalledWith name, value
- expect(md._props[name]).toBe value
- it 'should parse strokeDasharray option', ->
- md = new Module
- spyOn(md, '_parseStrokeDashOption').and.callThrough()
- name = 'strokeDasharray'; value = '200 100% 200'
- parsed = md._parseStrokeDashOption name, value
- md._parseOption name, value
- expect(md._parseStrokeDashOption).toHaveBeenCalledWith name, value
- expect(md._props[name]).toEqual parsed
-
- describe '_extendDefaults method ->', ->
- it 'should create _props object', ->
- spyOn(Module.prototype, '_extendDefaults').and.callThrough()
- md = new Module
- expect(Module.prototype._extendDefaults).toHaveBeenCalled()
- expect(typeof md._props).toBe 'object'
- expect(md._props).toBe md._props
- it 'should extend defaults object to properties', ->
- md = new Module radius: 45, radiusX: 50
- expect(md._props.radius) .toBe(45)
- expect(md._props.radiusX).toBe(50)
- it 'should extend defaults object to properties if 0', ->
- md = new Module radius: 0
- expect(md._props.radius).toBe(0)
- it 'should extend defaults object to properties if object was passed', ->
- md = new Module radius: {45: 55}
- expect(md._props.radius).toBe(55)
- # probably nope
- # it 'should ignore properties defined in skipProps object', ->
- # md = new Module radius: 45
- # md._skipProps = radius: 1
- # md._o.radius = 50
- # md._extendDefaults()
- # expect(md._props.radius).not.toBe(50)
- it 'should extend defaults object to properties if array was passed', ->
- array = [50, 100]
- md = new Module radius: array
- spyOn(md, '_assignProp').and.callThrough()
- md._extendDefaults()
- expect(md._props.radius.join ', ').toBe '50, 100'
- expect(md._assignProp).toHaveBeenCalledWith 'radius', array
- it 'should extend defaults object to properties if rand was passed', ->
- md = new Module radius: 'rand(0, 10)'
- spyOn(md, '_assignProp').and.callThrough()
- md._extendDefaults()
- expect(md._props.radius).toBeDefined()
- expect(md._props.radius).toBeGreaterThan -1
- expect(md._props.radius).not.toBeGreaterThan 10
- expect(md._assignProp).toHaveBeenCalled()
- describe 'stagger values', ->
- it 'should extend defaults object to properties if stagger was passed', ->
- md = new Module radius: 'stagger(200)'
- spyOn(md, '_assignProp').and.callThrough()
- md._index = 2
- md._extendDefaults()
- expect(md._props.radius).toBe 400
- expect(md._assignProp).toHaveBeenCalledWith 'radius', 400
- describe '_setProgress method ->', ->
- it 'should set transition progress', ->
- byte = new Module radius: {'25.50': -75.50}
- byte._setProgress .5
- expect(byte._progress).toBe .5
- it 'should set value progress', ->
- byte = new Module radius: {'25': 75}
- byte._setProgress .5
- expect(byte._props.radius).toBe 50
- it 'should call _calcCurrentProps', ->
- byte = new Module radius: {'25': 75}
- spyOn byte, '_calcCurrentProps'
- byte._setProgress .5, .35
- expect(byte._calcCurrentProps).toHaveBeenCalledWith .5, .35
- it 'should set color value progress and only int', ->
- byte = new Module stroke: {'#000': 'rgb(255,255,255)'}
- colorDelta = byte._deltas.stroke
- byte._setProgress .5
- expect(byte._props.stroke).toBe 'rgba(127,127,127,1)'
- it 'should set color value progress for delta starting with 0', ->
- byte = new Module stroke: {'#000': 'rgb(0,255,255)'}
- colorDelta = byte._deltas.stroke
- byte._setProgress .5
- expect(byte._props.stroke).toBe 'rgba(0,127,127,1)'
-
- describe '_tuneNewOptions method', ->
- it 'should rewrite options from passed object to _o and _props', ->
- md = new Module radius: 45, radiusX: 50
- md._tuneNewOptions radius: 20
- expect(md._o.radius) .toBe(20)
- expect(md._props.radius) .toBe(20)
- it 'should extend defaults object to properties if 0', ->
- md = new Module radius: 40
- md._tuneNewOptions radius: 0
- expect(md._props.radius).toBe(0)
- it 'should call _hide method', ->
- md = new Module radius: 45
- spyOn(md, '_hide').and.callThrough()
- md._tuneNewOptions radius: 20
- expect(md._hide).toHaveBeenCalled()
- # probably nope
- # it 'should ignore properties defined in skipProps object', ->
- # md = new Module radius: 45
- # md._skipProps = radius: 1
- # md._tuneNewOptions radius: 20
- # expect(md._props.radius).toBe(45)
- it 'should extend defaults object to properties if array was passed', ->
- md = new Module radius: 50
- md._tuneNewOptions 'radius': [50, 100]
- expect(md._props.radius.join ', ').toBe '50, 100'
- it 'should extend defaults object to properties if rand was passed', ->
- md = new Module radius: 20
- md._tuneNewOptions 'radius': 'rand(0, 10)'
- expect(md._props.radius).toBeDefined()
- expect(md._props.radius).toBeGreaterThan -1
- expect(md._props.radius).not.toBeGreaterThan 10
- it 'should extend defaults object to properties if stagger was passed', ->
- md = new Module radius: 20
- md._index = 2
- md._tuneNewOptions radius: 'stagger(200)'
- expect(md._props.radius).toBe 400
-
- describe '_getDelta method ->', ->
- it 'should warn if delta is top or left', ->
- md = new Module
- spyOn h, 'warn'
- md._getDelta 'left', { '50%': 0 }
- expect(h.warn).toHaveBeenCalled()
-
- it 'should call h.parseDelta', ->
- md = new Module
- md._index = 3
- spyOn(h, 'parseDelta').and.callThrough()
- key = 'left'; delta = { '50%': 0 }
- md._getDelta key, delta
- expect(h.parseDelta).toHaveBeenCalledWith key, delta, md._index
-
- it 'should set end value to props', ->
- md = new Module
- key = 'left'; delta = { '50%': 0 }
- md._getDelta key, delta
- expect(md._props.left).toBe 0
-
- describe '_parsePreArrayProperty method ->', ->
- it 'should call _parseOptionString method', ->
- md = new Module
- key = 'left'; value = '50%'
- spyOn(md, '_parseOptionString').and.callThrough()
- md._parsePreArrayProperty( key, value )
- expect(md._parseOptionString).toHaveBeenCalledWith value
-
- it 'should pass results of the prev call to _parsePositionOption method', ->
- md = new Module
- key = 'left'; value = 'stagger(200, 100)'
- spyOn(md, '_parsePositionOption').and.callThrough()
- result = md._parsePreArrayProperty( key, value )
- expect(md._parsePositionOption)
- .toHaveBeenCalledWith key, md._parseOptionString(value)
-
- value = md._parseOptionString(value)
- value = md._parsePositionOption(key, value)
- expect(result).toBe value
-
- describe '_parseProperty method ->', ->
- it 'should call h.parseEl method is name is `parent`', ->
- md = new Module
- key = 'parent'; value = 'body'
- spyOn(h, 'parseEl').and.callThrough()
- result = md._parseProperty( key, value )
- expect(h.parseEl).toHaveBeenCalledWith value
- expect(result).toBe document.body
-
- it 'should call _parsePreArrayProperty method', ->
- md = new Module
- key = 'left'; value = '50%'
- spyOn(md, '_parsePreArrayProperty').and.callThrough()
- md._parseProperty( key, value )
- expect(md._parsePreArrayProperty).toHaveBeenCalledWith key, value
-
- it 'should pass results of prev call to _parseStrokeDashOption method', ->
- md = new Module
- key = 'left'; value = 'stagger(200, 100)'
- spyOn(md, '_parseStrokeDashOption').and.callThrough()
- md._parseProperty( key, value )
-
- value = md._parsePreArrayProperty(key, value)
- expect(md._parseStrokeDashOption)
- .toHaveBeenCalledWith key, value
-
- it 'should return result', ->
- md = new Module
- key = 'left'; value = 'stagger(200, 100)'
- spyOn(md, '_parseStrokeDashOption').and.callThrough()
- result = md._parseProperty( key, value )
-
- value = md._parsePreArrayProperty(key, value)
- value = md._parseStrokeDashOption(key, value)
- expect(result).toBe value
-
- describe '_parseDeltaValues method ->', ->
- it 'should parse delta values', ->
- md = new Module
-
- delta = { 'stagger(100, 0)': 200 }
- deltaResult = md._parseDeltaValues( 'left', delta )
- expect(deltaResult).toEqual { '100px': '200px' }
-
- it 'should not arr values parse delta values', ->
- md = new Module
-
- delta = { 'stagger(100, 0)': 200 }
- deltaResult = md._parseDeltaValues( 'strokeDasharray', delta )
- expect(deltaResult).toEqual { '100': 200 }
-
- it 'should create new delta object', ->
- md = new Module
-
- delta = { 2: 1 }
- deltaResult = md._parseDeltaValues( 'opacity', delta )
- expect(deltaResult).toEqual { 2: 1 }
- expect(deltaResult).not.toBe delta
-
- describe '_preparsePropValue ->', ->
- it 'should parse non ∆ values', ->
- md = new Module
- spyOn(md, '_parsePreArrayProperty').and.callThrough()
- spyOn(md, '_parseDeltaValues').and.callThrough()
- result = md._preparsePropValue('left', 20)
- expect(md._parsePreArrayProperty).toHaveBeenCalledWith 'left', 20
- expect(md._parseDeltaValues).not.toHaveBeenCalled()
- expect(result).toBe '20px'
-
- it 'should parse ∆ values', ->
- md = new Module
- spyOn(md, '_parseDeltaValues').and.callThrough()
- key = 'left'; delta = { 20: 100 }
- result = md._preparsePropValue(key, delta)
- expect(md._parseDeltaValues).toHaveBeenCalledWith key, delta
- expect(result['20px']).toBe '100px'
-
- describe '_calcCurrentProps method', ->
- it 'should calc color with alpha', ->
- md = new Module
-
- md._deltas = {
- fill: h.parseDelta( 'fill', { 'rgba(0,0,0,0)' : 'rgba(0,0,0,1)' }, 0 )
- }
-
- md._calcCurrentProps .5, .5
-
- expect( md._props.fill ).toBe 'rgba(0,0,0,0.5)'
-
- it 'clean the _defaults up', ->
- Module::_declareDefaults = oldFun
-
-
diff --git a/spec/module.js b/spec/module.js
deleted file mode 100644
index 1a14cec84..000000000
--- a/spec/module.js
+++ /dev/null
@@ -1,780 +0,0 @@
-(function() {
- var Module, h, oldFun;
-
- Module = mojs.Module;
-
- h = mojs.h;
-
- oldFun = Module.prototype._declareDefaults;
-
- describe('module class ->', function() {
- it('set the _defaults up', function() {
- var defaults;
- defaults = {
- stroke: 'transparent',
- strokeOpacity: 1,
- strokeLinecap: '',
- strokeWidth: 2,
- strokeDasharray: 0,
- strokeDashoffset: 0,
- fill: 'deeppink',
- fillOpacity: 1,
- left: 0,
- top: 0,
- x: 0,
- y: 0,
- rx: 0,
- ry: 0,
- angle: 0,
- scale: 1,
- opacity: 1,
- points: 3,
- radius: {
- 0: 50
- },
- radiusX: null,
- radiusY: null,
- isShowStart: false,
- isSoftHide: true,
- isShowEnd: false,
- size: null,
- sizeGap: 0,
- callbacksContext: null
- };
- return Module.prototype._declareDefaults = function() {
- return this._defaults = defaults;
- };
- });
- describe('init ->', function() {
- it('should save options to _o', function() {
- var md, options;
- options = {};
- md = new Module(options);
- return expect(md._o).toBe(options);
- });
- it('should create _arrayPropertyMap', function() {
- var md;
- md = new Module;
- expect(md._arrayPropertyMap['strokeDasharray']).toBe(1);
- expect(md._arrayPropertyMap['strokeDashoffset']).toBe(1);
- return expect(md._arrayPropertyMap['origin']).toBe(1);
- });
- it('should create _arrayPropertyMap', function() {
- var md;
- md = new Module;
- expect(md._skipPropsDelta.callbacksContext).toBe(1);
- expect(md._skipPropsDelta.timeline).toBe(1);
- return expect(md._skipPropsDelta.prevChainModule).toBe(1);
- });
- it('should fallback to empty object for _o', function() {
- var md;
- md = new Module;
- expect(Object.keys(md._o).length).toBe(0);
- expect(typeof md._o).toBe('object');
- return expect(md._o).toBe(md._o);
- });
- it('should call _declareDefaults method', function() {
- var md;
- spyOn(Module.prototype, '_declareDefaults').and.callThrough();
- md = new Module;
- return expect(Module.prototype._declareDefaults).toHaveBeenCalled();
- });
- it('should call _extendDefaults method', function() {
- var md;
- spyOn(Module.prototype, '_extendDefaults').and.callThrough();
- md = new Module;
- return expect(Module.prototype._extendDefaults).toHaveBeenCalled();
- });
- it('should call _vars method', function() {
- var md;
- spyOn(Module.prototype, '_vars').and.callThrough();
- md = new Module;
- return expect(Module.prototype._vars).toHaveBeenCalled();
- });
- it('should call _render method', function() {
- var md;
- spyOn(Module.prototype, '_render').and.callThrough();
- md = new Module;
- return expect(Module.prototype._render).toHaveBeenCalled();
- });
- it('should create _index property', function() {
- var index, md;
- index = 5;
- md = new Module({
- index: index
- });
- return expect(md._index).toBe(index);
- });
- return it('should fallback to 0 for _index property', function() {
- var md;
- md = new Module;
- return expect(md._index).toBe(0);
- });
- });
- describe('_declareDefaults method ->', function() {
- return it('should create _defaults object', function() {
- var md;
- spyOn(Module.prototype, '_declareDefaults').and.callThrough();
- md = new Module;
- expect(Module.prototype._declareDefaults).toHaveBeenCalled();
- expect(typeof md._defaults).toBe('object');
- return expect(md._defaults).toBe(md._defaults);
- });
- });
- describe('_vars method ->', function() {
- it('should set _progress property to 0', function() {
- var md;
- md = new Module;
- return expect(md._progress).toBe(0);
- });
- return it('should create _strokeDasharrayBuffer array', function() {
- var md;
- md = new Module;
- expect(md._strokeDasharrayBuffer.length).toBe(0);
- return expect(h.isArray(md._strokeDasharrayBuffer)).toBe(true);
- });
- });
- describe('_assignProp method ->', function() {
- return it('should set property on _props object', function() {
- var md, value;
- value = 2;
- md = new Module;
- md._assignProp('a', value);
- return expect(md._props.a).toBe(value);
- });
- });
- describe('_setProp method ->', function() {
- it('should set new tween options', function() {
- var t;
- t = new Module({
- duration: 100,
- delay: 0
- });
- t._setProp({
- duration: 1000,
- delay: 200
- });
- expect(t._props.duration).toBe(1000);
- return expect(t._props.delay).toBe(200);
- });
- return it('should work with arguments', function() {
- var t;
- t = new Module({
- duration: 100
- });
- t._setProp('duration', 1000);
- return expect(t._props.duration).toBe(1000);
- });
- });
- describe('_hide method ->', function() {
- it('should set `display` of `el` to `none`', function() {
- var byte;
- byte = new Module({
- isSoftHide: false
- });
- byte.el = document.createElement('div');
- byte.el.style['display'] = 'block';
- byte._hide();
- return expect(byte.el.style['display']).toBe('none');
- });
- it('should set `_isShown` to false', function() {
- var byte;
- byte = new Module({
- isSoftHide: false
- });
- byte.el = document.createElement('div');
- byte._isShown = true;
- byte._hide();
- return expect(byte._isShown).toBe(false);
- });
- return describe('isSoftHide option ->', function() {
- return it('should set scale to 0', function() {
- var byte, style, tr;
- byte = new Module({
- radius: 25,
- isSoftHide: true
- });
- byte.el = document.createElement('div');
- byte._hide();
- style = byte.el.style;
- tr = style['transform'] || style["" + h.prefix.css + "transform"];
- return expect(tr).toBe('scale(0)');
- });
- });
- });
- describe('_show method ->', function() {
- it('should set `display` of `el` to `block`', function() {
- var byte;
- byte = new Module({
- radius: 25,
- isSoftHide: false
- });
- byte.el = document.createElement('div');
- byte.el.style['display'] = 'none';
- byte._show();
- return expect(byte.el.style['display']).toBe('block');
- });
- it('should set `_isShown` to true', function() {
- var byte;
- byte = new Module({
- radius: 25,
- isSoftHide: false
- });
- byte._isShown = true;
- byte._show();
- return expect(byte._isShown).toBe(true);
- });
- return describe('isSoftHide option ->', function() {
- return it('should set `transform` to normal', function() {
- var byte;
- byte = new Module({
- radius: 25,
- isSoftHide: true,
- opacity: .2
- });
- byte.el = document.createElement('div');
- byte.el.style['opacity'] = '0';
- byte.el.style['transform'] = 'none';
- spyOn(byte, '_showByTransform');
- byte._show();
- return expect(byte._showByTransform).toHaveBeenCalled();
- });
- });
- });
- describe('_parseOptionString method ->', function() {
- var tr;
- tr = new Module;
- it('should parse stagger values', function() {
- var result, string;
- string = 'stagger(200)';
- spyOn(h, 'parseStagger').and.callThrough();
- result = tr._parseOptionString(string);
- expect(h.parseStagger).toHaveBeenCalledWith(string, 0);
- return expect(result).toBe(h.parseStagger(string, 0));
- });
- return it('should parse rand values', function() {
- var result, string;
- string = 'rand(0,1)';
- spyOn(h, 'parseRand').and.callThrough();
- result = tr._parseOptionString(string);
- return expect(h.parseRand).toHaveBeenCalledWith(string);
- });
- });
- describe('_parsePositionOption method ->', function() {
- var tr;
- tr = new Module;
- it('should parse position option', function() {
- var key, result, value;
- key = 'x';
- value = '100%';
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parsePositionOption(key, value);
- expect(h.parseUnit).toHaveBeenCalledWith(value);
- return expect(result).toBe(h.parseUnit(value).string);
- });
- return it('should leave the value unattended if not pos property', function() {
- var key, result;
- tr._props.x = '100%';
- key = 'fill';
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parsePositionOption(key);
- expect(h.parseUnit).not.toHaveBeenCalledWith();
- return expect(result).toBe(tr._props[key]);
- });
- });
- describe('_parseStrokeDashOption method ->', function() {
- var tr;
- tr = new Module;
- it('should parse strokeDash option', function() {
- var key, result, value;
- key = 'strokeDasharray';
- value = 200;
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parseStrokeDashOption(key, value);
- expect(h.parseUnit).toHaveBeenCalledWith(value);
- expect(result[0].unit).toBe(h.parseUnit(value).unit);
- expect(result[0].isStrict).toBe(h.parseUnit(value).isStrict);
- expect(result[0].value).toBe(h.parseUnit(value).value);
- expect(result[0].string).toBe(h.parseUnit(value).string);
- return expect(result[1]).not.toBeDefined();
- });
- it('should parse strokeDash option string', function() {
- var key, result, value;
- key = 'strokeDasharray';
- value = '200 100';
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parseStrokeDashOption(key, value);
- expect(h.parseUnit).toHaveBeenCalledWith('200');
- expect(h.parseUnit).toHaveBeenCalledWith('100');
- expect(result[0].unit).toBe(h.parseUnit(200).unit);
- expect(result[0].isStrict).toBe(h.parseUnit(200).isStrict);
- expect(result[0].value).toBe(h.parseUnit(200).value);
- expect(result[0].string).toBe(h.parseUnit(200).string);
- expect(result[1].unit).toBe(h.parseUnit(100).unit);
- expect(result[1].isStrict).toBe(h.parseUnit(100).isStrict);
- expect(result[1].value).toBe(h.parseUnit(100).value);
- expect(result[1].string).toBe(h.parseUnit(100).string);
- return expect(result[2]).not.toBeDefined();
- });
- it('should parse strokeDashoffset option', function() {
- var key, result, value;
- key = 'strokeDashoffset';
- value = '100%';
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parseStrokeDashOption(key, value);
- expect(h.parseUnit).toHaveBeenCalledWith(value);
- expect(result[0].unit).toBe(h.parseUnit(value).unit);
- expect(result[0].isStrict).toBe(h.parseUnit(value).isStrict);
- expect(result[0].value).toBe(h.parseUnit(value).value);
- expect(result[0].string).toBe(h.parseUnit(value).string);
- return expect(result[1]).not.toBeDefined();
- });
- return it('should leave the value unattended if not strokeDash.. property', function() {
- var key, result;
- tr._props.x = '100%';
- key = 'fill';
- spyOn(h, 'parseUnit').and.callThrough();
- result = tr._parseStrokeDashOption(key);
- expect(h.parseUnit).not.toHaveBeenCalledWith();
- return expect(result).toBe(tr._props[key]);
- });
- });
- describe('_isDelta method ->', function() {
- return it('should detect if value is not a delta value', function() {
- var byte;
- byte = new Module({
- radius: 45,
- stroke: {
- 'deeppink': 'pink'
- }
- });
- expect(byte._isDelta(45)).toBe(false);
- expect(byte._isDelta('45')).toBe(false);
- expect(byte._isDelta(['45'])).toBe(false);
- expect(byte._isDelta({
- unit: 'px',
- value: 20
- })).toBe(false);
- return expect(byte._isDelta({
- 20: 30
- })).toBe(true);
- });
- });
- describe('_parseOption method ->', function() {
- it('should parse delta value', function() {
- var delta, md, name;
- md = new Module;
- spyOn(md, '_getDelta');
- name = 'x';
- delta = {
- 20: 30
- };
- md._parseOption(name, delta);
- expect(md._getDelta).toHaveBeenCalledWith(name, delta);
- return expect(md._props[name]).toBe(md._parseProperty(name, h.getDeltaEnd(delta)));
- });
- it('should parse option string', function() {
- var md, name, value;
- md = new Module;
- spyOn(md, '_getDelta');
- spyOn(md, '_parseOptionString').and.callThrough();
- name = 'delay';
- value = 'stagger(400, 200)';
- md._parseOption(name, value);
- expect(md._getDelta).not.toHaveBeenCalledWith(name, value);
- expect(md._parseOptionString).toHaveBeenCalledWith(value);
- return expect(md._props[name]).toBe(400);
- });
- it('should parse position option', function() {
- var md, name, value;
- md = new Module;
- spyOn(md, '_parsePositionOption').and.callThrough();
- name = 'x';
- value = '20%';
- md._parseOption(name, value);
- expect(md._parsePositionOption).toHaveBeenCalledWith(name, value);
- return expect(md._props[name]).toBe(value);
- });
- return it('should parse strokeDasharray option', function() {
- var md, name, parsed, value;
- md = new Module;
- spyOn(md, '_parseStrokeDashOption').and.callThrough();
- name = 'strokeDasharray';
- value = '200 100% 200';
- parsed = md._parseStrokeDashOption(name, value);
- md._parseOption(name, value);
- expect(md._parseStrokeDashOption).toHaveBeenCalledWith(name, value);
- return expect(md._props[name]).toEqual(parsed);
- });
- });
- describe('_extendDefaults method ->', function() {
- it('should create _props object', function() {
- var md;
- spyOn(Module.prototype, '_extendDefaults').and.callThrough();
- md = new Module;
- expect(Module.prototype._extendDefaults).toHaveBeenCalled();
- expect(typeof md._props).toBe('object');
- return expect(md._props).toBe(md._props);
- });
- it('should extend defaults object to properties', function() {
- var md;
- md = new Module({
- radius: 45,
- radiusX: 50
- });
- expect(md._props.radius).toBe(45);
- return expect(md._props.radiusX).toBe(50);
- });
- it('should extend defaults object to properties if 0', function() {
- var md;
- md = new Module({
- radius: 0
- });
- return expect(md._props.radius).toBe(0);
- });
- it('should extend defaults object to properties if object was passed', function() {
- var md;
- md = new Module({
- radius: {
- 45: 55
- }
- });
- return expect(md._props.radius).toBe(55);
- });
- it('should extend defaults object to properties if array was passed', function() {
- var array, md;
- array = [50, 100];
- md = new Module({
- radius: array
- });
- spyOn(md, '_assignProp').and.callThrough();
- md._extendDefaults();
- expect(md._props.radius.join(', ')).toBe('50, 100');
- return expect(md._assignProp).toHaveBeenCalledWith('radius', array);
- });
- it('should extend defaults object to properties if rand was passed', function() {
- var md;
- md = new Module({
- radius: 'rand(0, 10)'
- });
- spyOn(md, '_assignProp').and.callThrough();
- md._extendDefaults();
- expect(md._props.radius).toBeDefined();
- expect(md._props.radius).toBeGreaterThan(-1);
- expect(md._props.radius).not.toBeGreaterThan(10);
- return expect(md._assignProp).toHaveBeenCalled();
- });
- return describe('stagger values', function() {
- return it('should extend defaults object to properties if stagger was passed', function() {
- var md;
- md = new Module({
- radius: 'stagger(200)'
- });
- spyOn(md, '_assignProp').and.callThrough();
- md._index = 2;
- md._extendDefaults();
- expect(md._props.radius).toBe(400);
- return expect(md._assignProp).toHaveBeenCalledWith('radius', 400);
- });
- });
- });
- describe('_setProgress method ->', function() {
- it('should set transition progress', function() {
- var byte;
- byte = new Module({
- radius: {
- '25.50': -75.50
- }
- });
- byte._setProgress(.5);
- return expect(byte._progress).toBe(.5);
- });
- it('should set value progress', function() {
- var byte;
- byte = new Module({
- radius: {
- '25': 75
- }
- });
- byte._setProgress(.5);
- return expect(byte._props.radius).toBe(50);
- });
- it('should call _calcCurrentProps', function() {
- var byte;
- byte = new Module({
- radius: {
- '25': 75
- }
- });
- spyOn(byte, '_calcCurrentProps');
- byte._setProgress(.5, .35);
- return expect(byte._calcCurrentProps).toHaveBeenCalledWith(.5, .35);
- });
- it('should set color value progress and only int', function() {
- var byte, colorDelta;
- byte = new Module({
- stroke: {
- '#000': 'rgb(255,255,255)'
- }
- });
- colorDelta = byte._deltas.stroke;
- byte._setProgress(.5);
- return expect(byte._props.stroke).toBe('rgba(127,127,127,1)');
- });
- return it('should set color value progress for delta starting with 0', function() {
- var byte, colorDelta;
- byte = new Module({
- stroke: {
- '#000': 'rgb(0,255,255)'
- }
- });
- colorDelta = byte._deltas.stroke;
- byte._setProgress(.5);
- return expect(byte._props.stroke).toBe('rgba(0,127,127,1)');
- });
- });
- describe('_tuneNewOptions method', function() {
- it('should rewrite options from passed object to _o and _props', function() {
- var md;
- md = new Module({
- radius: 45,
- radiusX: 50
- });
- md._tuneNewOptions({
- radius: 20
- });
- expect(md._o.radius).toBe(20);
- return expect(md._props.radius).toBe(20);
- });
- it('should extend defaults object to properties if 0', function() {
- var md;
- md = new Module({
- radius: 40
- });
- md._tuneNewOptions({
- radius: 0
- });
- return expect(md._props.radius).toBe(0);
- });
- it('should call _hide method', function() {
- var md;
- md = new Module({
- radius: 45
- });
- spyOn(md, '_hide').and.callThrough();
- md._tuneNewOptions({
- radius: 20
- });
- return expect(md._hide).toHaveBeenCalled();
- });
- it('should extend defaults object to properties if array was passed', function() {
- var md;
- md = new Module({
- radius: 50
- });
- md._tuneNewOptions({
- 'radius': [50, 100]
- });
- return expect(md._props.radius.join(', ')).toBe('50, 100');
- });
- it('should extend defaults object to properties if rand was passed', function() {
- var md;
- md = new Module({
- radius: 20
- });
- md._tuneNewOptions({
- 'radius': 'rand(0, 10)'
- });
- expect(md._props.radius).toBeDefined();
- expect(md._props.radius).toBeGreaterThan(-1);
- return expect(md._props.radius).not.toBeGreaterThan(10);
- });
- return it('should extend defaults object to properties if stagger was passed', function() {
- var md;
- md = new Module({
- radius: 20
- });
- md._index = 2;
- md._tuneNewOptions({
- radius: 'stagger(200)'
- });
- return expect(md._props.radius).toBe(400);
- });
- });
- describe('_getDelta method ->', function() {
- it('should warn if delta is top or left', function() {
- var md;
- md = new Module;
- spyOn(h, 'warn');
- md._getDelta('left', {
- '50%': 0
- });
- return expect(h.warn).toHaveBeenCalled();
- });
- it('should call h.parseDelta', function() {
- var delta, key, md;
- md = new Module;
- md._index = 3;
- spyOn(h, 'parseDelta').and.callThrough();
- key = 'left';
- delta = {
- '50%': 0
- };
- md._getDelta(key, delta);
- return expect(h.parseDelta).toHaveBeenCalledWith(key, delta, md._index);
- });
- return it('should set end value to props', function() {
- var delta, key, md;
- md = new Module;
- key = 'left';
- delta = {
- '50%': 0
- };
- md._getDelta(key, delta);
- return expect(md._props.left).toBe(0);
- });
- });
- describe('_parsePreArrayProperty method ->', function() {
- it('should call _parseOptionString method', function() {
- var key, md, value;
- md = new Module;
- key = 'left';
- value = '50%';
- spyOn(md, '_parseOptionString').and.callThrough();
- md._parsePreArrayProperty(key, value);
- return expect(md._parseOptionString).toHaveBeenCalledWith(value);
- });
- return it('should pass results of the prev call to _parsePositionOption method', function() {
- var key, md, result, value;
- md = new Module;
- key = 'left';
- value = 'stagger(200, 100)';
- spyOn(md, '_parsePositionOption').and.callThrough();
- result = md._parsePreArrayProperty(key, value);
- expect(md._parsePositionOption).toHaveBeenCalledWith(key, md._parseOptionString(value));
- value = md._parseOptionString(value);
- value = md._parsePositionOption(key, value);
- return expect(result).toBe(value);
- });
- });
- describe('_parseProperty method ->', function() {
- it('should call h.parseEl method is name is `parent`', function() {
- var key, md, result, value;
- md = new Module;
- key = 'parent';
- value = 'body';
- spyOn(h, 'parseEl').and.callThrough();
- result = md._parseProperty(key, value);
- expect(h.parseEl).toHaveBeenCalledWith(value);
- return expect(result).toBe(document.body);
- });
- it('should call _parsePreArrayProperty method', function() {
- var key, md, value;
- md = new Module;
- key = 'left';
- value = '50%';
- spyOn(md, '_parsePreArrayProperty').and.callThrough();
- md._parseProperty(key, value);
- return expect(md._parsePreArrayProperty).toHaveBeenCalledWith(key, value);
- });
- it('should pass results of prev call to _parseStrokeDashOption method', function() {
- var key, md, value;
- md = new Module;
- key = 'left';
- value = 'stagger(200, 100)';
- spyOn(md, '_parseStrokeDashOption').and.callThrough();
- md._parseProperty(key, value);
- value = md._parsePreArrayProperty(key, value);
- return expect(md._parseStrokeDashOption).toHaveBeenCalledWith(key, value);
- });
- return it('should return result', function() {
- var key, md, result, value;
- md = new Module;
- key = 'left';
- value = 'stagger(200, 100)';
- spyOn(md, '_parseStrokeDashOption').and.callThrough();
- result = md._parseProperty(key, value);
- value = md._parsePreArrayProperty(key, value);
- value = md._parseStrokeDashOption(key, value);
- return expect(result).toBe(value);
- });
- });
- describe('_parseDeltaValues method ->', function() {
- it('should parse delta values', function() {
- var delta, deltaResult, md;
- md = new Module;
- delta = {
- 'stagger(100, 0)': 200
- };
- deltaResult = md._parseDeltaValues('left', delta);
- return expect(deltaResult).toEqual({
- '100px': '200px'
- });
- });
- it('should not arr values parse delta values', function() {
- var delta, deltaResult, md;
- md = new Module;
- delta = {
- 'stagger(100, 0)': 200
- };
- deltaResult = md._parseDeltaValues('strokeDasharray', delta);
- return expect(deltaResult).toEqual({
- '100': 200
- });
- });
- return it('should create new delta object', function() {
- var delta, deltaResult, md;
- md = new Module;
- delta = {
- 2: 1
- };
- deltaResult = md._parseDeltaValues('opacity', delta);
- expect(deltaResult).toEqual({
- 2: 1
- });
- return expect(deltaResult).not.toBe(delta);
- });
- });
- describe('_preparsePropValue ->', function() {
- it('should parse non ∆ values', function() {
- var md, result;
- md = new Module;
- spyOn(md, '_parsePreArrayProperty').and.callThrough();
- spyOn(md, '_parseDeltaValues').and.callThrough();
- result = md._preparsePropValue('left', 20);
- expect(md._parsePreArrayProperty).toHaveBeenCalledWith('left', 20);
- expect(md._parseDeltaValues).not.toHaveBeenCalled();
- return expect(result).toBe('20px');
- });
- return it('should parse ∆ values', function() {
- var delta, key, md, result;
- md = new Module;
- spyOn(md, '_parseDeltaValues').and.callThrough();
- key = 'left';
- delta = {
- 20: 100
- };
- result = md._preparsePropValue(key, delta);
- expect(md._parseDeltaValues).toHaveBeenCalledWith(key, delta);
- return expect(result['20px']).toBe('100px');
- });
- });
- describe('_calcCurrentProps method', function() {
- return it('should calc color with alpha', function() {
- var md;
- md = new Module;
- md._deltas = {
- fill: h.parseDelta('fill', {
- 'rgba(0,0,0,0)': 'rgba(0,0,0,1)'
- }, 0)
- };
- md._calcCurrentProps(.5, .5);
- return expect(md._props.fill).toBe('rgba(0,0,0,0.5)');
- });
- });
- return it('clean the _defaults up', function() {
- return Module.prototype._declareDefaults = oldFun;
- });
- });
-
-}).call(this);
diff --git a/spec/mojs.coffee b/spec/mojs.coffee
deleted file mode 100644
index bec187742..000000000
--- a/spec/mojs.coffee
+++ /dev/null
@@ -1,59 +0,0 @@
-describe 'mojs ->', ->
- it 'should have revision', ->
- expect(typeof mojs.revision).toBe 'string'
- it 'should have isDebug = true', ->
- expect(mojs.isDebug).toBe true
- it 'should have helpers defined', ->
- expect(mojs.helpers).toBeDefined()
- it 'should expose helpers to h variable', ->
- expect(mojs.h).toBe mojs.helpers
- it 'should expose h.delta mojs', ->
- expect(mojs.delta).toBe mojs.helpers.delta
- it 'should expose shapesMap.addShape mojs', ->
- expect(mojs.addShape).toBe mojs.shapesMap.addShape
- it 'should expose shapesMap.customShape mojs', ->
- expect(mojs.CustomShape).toBe mojs.shapesMap.custom
- it 'should have Burst', ->
- expect(mojs.Burst).toBeDefined()
- it 'should have Shape', ->
- expect(mojs.Shape).toBeDefined()
- it 'should have Transit alias', ->
- expect(mojs.Transit).toBe mojs.Shape
- it 'should have Html', ->
- expect(mojs.Html).toBeDefined()
- it 'should have ShapeSwirl', ->
- expect(mojs.ShapeSwirl).toBeDefined()
- it 'should have Swirl alias', ->
- expect(mojs.Swirl).toBe mojs.ShapeSwirl
- it 'should have stagger', ->
- expect(mojs.stagger).toBeDefined()
- it 'should have Spriter', ->
- expect(mojs.Spriter).toBeDefined()
- it 'should have MotionPath', ->
- expect(mojs.MotionPath).toBeDefined()
- it 'should have Timeline', ->
- expect(mojs.Timeline).toBeDefined()
- it 'should have Tween', ->
- expect(mojs.Tween).toBeDefined()
- it 'should have Tweenable', ->
- expect(mojs.Tweenable).toBeDefined()
- it 'should have Thenable', ->
- expect(mojs.Thenable).toBeDefined()
- it 'should have Tunable', ->
- expect(mojs.Tunable).toBeDefined()
- it 'should have Module', ->
- expect(mojs.Module).toBeDefined()
- it 'should have tweener', ->
- expect(mojs.tweener).toBeDefined()
- it 'should have easing', ->
- expect(mojs.easing).toBeDefined()
- it 'should have shapesMap', ->
- expect(mojs.shapesMap).toBeDefined()
-
- it 'should have _pool', ->
- expect(typeof mojs._pool).toBe 'object'
- expect(mojs._pool).toBe mojs._pool
- it 'should have delta', ->
- expect(mojs._pool.Delta).toBeDefined()
- it 'should have deltas', ->
- expect(mojs._pool.Deltas).toBeDefined()
diff --git a/spec/mojs.js b/spec/mojs.js
deleted file mode 100644
index 1bd9f31b6..000000000
--- a/spec/mojs.js
+++ /dev/null
@@ -1,90 +0,0 @@
-(function() {
- describe('mojs ->', function() {
- it('should have revision', function() {
- return expect(typeof mojs.revision).toBe('string');
- });
- it('should have isDebug = true', function() {
- return expect(mojs.isDebug).toBe(true);
- });
- it('should have helpers defined', function() {
- return expect(mojs.helpers).toBeDefined();
- });
- it('should expose helpers to h variable', function() {
- return expect(mojs.h).toBe(mojs.helpers);
- });
- it('should expose h.delta mojs', function() {
- return expect(mojs.delta).toBe(mojs.helpers.delta);
- });
- it('should expose shapesMap.addShape mojs', function() {
- return expect(mojs.addShape).toBe(mojs.shapesMap.addShape);
- });
- it('should expose shapesMap.customShape mojs', function() {
- return expect(mojs.CustomShape).toBe(mojs.shapesMap.custom);
- });
- it('should have Burst', function() {
- return expect(mojs.Burst).toBeDefined();
- });
- it('should have Shape', function() {
- return expect(mojs.Shape).toBeDefined();
- });
- it('should have Transit alias', function() {
- return expect(mojs.Transit).toBe(mojs.Shape);
- });
- it('should have Html', function() {
- return expect(mojs.Html).toBeDefined();
- });
- it('should have ShapeSwirl', function() {
- return expect(mojs.ShapeSwirl).toBeDefined();
- });
- it('should have Swirl alias', function() {
- return expect(mojs.Swirl).toBe(mojs.ShapeSwirl);
- });
- it('should have stagger', function() {
- return expect(mojs.stagger).toBeDefined();
- });
- it('should have Spriter', function() {
- return expect(mojs.Spriter).toBeDefined();
- });
- it('should have MotionPath', function() {
- return expect(mojs.MotionPath).toBeDefined();
- });
- it('should have Timeline', function() {
- return expect(mojs.Timeline).toBeDefined();
- });
- it('should have Tween', function() {
- return expect(mojs.Tween).toBeDefined();
- });
- it('should have Tweenable', function() {
- return expect(mojs.Tweenable).toBeDefined();
- });
- it('should have Thenable', function() {
- return expect(mojs.Thenable).toBeDefined();
- });
- it('should have Tunable', function() {
- return expect(mojs.Tunable).toBeDefined();
- });
- it('should have Module', function() {
- return expect(mojs.Module).toBeDefined();
- });
- it('should have tweener', function() {
- return expect(mojs.tweener).toBeDefined();
- });
- it('should have easing', function() {
- return expect(mojs.easing).toBeDefined();
- });
- it('should have shapesMap', function() {
- return expect(mojs.shapesMap).toBeDefined();
- });
- it('should have _pool', function() {
- expect(typeof mojs._pool).toBe('object');
- return expect(mojs._pool).toBe(mojs._pool);
- });
- it('should have delta', function() {
- return expect(mojs._pool.Delta).toBeDefined();
- });
- return it('should have deltas', function() {
- return expect(mojs._pool.Deltas).toBeDefined();
- });
- });
-
-}).call(this);
diff --git a/spec/motion-path.coffee b/spec/motion-path.coffee
deleted file mode 100644
index c6cd417d9..000000000
--- a/spec/motion-path.coffee
+++ /dev/null
@@ -1,1638 +0,0 @@
-MotionPath = window.mojs.MotionPath
-Shape = window.mojs.Shape
-h = window.mojs.helpers
-
-mp = new MotionPath path: 'M0,0 L100,100', el: document.createElement 'div'
-isMotionReset = mp.isMotionBlurReset
-
-parseQadraticCurve = (d)->
- shapes = d.split /M|Q/
- m = shapes[1].split /\s|\,/
- m = m.filter (e)-> !!e
- start = x: parseFloat(m[0]), y: parseFloat(m[1])
- q = shapes[2].split /\s|\,/
- q = q.filter (e)-> !!e
- end = x: parseFloat(q[2]), y: parseFloat(q[3])
- control = x: parseFloat(q[0]), y: parseFloat(q[1])
-
- returnObject =
- start: start
- end: end
- control: control
-
-coords = 'M0.55859375,593.527344L0.55859375,593.527344'
-describe 'MotionPath ->', ->
- ns = 'http://www.w3.org/2000/svg'
- # move to general env
- describe 'enviroment ->', ->
- it 'SVG should be supported', ->
- isSVG = !!document.createElementNS?(ns, "svg").createSVGRect
- expect(isSVG).toBeTruthy()
- it 'SVG path should have getTotalLength method', ->
- path = document.createElementNS(ns, "path")
- expect(path.getTotalLength).toBeDefined()
- it 'SVG path should have getPointAtLength method', ->
- path = document.createElementNS(ns, "path")
- expect(path.getPointAtLength).toBeDefined()
- it 'document.querySelector should be defined', ->
- expect(document.querySelector).toBeDefined()
- it 'style propety should be defined on DOM node', ->
- path = document.createElementNS(ns, "path")
- div = document.createElement 'div'
- expect(path.style).toBeDefined()
- expect(div.style).toBeDefined()
- it 'transforms should be supported', ->
- isTransforms = ->
- trS = "transform WebkitTransform MozTransform OTransform msTransform"
- prefixes = trS.split(" ")
- i = 0
- while i < prefixes.length
- div = document.createElement("div")
- isProp = div.style[prefixes[i]] isnt 'undefined'
- return prefixes[i] if isProp
- i++
- false
- expect(isTransforms()).toBeTruthy()
- it 'HTML el should have offsetWidth/offsetHeight propety', ->
- div = document.createElement('div')
- expect(div.offsetWidth).toBeDefined()
- expect(div.offsetHeight).toBeDefined()
- describe 'defaults ->', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- it 'have angle of 0', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- isRunLess: true
- isPresetPosition: false
- expect(mp.angle).toBe 0
- it 'should have isCompositeLayer default of true', ->
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: document.createElement 'div'
- expect(mp.defaults.isCompositeLayer).toBe true
- it 'have speed of 0', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- isRunLess: true
- isPresetPosition: false
- expect(mp.speedX).toBe 0
- expect(mp.speedY).toBe 0
- it 'have blur of 0', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- isRunLess: true
- isPresetPosition: false
- expect(mp.blurX).toBe 0
- expect(mp.blurY).toBe 0
- it 'have blurAmount of 20', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- isRunLess: true
- isPresetPosition: false
- expect(mp.blurAmount).toBe 20
- it 'have prevCoords object', ->
- el = document.createElement 'div'
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: el
- isRunLess: true
- isPresetPosition: false
- expect(mp.prevCoords).toBeDefined()
- it 'defaults should be defined', ->
- expect(mp.defaults.delay) .toBe 0
- expect(mp.defaults.duration) .toBe 1000
- expect(mp.defaults.easing) .toBe null
- expect(mp.defaults.repeat) .toBe 0
- expect(mp.defaults.yoyo) .toBe false
- expect(mp.defaults.offsetX) .toBe 0
- expect(mp.defaults.offsetY) .toBe 0
- expect(mp.defaults.angleOffset) .toBe null
- expect(mp.defaults.pathStart) .toBe 0
- expect(mp.defaults.pathEnd) .toBe 1
- expect(mp.defaults.transformOrigin) .toBe null
-
- expect(mp.defaults.motionBlur) .toBe 0
-
- expect(mp.defaults.isAngle) .toBe false
- expect(mp.defaults.isReverse) .toBe false
- expect(mp.defaults.isRunLess) .toBe false
- expect(mp.defaults.isPresetPosition).toBe true
-
- expect(mp.defaults.onStart) .toBe null
- expect(mp.defaults.onComplete) .toBe null
- expect(mp.defaults.onUpdate) .toBe null
-
- expect(mp.defaults.curvature.x) .toBe '75%'
- expect(mp.defaults.curvature.y) .toBe '50%'
-
- it 'should extend defaults to props', ->
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: document.createElement 'div'
- duration: 2000
-
- expect(mp.props.duration).toBe 2000
- expect(mp.props.delay) .toBe 0
-
- it 'should clamp pathStart and pathEnd further', ->
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: document.createElement 'div'
- duration: 2000
- pathStart: 2
- pathEnd: 2
-
- expect(mp.props.pathStart).toBe 1
- expect(mp.props.pathEnd) .toBe 1
-
- it 'should clamp pathStart and pathEnd further', ->
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: document.createElement 'div'
- duration: 2000
- pathStart: -2
- pathEnd: -2
-
- expect(mp.props.pathStart).toBe 0
- expect(mp.props.pathEnd) .toBe 0
-
- it 'pathEnd should not be smaller then pathStart', ->
- mp = new MotionPath
- path: 'M0.55859375,593.527344L0.55859375,593.527344'
- el: document.createElement 'div'
- duration: 2000
- pathStart: .5
- pathEnd: -2
-
- expect(mp.props.pathStart).toBe .5
- expect(mp.props.pathEnd) .toBe .5
-
- describe 'run method ->', ->
- div = document.createElement 'div'
- coords = 'M0.55859375,593.527344L0.55859375,593.527344'
- it 'should extend the old options', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- isRunLess: true
- pathEnd: .75
- pathStart: .25
- )
-
- mp.run pathStart: .5
- expect(mp.props.pathStart).toBe .5
- expect(mp.props.pathEnd) .toBe .75
-
- it 'shoud call tuneOptions if options passed', ->
- o = duration: 500
- div = document.createElement('div')
- mp = new MotionPath(
- path: coords
- el: div
- isRunLess: true
- ).then pathEnd: .5
- spyOn mp, 'tuneOptions'
- mp.run o
- expect(mp.tuneOptions).toHaveBeenCalledWith o
-
- it 'shoud not call tuneOptions if options wasn\'t passed', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- isRunLess: true
- ).then pathEnd: .5
- spyOn mp, 'tuneOptions'
- mp.run()
- expect(mp.tuneOptions).not.toHaveBeenCalled()
-
- it 'shoud override the first history item', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- isRunLess: true
- pathStart: .25
- pathEnd: .5
- ).then pathEnd: .5
- mp.run pathStart: .35
- expect(mp.history[0].pathStart).toBe .35
-
- it 'shoud warn if tweenValues changed on run', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- isRunLess: true
- pathStart: .25
- pathEnd: .5
- duration: 2000
- ).then pathEnd: .5
- spyOn h, 'warn'
- mp.run
- pathStart: .35
- duration: 200
- delay: 100
- repeat: 1
- yoyo: false
- easing: 'Linear.None'
- onStart: ->
- onUpdate: ->
- onComplete: ->
- expect(h.warn).toHaveBeenCalled()
- expect(mp.history[0].duration).toBe 2000
- expect(mp.props.duration) .toBe 2000
-
- describe 'callbacks ->', ->
- div = document.createElement 'div'
- coords = 'M0.55859375,593.527344L0.55859375,593.527344'
-
- describe 'onStart callback ->', ->
- it 'should run on start', (dfr)->
- isStarted = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onStart:-> isStarted = true
-
- setTimeout (->
- expect(isStarted).toBe(true); dfr()
- ), 500
- it 'should have the scope of MotionPath', (dfr)->
- isRightScope = null
- mp = new MotionPath
- path: coords
- el: div
- onStart:-> isRightScope = @ instanceof MotionPath
- setTimeout (-> expect(isRightScope).toBe(true); dfr()), 500
-
- describe 'onComplete callback ->', ->
- it 'onComplete callback should work', (dfr)->
- isCompleted = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onComplete:-> isCompleted = true
- setTimeout ->
- expect(isCompleted).toBe(true); dfr()
- , 500
-
- it 'should have the scope of MotionPath', (dfr)->
- isRightScope = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onComplete:-> isRightScope = @ instanceof MotionPath
- setTimeout ->
- expect(isRightScope).toBe(true); dfr()
- , 500
-
- describe 'onUpdate callback ->', ->
- it 'onUpdate callback should work', (dfr)->
- isOnUpdate = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onUpdate:-> isOnUpdate = true
- setTimeout ->
- expect(isOnUpdate).toBe(true); dfr()
- , 500
-
- it 'onUpdate callback should have "progress" argument', (dfr)->
- isOnUpdate = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onUpdate:(progress)-> isOnUpdate = true if progress?
- setTimeout ->
- expect(isOnUpdate).toBe(true); dfr()
- , 500
-
- it 'should have the scope of MotionPath', (dfr)->
- isRightScope = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- onUpdate:-> isRightScope = @ instanceof MotionPath
- setTimeout ->
- expect(isRightScope).toBe(true); dfr()
- , 500
- it 'should be called with progress, x, y and angle', ->
- progress = null; x = null; y = null; angle = null
- mp = new MotionPath
- path: 'M0,100 L100,0'
- el: document.createElement 'div'
- isRunLess: true,
- easing: 'linear.none',
- onUpdate:(p, o)->
- progress = p; x = o.x; y = o.y; angle = o.angle
-
- mp.timeline.setProgress .45
- mp.timeline.setProgress .5
- expect(progress.toFixed(1)).toBe '0.5'
- expect(x) .toBeCloseTo 50, 5
- expect(y) .toBeCloseTo 50, 5
- expect(angle) .toBeCloseTo 0, 5
-
- describe 'fill ->', ->
- div = null; container = null
- beforeEach ->
- container = document.createElement 'div'
- div = document.createElement 'div'
- size = 200
- container.style.width = "#{size}px"
- container.style.height = "#{size}px"
- container.style.position = 'absolute'
- container.style.top = '-100%'
- container.setAttribute 'id', 'js-container'
- document.body.appendChild container
-
- it 'container could be specified by selector or DOM node', ->
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- fill: { container: '#js-container' }
- expect(mp.container instanceof HTMLElement).toBe(true)
-
- it 'if fill is specified it should have container, fillRule, cSize', ->
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- fill: { container: container }
-
- expect(mp.container).toBeDefined()
- expect(mp.fillRule).toBeDefined()
- expect(mp.cSize).toBeDefined()
-
- it 'if fillRule is "all" it should keep container\'s size', (dfr)->
- isFilled = false
- motionPath = new MotionPath
- path: 'M0,0 L500,500'
- el: div
- duration: 200
- fill: { container: container }
- # all: true
- onComplete:->
- style = motionPath.el.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- div = document.createElement 'div'
- args = tr.split /(translate\()|\,|\)/
- width = parseInt(args[2], 10)
- height = parseInt(args[4], 10)
- isWidth = width is container.offsetWidth
- isHeight = height is container.offsetHeight
- isFilled = isWidth and isHeight
- expect(isFilled).toBe(true); dfr()
-
- it "if fillRule is \"width\" it should keep container\'s width
- and set \"height\" with aspect ratio", (dfr)->
- isFilled = false
- mp = new MotionPath
- path: 'M0,0 L500,250'
- el: div
- duration: 200
- fill: { container: container, fillRule: 'width' }
- all: true
- onComplete:->
- style = mp.el.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- args = tr.split /(translate\()|\,|\)/
- width = parseInt(args[2], 10)
- height = parseInt(args[4], 10)
- isWidth = width is container.offsetWidth
- isHeight = height is (width/2)
- isFilled = isWidth and isHeight
- expect(isFilled).toBe(true); dfr()
-
- it "if fillRule is \"height\" it should keep container\'s height
- and set \"width\" with aspect ratio", (dfr)->
-
- isFilled = false
- mp = new MotionPath
- path: 'M0,0 L250,500'
- el: div
- duration: 200
- fill: { container: container, fillRule: 'height' }
- onComplete:->
- style = mp.el.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- args = tr.split /(translate\()|\,|\)/
- width = parseInt(args[2], 10)
- height = parseInt(args[4], 10)
- isWidth = width is (height/2)
- isHeight = height is container.offsetHeight
- isFilled = isWidth and isHeight
- expect(isFilled).toBe(true); dfr()
-
- it 'if container size was changed should recalc scaler', (dfr)->
- isSizeChange = false
- el = document.createElement 'div'
- c = document.createElement 'div'
- size = 200
- c.style.width = "#{size}px"
- c.style.height = "#{size}px"
- c.style.position = 'absolute'
- c.style.top = '-100%'
- c.setAttribute 'id', 'js-container2'
- document.body.appendChild c
- x = -1
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: el
- duration: 200
- fill: { container: c }
- onUpdate:(proc)->
- if proc >= .1 and !isSizeChange
- mp.container.style.width = '100px'
- isSizeChange = true
-
- setTimeout ->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- x = tr.split /(translate\()|\,|\)/
- expect(parseInt(x[2], 10)).toBe(100); dfr()
- , 500
-
- describe 'functionality ->', ->
- div = document.createElement 'div'
- coords = 'M0.55859375,593.527344L0.55859375,593.527344'
- # describe 'offsets ->', ->
- it 'should work with positive offsetX', (dfr)->
- coords = 'M0,0 L0,10'
- x = 0; isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- offsetX: 10
- duration: 200
- isAngle: true
-
- setTimeout (->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- x = tr.split(/(translate\()|,|\)/)[2]
- isEqual = parseInt(x, 10) is 10
- expect(isEqual).toBe(true); dfr()
- ), 500
-
- it 'should work with negative offsetX', (dfr)->
- coords = 'M0,0 L0,10'
- x = 0; isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- offsetX: -10
- duration: 200
- onComplete: ->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- x = tr.split(/(translate\()|,|\)/)[2]
- x = parseInt(x, 10)
- isEqual = x is -10
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should work with positive offsetY', (dfr)->
- coords = 'M0,0 L10,0'
- y = 0; isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- offsetY: 10
- duration: 200
- onComplete: ->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- y = tr.split(/(translate\()|,|\)/)[4]
- y = parseInt(y, 10)
- isEqual = y is 10
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should work with negative offsetY', (dfr)->
- coords = 'M0,0 L10,0'
- y = 0; isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- offsetY: -10
- duration: 200
- onComplete: ->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- y = tr.split(/(translate\()|,|\)/)[4]
- isEqual = parseInt(y, 10) is -10
-
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should calculate current angle', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- angle = 0; isEqual = false; isEquial2 = false; detect = {}
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- isAngle: true
- onUpdate:->
- detect.firstAngle ?= mp.angle
- isEquial2 = detect.firstAngle is 0
- onComplete:-> isEqual = mp.angle is 90
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should calculate current angle if transformOrigin is a fun', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- angle = 0; isEqual = false; isEquial2 = false; detect = {}
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- transformOrigin: ->
- onUpdate:->
- detect.firstAngle ?= mp.angle
- isEquial2 = detect.firstAngle is 0
- onComplete:-> isEqual = mp.angle is 90
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should calculate current angle with isReverse', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- angle = 0; isEqual = false; isEquial2 = false; detect = {}
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- isAngle: true
- isReverse: true
- onUpdate:->
- detect.firstAngle ?= mp.angle
- isEquial2 = detect.firstAngle is 90
- onComplete: -> isEqual = mp.angle is 0
-
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'should have transform-origin', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isComplete = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- transformOrigin: '50% 50%'
- onComplete: -> isComplete = true
-
- setTimeout ->
- s = mp.el.style
- tr = s['transform-origin'] or s["#{h.prefix.css}transform-origin"]
- expect(tr.length >= 1).toBe(true); dfr()
- , 100
-
- it 'transform-origin could be a function', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isAngle = false; isProgress = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- transformOrigin:(angle, proc)->
- isFunction = true
- isAngle = angle?; isProgress = proc?
- '50% 50%'
- setTimeout (-> expect(isAngle and isProgress).toBe(true); dfr()), 100
-
- describe 'angleOffset ->', ->
- div = document.createElement 'div'
- it 'angleOffset should work with positive angles', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- angleOffset: 90
- isAngle: true
- onComplete:-> isEqual = mp.angle is 180
-
- setTimeout (-> expect(isEqual).toBe(true); dfr()), 500
-
- it 'angleOffset should work with negative angles', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isEqual = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- angleOffset: -90
- isAngle: true
- # onComplete:->
- setTimeout (->
- isEqual = mp.angle is 0
- expect(isEqual).toBe(true); dfr()
- ), 500
-
- it 'should be evaluated if a function', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isFunction = false
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- angleOffset:(angle)->
- isFunction = true
- angle
-
- setTimeout (-> expect(isFunction).toBe(true); dfr()), 500
-
- it 'should get current angle', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isOnAngle = null
- angleSum1 = 0; angleSum2 = 0
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- isAngle: true
- isRunLess: true
- isPresetPosition: false
- angleOffset:(angle)->
- angleSum1 += angle; angleSum2 += @angle
- angle
- onComplete:-> isOnAngle = angleSum1 is angleSum2
- mp.run()
- setTimeout (-> expect(isOnAngle).toBe(true); dfr()), 500
-
- it 'should set current angle', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isSet = false
- currAngle = 0; isAnglesArray = []
- angleShift = 5
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- angleOffset:(angle)-> currAngle = angle; angle+angleShift
- onUpdate:-> isAnglesArray.push currAngle+angleShift is mp.angle
- onComplete:->
- for isSetItem, i in isAnglesArray
- if !isSetItem then isSet = true
-
- setTimeout (-> expect(isSet).toBe(false); dfr()), 500
-
- it 'angleOffset should get current progress as second parameter', (dfr)->
- coords = 'M0,0 L10,0 L10,10'
- isProgress = false; proc = -1
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- angleOffset:(angle, progress)-> proc = progress; angle
- onComplete:-> isProgress = proc is 1
- setTimeout (-> expect(isProgress).toBe(true); dfr()), 500
-
- it 'should have scope of motion path', ->
- coords = 'M0,0 L10,0 L10,10'
- isRightScope = false
- angleSum1 = 0; angleSum2 = 0
- mp = new MotionPath
- path: coords
- el: div
- duration: 200
- isAngle: true
- angleOffset:-> isRightScope = @ instanceof MotionPath
-
- setTimeout ->
- expect(isRightScope).toBe(true)
- , 500
-
- describe 'setProgress method ->', (dfr)->
- it 'should have own function for setting up current progress', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- isRunLess: true
- mp.setProgress(.5)
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- pos = parseInt tr.split(/(translate\()|\,|\)/)[2], 10
- expect(pos).toBe(250)
- it 'should call the onUpdate callback', ->
- div = document.createElement 'div'
- progress = null
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- isRunLess: true
- onUpdate:(p)-> progress = p
- # spyOn mp, 'onUpdate'
- mp.setProgress(.5)
- expect(progress).toBe .5
- it 'should not call the onUpdate callback on start', ->
- isCalled = false
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: document.createElement 'div'
- isRunLess: true
- onUpdate:-> isCalled = true
- expect(isCalled).toBe false
- it 'should set transform if it was returned from the onUpdate', ->
- transform = 'translate(20px, 50px)'
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: document.createElement 'div'
- isRunLess: true
- onUpdate:-> transform
- mp.setProgress .5
- style = mp.el.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- expect(tr).toBe transform
- it 'should not set transform if something other then string
- was returned from onUpdate callback', ->
- transform = 'translate(20px, 50px)'
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: document.createElement 'div'
- isRunLess: true
- onUpdate:-> null
- mp.setProgress .5
- expect(mp.el.style.transform).not.toBe null
-
- describe 'preset position ->', ->
- it 'should preset initial position by default', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: 'M50,0 L500,0'
- el: div
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- pos = parseInt tr.split(/(translate\()|\,|\)/)[2], 10
- expect(pos).toBe(50)
-
- it 'should not set initial position if isPresetPosition is false', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: 'M50,0 L500,0'
- el: div
- isRunLess: true
- isPresetPosition: false
- expect(div.style.transform).toBeFalsy()
-
- describe 'progress bounds ->', ->
- it 'should calc the @slicedLen and @startLen properties', ->
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: document.createElement 'div'
- isRunLess: true
- pathStart: .5
- pathEnd: .75
- expect(mp.slicedLen).toBe 125
- expect(mp.startLen) .toBe 250
-
- it 'should start from pathStart position', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- isRunLess: true
- pathStart: .5
- pathEnd: .75
-
- mp.timeline.setProgress 0
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- pos = parseInt tr.split(/(translate\()|\,|\)/)[2], 10
- expect(pos).toBe(250)
-
- it 'should end at pathEnd position', (dfr)->
- div = document.createElement 'div'
- pos = -1
- mp = new MotionPath
- path: 'M0,0 L500,0'
- el: div
- duration: 200
- pathStart: .25
- pathEnd: .5
- onComplete:->
- tr = mp.el.style.transform or mp.el.style["#{h.prefix.css}transform"]
- pos = tr.split(/(translate\()|\,|\)/)[2]
- pos = parseInt pos, 10
-
- setTimeout (-> expect(pos).toBe(250); dfr()), 500
-
- describe 'path option ->', ->
- it 'should error if path has no d attribute', ->
- path = document.createElementNS ns, 'path'
- # path.setAttribute 'd', 'M0,0 L500,500 L1000, 0'
- div = document.createElement 'div'
- spyOn h, 'error'
- mp = new MotionPath
- path: path
- el: div
- expect(h.error).toHaveBeenCalled()
-
- describe 'isCompositeLayer option ->', ->
- it 'should be true by default', ->
- mp = new MotionPath
- path: document.createElementNS ns, 'path'
- el: document.createElement 'div'
- expect(mp.props.isCompositeLayer).toBe true
- it 'should be able to be set to false', ->
- mp = new MotionPath
- path: document.createElementNS ns, 'path'
- el: document.createElement 'div'
- isCompositeLayer: false
- expect(mp.props.isCompositeLayer).toBe false
- it 'should set translateZ(0) if isCompositeLayer is set to true
- and h.is3d', ()->
- mp = new MotionPath
- path: 'M0,0 L100,100'
- el: document.createElement 'div'
- isRunLess: true
- mp.setProgress(.5)
- style = mp.el.style; prefixed = "#{h.prefix.css}transform"
- tr = if style[prefixed]? then style[prefixed] else style.transform
- expect(tr.match(/translateZ/gi) or !h.is3d).toBeTruthy()
-
- it 'should not set translateZ(0) is isCompositeLayer is set to false', ()->
- mp = new MotionPath
- path: 'M0,0 L100,100'
- el: document.createElement 'div'
- isRunLess: true
- isCompositeLayer: false
- mp.setProgress(.5)
- tr = mp.el.style.transform or mp.el.style["#{mojs.h.prefix.css}transform"]
- expect(tr.match /translateZ/gi).toBeFalsy()
-
- describe 'getPath method ->', ->
- it 'should have a getPath method', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: coords
- el: div
- expect(mp.getPath).toBeDefined()
-
- it 'getPath should return a path when was specified by coordinates', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: coords
- el: div
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- it 'getPath should return a path when it was specified by SVG path', ->
- path = document.createElementNS ns, 'path'
- path.setAttribute 'd', 'M0,0 L500,500 L1000, 0'
- div = document.createElement 'div'
- mp = new MotionPath
- path: path
- el: div
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- it 'getPath should return a path when it was specified by a selector', ->
- id = 'js-path'
- div = document.createElement 'div'
- svg = document.createElementNS ns, 'svg'
- path = document.createElementNS ns, 'path'
- path.setAttribute 'id', id
- path.setAttribute 'class', id
- svg.appendChild path
- document.body.appendChild svg
- mp = new MotionPath
- path: "##{id}"
- el: div
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- mp = new MotionPath
- path: ".#{id}"
- el: div
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- it 'getPath should return a path when it was specified by coords', ->
- mp = new MotionPath
- path: x: -100, y: 100
- curvature: x: '50%', y: '25%'
- el: document.createElement 'div'
-
- d = mp.path.getAttribute 'd'
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 0
- expect(points.start.y).toBe 0
- expect(points.end.x).toBe -100
- expect(points.end.y).toBe 100
- expect(points.control.x).toBeCloseTo -75
- expect(points.control.y).toBeCloseTo 25
-
- it 'fallback to defaults if only 1 curvature coord set', ->
- mp = new MotionPath
- path: x: -100, y: 100
- curvature: x: '50%'
- el: document.createElement 'div'
-
- d = mp.path.getAttribute 'd'
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 0
- expect(points.start.y).toBe 0
- expect(points.end.x).toBe -100
- expect(points.end.y).toBe 100
- expect(points.control.x).toBeCloseTo -100
- expect(points.control.y).toBeCloseTo 0
-
- it 'should fallback to defaults if only 1 curve coord set #2', ->
- mp = new MotionPath
- path: x: -100, y: 100
- curvature: y: '50%'
- el: document.createElement 'div'
-
- d = mp.path.getAttribute 'd'
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 0
- expect(points.start.y).toBe 0
- expect(points.end.x).toBe -100
- expect(points.end.y).toBe 100
- expect(points.control.x).toBeCloseTo -125
- expect(points.control.y).toBeCloseTo 25
-
- it 'should fallback to 0 if only 1 path coord set', ->
- mp = new MotionPath
- path: x: -100
- curvature: y: '50%'
- el: document.createElement 'div'
-
- d = mp.path.getAttribute 'd'
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 0
- expect(points.start.y).toBe 0
- expect(points.end.x).toBe -100
- expect(points.end.y).toBe 0
- expect(points.control.x).toBeCloseTo -75
- expect(points.control.y).toBeCloseTo -50
-
- it 'should fallback to 0 if only 1 path coord set #2', ->
- mp = new MotionPath
- path: {y: -100}
- curvature: {y: '50%'}
- el: document.createElement 'div'
-
- d = mp.path.getAttribute 'd'
- expect(mp.getPath() instanceof SVGElement).toBe(true)
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 0
- expect(points.start.y).toBe 0
- expect(points.end.x).toBe 0
- expect(points.end.y).toBe -100
- expect(points.control.x).toBeCloseTo 50
- expect(points.control.y).toBeCloseTo -75
-
- describe 'curveToPath method', ->
- it 'should return a path',->
- mp = new MotionPath
- path: "M100, 299"
- el: document.createElement 'div'
- path = mp.curveToPath
- start: x: 0, y: 0
- shift: x:100, y:-200
- curvature: x: 20, y: 20
- expect(path instanceof SVGElement).toBe true
-
- it 'should calculate end coordinates relative to start ones',->
- mp = new MotionPath
- path: "M100, 299"
- el: document.createElement 'div'
- path = mp.curveToPath
- start: x: 200, y: 200
- shift: x: 100, y:-200
- curvature: x: 223, y: 200
-
- d = path.getAttribute 'd'
- points = parseQadraticCurve d
- expect(points.start.x).toBe 200
- expect(points.start.y).toBe 200
- expect(points.end.x).toBe 300
- expect(points.end.y).toBe 0
- expect(points.control.x).toBeCloseTo 478.61
- expect(points.control.y).toBeCloseTo 89.985
-
- it 'should calculate curvature based on curve direction',->
- mp = new MotionPath
- path: "M100, 299"
- el: document.createElement 'div'
- path = mp.curveToPath
- start: x: 200, y: 200
- shift: x: -100, y: 100
- curvature: x: 141, y: 50
- d = path.getAttribute 'd'
-
- points = parseQadraticCurve d
- expect(points.start.x).toBe 200
- expect(points.start.y).toBe 200
- expect(points.end.x).toBe 100
- expect(points.end.y).toBe 300
- expect(points.control.x).toBeCloseTo 64.94
- expect(points.control.y).toBeCloseTo 264.346
-
- it 'should calculate percent curvature',->
- mp = new MotionPath path: "M100, 299", el: document.createElement 'div'
- path = mp.curveToPath
- start: x: 200, y: 200
- shift: x: -100, y: 100
- curvature: x: '50%', y: '25%'
-
- d = path.getAttribute 'd'
- points = parseQadraticCurve d
-
- expect(points.start.x).toBe 200
- expect(points.start.y).toBe 200
- expect(points.end.x).toBe 100
- expect(points.end.y).toBe 300
- expect(points.control.x).toBeCloseTo 125
- expect(points.control.y).toBeCloseTo 225
-
- describe 'el option (parseEl method) ->', ->
- it 'should return an el when it was specified by selector', ->
- id = 'js-el'
- div = document.createElement 'div'
- div.setAttribute 'id', id
- div.setAttribute 'class', id
- document.body.appendChild div
- mp = new MotionPath
- path: coords
- el: "##{id}"
- expect(mp.el instanceof HTMLElement).toBe(true)
- mp = new MotionPath
- path: coords
- el: ".#{id}"
- expect(mp.el instanceof HTMLElement).toBe(true)
-
- it 'should return the el when the element was passed', ->
- div = document.createElement 'div'
- mp = new MotionPath
- path: coords
- el: div
- expect(mp.el instanceof HTMLElement).toBe(true)
-
- it 'should return the module when module was passed', ->
- tr = new Shape
- mp = new MotionPath
- path: coords
- el: tr
- isRunLess: true
- isPresetPosition: false
- expect(mp.el).toBe tr
-
- it 'should nicely error to console if el wasn\'t specified', ->
- spyOn h, 'error'
- mp = new MotionPath
- path: coords
- isRunLess: true
- isPresetPosition: false
- expect(h.error).toHaveBeenCalled()
-
- describe 'then method ->', ->
- it 'should contribute to history on init', ->
- options =
- path: coords
- el: document.createElement 'div'
- duration: 2000
- mp = new MotionPath options
- expect(mp.history.length).toBe(1)
- expect(mp.history[0].duration).toBe 2000
-
- it 'should contribute to history on then', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
-
- ).then pathStart: .5, pathEnd: 1
-
- expect(mp.history.length) .toBe 2
- expect(mp.history[1].pathStart) .toBe .5
- expect(mp.history[1].pathEnd) .toBe 1
-
- it 'should copy duration from previous record', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- delay: 100
- ).then pathStart: .5, pathEnd: 1
- expect(mp.history[1].delay) .toBe undefined
- expect(mp.history[1].duration).toBe 2000
-
- it 'should save previous options to the current history record #2', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- delay: 100
- )
- .then pathStart: .5, pathEnd: 1
- expect(mp.timeline._timelines[1]._props.shiftTime).toBe 2100
-
- it 'should not copy previous callbacks', ->
- onUpdate = ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- delay: 100
- onUpdate: onUpdate
- ).then pathStart: .5, pathEnd: 1, delay: 0
-
- mp.timeline.setProgress .74
- mp.timeline.setProgress .75
-
- expect(mp.history[1].onUpdate).not.toBeDefined()
- expect(mp.props.onUpdate) .not.toBeDefined()
-
- it 'should add new callbacks if specified', ->
- onUpdate = ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- delay: 100
- onUpdate: onUpdate
- ).then pathStart: .5, pathEnd: 1, delay: 0, onUpdate: ->
- mp.timeline.setProgress .75
- expect(mp.history[1].onUpdate).toBeDefined()
- expect(mp.props.onUpdate) .toBeDefined()
-
- it 'should add new timeline', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- onUpdate: ->
- ).then pathStart: .5, pathEnd: 1
- expect(mp.timeline._timelines.length) .toBe 2
- expect(mp.timeline._timelines[1]._o.duration) .toBe 2000
- expect(mp.timeline._timelines[1]._o.onFirstUpdate).toBeDefined()
-
- it 'should add isChained option to the new timeline', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- onUpdate: ->
- ).then pathStart: .5, pathEnd: 1
-
- expect(mp.timeline._timelines[1]._o.isChained).toBe true
-
- it 'should not add isChained option if delay', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- onUpdate: ->
- ).then pathStart: .5, pathEnd: 1, delay: 100
-
- expect(mp.timeline._timelines[1]._o.isChained).toBe false
-
- describe 'tuneOptions ->', ->
- it 'should tune options', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- )
-
- mp.tuneOptions duration: 5000
-
- expect(mp.props.duration).toBe 5000
- expect(mp.props.pathEnd) .toBe .5
-
- it 'should recalc el, path, len, fill, container if defined', ->
- mp = new MotionPath(
- path: coords
- el: document.createElement 'div'
- duration: 2000
- pathEnd: .5
- isRunLess: true
- )
- coords = 'M0,0 L 105,105'
- coordsIE = 'M 0 0 L 105 105'
- mp.tuneOptions duration: 5000, path: coords
- pathCoords = mp.path.getAttribute('d')
- expect(pathCoords is coords or pathCoords is coordsIE).toBe true
-
- describe 'createTween method', ->
- it 'should bind the onFirstUpdate metod', ->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- type = typeof mp.timeline._timelines[0]._o.onFirstUpdate
- expect(type).toBe 'function'
-
- describe 'isModule flag ->', ->
- it 'should be set if module was passed', ->
- mp = new MotionPath
- path: coords
- el: (new Shape isRunLess: true)
- isRunLess: true
- isPresetPosition: false
- expect(mp.isModule).toBe true
-
- describe 'setModulePosition method ->', ->
- it 'should use setProp of the module to set position', ->
- module = (new Shape isRunLess: true)
- mp = new MotionPath
- path: coords
- el: module
- isRunLess: true
- isPresetPosition: false
- spyOn module, '_setProp'
- mp.angle = 0
- mp.setModulePosition 100, 200
- expect(module._setProp).toHaveBeenCalledWith
- shiftX: '100px', shiftY: '200px', angle: 0
-
- it 'should call module.draw method', ->
- module = (new Shape isRunLess: true)
- mp = new MotionPath
- path: coords
- el: module
- isRunLess: true
- isPresetPosition: false
- spyOn mp.el, '_draw'
- mp.setProgress 0, true
- expect(mp.el._draw).toHaveBeenCalled()
-
- it 'should be called if isModule', ->
- module = (new Shape isRunLess: true)
- mp = new MotionPath
- path: coords
- el: module
- isRunLess: true
- isPresetPosition: false
- spyOn mp, 'setModulePosition'
- mp.setProgress 0, true
- expect(mp.setModulePosition).toHaveBeenCalled()
-
- it 'should not be called if !isModule', ->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- isRunLess: true
- isPresetPosition: false
- spyOn mp, 'setModulePosition'
- mp.setProgress 0, true
- expect(mp.setModulePosition).not.toHaveBeenCalled()
-
- describe 'addEvent method ->', ->
- it 'should add event listener', ->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
-
- isHandler = false
- div = document.createElement('div')
- handler = -> isHandler = true
- spyOn div, 'addEventListener'
- mp.addEvent div, 'click', handler
- expect(div.addEventListener)
- .toHaveBeenCalledWith 'click', handler, false
-
- describe 'extendDefaults method ->', ->
- it 'should copy options to self', ->
- path = 'M10,10 L100,100'; div = document.createElement 'div'
- mp = new MotionPath
- path: path
- el: div
- isRunLess: true
- mp.extendDefaults path: path, el: div
- expect(mp.path).toBe path
- expect(mp.el) .toBe div
- it 'should not copy prototypes', ->
- path = 'M10,10 L100,100'; div = document.createElement 'div'
- class Options
- prop: 'some value'
- options = new Options
- options.path = 'M10,10 L100,100'
- options.el = div
- mp = new MotionPath
- path: path
- el: div
- isRunLess: true
- mp.extendDefaults options
- expect(mp.path) .toBe options.path
- expect(mp.el) .toBe options.el
- expect(mp.props).not.toBe options.props
-
- describe 'calcWidth method', ->
- it 'should calc scaler.x based on passed size',->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- isRunLess: true
-
- size = width: 200; mp.cSize = width: 200; mp.scaler = {}
- mp.calcWidth(size)
- expect(mp.scaler.x).toBe mp.cSize.width/size.width
-
- it 'if result scaler.x is not finite, then should be set to 1',->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- isRunLess: true
-
- size = width: 0; mp.cSize = width: 200; mp.scaler = {}
- mp.calcWidth(size)
- expect(mp.scaler.x).toBe 1
-
- describe 'calcHeight method', ->
- it 'should calc scaler.y based on passed size',->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- isRunLess: true
-
- size = height: 200; mp.cSize = height: 200; mp.scaler = {}
- mp.calcHeight(size)
- expect(mp.scaler.y).toBe mp.cSize.height/size.height
-
- it 'if result scaler.x is not finite, then should be set to 1',->
- mp = new MotionPath
- path: coords
- el: document.createElement 'div'
- isRunLess: true
-
- size = height: 0; mp.cSize = height: 200; mp.scaler = {}
- mp.calcHeight(size)
- expect(mp.scaler.y).toBe 1
-
- describe 'createFilter method ->', ->
- path = "M0,20 L100,150 L200,100"
- it 'should get svg id', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- if !isMotionReset
- expect(mp.filterID).toBeDefined()
-
- it 'should add svg element to body', ->
- spyOn h, 'getUniqID'
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- if !isMotionReset
- expect(document.querySelector("##{mp.filterID}")).toBeTruthy()
- expect(document.querySelector("##{mp.filterID}").tagName).toBe 'filter'
- expect(h.getUniqID).toHaveBeenCalled()
-
- it 'should add hidden svg element', ->
- spyOn h, 'getUniqID'
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- if !isMotionReset
- el = document.querySelector("##{mp.filterID}")
- expect(el.parentNode.style.visibility).toBe 'hidden'
- expect(el.parentNode.style.width) .toBe '0px'
- expect(el.parentNode.style.height) .toBe '0px'
-
- it 'should add filter', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- if !isMotionReset
- expect(mp.filter.tagName).toBe 'feGaussianBlur'
- expect(mp.filterOffset.tagName).toBe 'feOffset'
-
- it 'should apply blur on element', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: .5
- mp.setProgress(.1)
- if !isMotionReset
- style = mp.el.style.filter
- prefixedStyle = mp.el.style[h.prefix.css+'filter']
- expect((style or prefixedStyle).replace /\"/gim, '')
- .toBe "url(##{mp.filterID})"
-
- describe 'motionBlur at the end ->', ->
- path = "M0,20 L100,150 L200,100"
- it 'should set motion blur and offset to 0 at the end', (dfr)->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- # isRunLess: true
- motionBlur: 1
- duration: 200
- # mp.setProgress .5
- # spyOn mp, 'setBlur'
- # mp.setProgress 1
- # expect(mp.setBlur).toHaveBeenCalledWith
- # blur: x: 0, y:0
- # offset: x: 0, y:0
- setTimeout ->
- return dfr() if isMotionReset
- expect(mp.filter.getAttribute('stdDeviation')).toBe '0,0'
- expect(mp.filterOffset.getAttribute('dx')).toBe '0'
- expect(mp.filterOffset.getAttribute('dy')).toBe '0'
- dfr()
- , 500
-
- describe 'motionBlur reset ->', ->
- path = "M0,20 L100,150 L200,100"
- it 'should reset motionBlur to 0 if in Safari or IE', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: .5
- if isMotionReset
- expect(mp.props.motionBlur is 0).toBe true
- else
- expect(mp.props.motionBlur is .5).toBe true
-
- describe 'motionBlur, makeMotionBlur method ->', ->
- return if isMotionReset
- path = "M0,20 L100,150 L200,100"
- it 'should be called if motionBlur passed', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: .5
- spyOn mp, 'makeMotionBlur'
- mp.setProgress(.1)
- expect(mp.makeMotionBlur).toHaveBeenCalled()
-
- it 'should not be called if motionBlur was not passed', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- spyOn mp, 'makeMotionBlur'
- mp.setProgress(.1)
- expect(mp.makeMotionBlur).not.toHaveBeenCalled()
-
- it 'save previous coordinates if motionBlur is defined', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: .5
- mp.setProgress(.1)
- expect(mp.prevCoords.x).toBeCloseTo 16.81, 1
- expect(mp.prevCoords.y).toBeCloseTo 41.86, 1
- it 'calculate speed and blur based on prevCoords', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1
- mp.setProgress(.1)
- mp.setProgress(.11)
- expect(mp.speedX).toBeCloseTo 1.68, 1
- expect(mp.speedY).toBeCloseTo 2.18, 1
- expect(mp.blurX).toBeCloseTo .1051, 5
- expect(mp.blurY).toBeCloseTo .1366, 4
- it 'should set speed to 0 if prevCoords are undefined yet', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1
- isPresetPosition: false
- mp.setProgress(.1)
- expect(mp.speedX).toBe 0
- expect(mp.speedY).toBe 0
- it 'should have blur in range of [0,1]', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1
- isPresetPosition: false
- mp.setProgress(.1)
- mp.setProgress(.9)
- expect(mp.blurX).toBe 1
- expect(mp.blurY).toBe 1
- it 'motionBlur should be in a range of [0,1]', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: -.5
- expect(mp.props.motionBlur).toBe 0
- it 'motionBlur should be in a range of [0,1] #2', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- expect(mp.props.motionBlur).toBe 1
- it 'motionBlur should be in a range of [0,1] #2', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- expect(mp.props.motionBlur).toBe 1
- it 'should set blur to filter', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- mp.setProgress .1
- mp.setProgress .5
- attrs = mp.filter.getAttribute('stdDeviation').split ','
- expect(parseInt(attrs[0],10)).toBeCloseTo 52
- expect(parseInt(attrs[1],10)).toBeCloseTo 60
-
- it 'should set blur to filterOffset', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- mp.setProgress .1
- mp.setProgress .5
- dx = mp.filterOffset.getAttribute('dx')
- dy = mp.filterOffset.getAttribute('dy')
- expect(parseInt(dx,10)).toBeCloseTo -52
- expect(parseInt(dy,10)).toBeCloseTo -60
-
- describe 'angToCoords method ->', ->
- path = "M0,20 L100,150 L200,100"
- degree45 = 1
- it 'should translate angle to coordinates *y*', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- expect(mp.angToCoords(0).y) .toBeCloseTo -1
- expect(mp.angToCoords(45).y) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(90).y) .toBe 0
- expect(mp.angToCoords(135).y) .toBeCloseTo degree45, 1
- expect(mp.angToCoords(180).y) .toBeCloseTo 1
- expect(mp.angToCoords(225).y) .toBeCloseTo degree45, 1
- expect(mp.angToCoords(270).y) .toBeCloseTo 0, 1
- expect(mp.angToCoords(315).y) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(-45).y) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(360).y) .toBeCloseTo -1
- it 'should translate angle to coordinates *x*', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1.5
- expect(mp.angToCoords(0).x) .toBeCloseTo 0, 1
- expect(mp.angToCoords(45).x) .toBeCloseTo degree45, 1
- expect(mp.angToCoords(90).x) .toBeCloseTo 1, 1
- expect(mp.angToCoords(135).x) .toBeCloseTo degree45, 1
- expect(mp.angToCoords(180).x) .toBeCloseTo 0, 1
- expect(mp.angToCoords(225).x) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(270).x) .toBeCloseTo -1, 1
- expect(mp.angToCoords(315).x) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(-45).x) .toBeCloseTo -degree45, 1
- expect(mp.angToCoords(360).x) .toBeCloseTo 0, 1
-
- describe 'setBlur method ->',->
- return if isMotionReset
- path = "M0,20 L100,150 L200,100"
- it 'should set blur and blurOffset to filter', ->
- mp = new MotionPath
- path: path
- el: document.createElement 'div'
- isRunLess: true
- motionBlur: 1
- mp.setBlur
- blur: x: 5, y: 10
- offset: x: 6, y: 9
- expect(mp.filter.getAttribute('stdDeviation')).toBe '5,10'
- expect(mp.filterOffset.getAttribute('dx')).toBe '6'
- expect(mp.filterOffset.getAttribute('dy')).toBe '9'
diff --git a/spec/motion-path.js b/spec/motion-path.js
deleted file mode 100644
index d9d88794d..000000000
--- a/spec/motion-path.js
+++ /dev/null
@@ -1,2240 +0,0 @@
-(function() {
- var MotionPath, Shape, coords, h, isMotionReset, mp, parseQadraticCurve;
-
- MotionPath = window.mojs.MotionPath;
-
- Shape = window.mojs.Shape;
-
- h = window.mojs.helpers;
-
- mp = new MotionPath({
- path: 'M0,0 L100,100',
- el: document.createElement('div')
- });
-
- isMotionReset = mp.isMotionBlurReset;
-
- parseQadraticCurve = function(d) {
- var control, end, m, q, returnObject, shapes, start;
- shapes = d.split(/M|Q/);
- m = shapes[1].split(/\s|\,/);
- m = m.filter(function(e) {
- return !!e;
- });
- start = {
- x: parseFloat(m[0]),
- y: parseFloat(m[1])
- };
- q = shapes[2].split(/\s|\,/);
- q = q.filter(function(e) {
- return !!e;
- });
- end = {
- x: parseFloat(q[2]),
- y: parseFloat(q[3])
- };
- control = {
- x: parseFloat(q[0]),
- y: parseFloat(q[1])
- };
- return returnObject = {
- start: start,
- end: end,
- control: control
- };
- };
-
- coords = 'M0.55859375,593.527344L0.55859375,593.527344';
-
- describe('MotionPath ->', function() {
- var ns;
- ns = 'http://www.w3.org/2000/svg';
- describe('enviroment ->', function() {
- it('SVG should be supported', function() {
- var isSVG;
- isSVG = !!(typeof document.createElementNS === "function" ? document.createElementNS(ns, "svg").createSVGRect : void 0);
- return expect(isSVG).toBeTruthy();
- });
- it('SVG path should have getTotalLength method', function() {
- var path;
- path = document.createElementNS(ns, "path");
- return expect(path.getTotalLength).toBeDefined();
- });
- it('SVG path should have getPointAtLength method', function() {
- var path;
- path = document.createElementNS(ns, "path");
- return expect(path.getPointAtLength).toBeDefined();
- });
- it('document.querySelector should be defined', function() {
- return expect(document.querySelector).toBeDefined();
- });
- it('style propety should be defined on DOM node', function() {
- var div, path;
- path = document.createElementNS(ns, "path");
- div = document.createElement('div');
- expect(path.style).toBeDefined();
- return expect(div.style).toBeDefined();
- });
- it('transforms should be supported', function() {
- var isTransforms;
- isTransforms = function() {
- var div, i, isProp, prefixes, trS;
- trS = "transform WebkitTransform MozTransform OTransform msTransform";
- prefixes = trS.split(" ");
- i = 0;
- while (i < prefixes.length) {
- div = document.createElement("div");
- isProp = div.style[prefixes[i]] !== 'undefined';
- if (isProp) {
- return prefixes[i];
- }
- i++;
- }
- return false;
- };
- return expect(isTransforms()).toBeTruthy();
- });
- return it('HTML el should have offsetWidth/offsetHeight propety', function() {
- var div;
- div = document.createElement('div');
- expect(div.offsetWidth).toBeDefined();
- return expect(div.offsetHeight).toBeDefined();
- });
- });
- describe('defaults ->', function() {
- var el;
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el
- });
- it('have angle of 0', function() {
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(mp.angle).toBe(0);
- });
- it('should have isCompositeLayer default of true', function() {
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: document.createElement('div')
- });
- return expect(mp.defaults.isCompositeLayer).toBe(true);
- });
- it('have speed of 0', function() {
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el,
- isRunLess: true,
- isPresetPosition: false
- });
- expect(mp.speedX).toBe(0);
- return expect(mp.speedY).toBe(0);
- });
- it('have blur of 0', function() {
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el,
- isRunLess: true,
- isPresetPosition: false
- });
- expect(mp.blurX).toBe(0);
- return expect(mp.blurY).toBe(0);
- });
- it('have blurAmount of 20', function() {
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(mp.blurAmount).toBe(20);
- });
- it('have prevCoords object', function() {
- el = document.createElement('div');
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: el,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(mp.prevCoords).toBeDefined();
- });
- it('defaults should be defined', function() {
- expect(mp.defaults.delay).toBe(0);
- expect(mp.defaults.duration).toBe(1000);
- expect(mp.defaults.easing).toBe(null);
- expect(mp.defaults.repeat).toBe(0);
- expect(mp.defaults.yoyo).toBe(false);
- expect(mp.defaults.offsetX).toBe(0);
- expect(mp.defaults.offsetY).toBe(0);
- expect(mp.defaults.angleOffset).toBe(null);
- expect(mp.defaults.pathStart).toBe(0);
- expect(mp.defaults.pathEnd).toBe(1);
- expect(mp.defaults.transformOrigin).toBe(null);
- expect(mp.defaults.motionBlur).toBe(0);
- expect(mp.defaults.isAngle).toBe(false);
- expect(mp.defaults.isReverse).toBe(false);
- expect(mp.defaults.isRunLess).toBe(false);
- expect(mp.defaults.isPresetPosition).toBe(true);
- expect(mp.defaults.onStart).toBe(null);
- expect(mp.defaults.onComplete).toBe(null);
- expect(mp.defaults.onUpdate).toBe(null);
- expect(mp.defaults.curvature.x).toBe('75%');
- return expect(mp.defaults.curvature.y).toBe('50%');
- });
- it('should extend defaults to props', function() {
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: document.createElement('div'),
- duration: 2000
- });
- expect(mp.props.duration).toBe(2000);
- return expect(mp.props.delay).toBe(0);
- });
- it('should clamp pathStart and pathEnd further', function() {
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: document.createElement('div'),
- duration: 2000,
- pathStart: 2,
- pathEnd: 2
- });
- expect(mp.props.pathStart).toBe(1);
- return expect(mp.props.pathEnd).toBe(1);
- });
- it('should clamp pathStart and pathEnd further', function() {
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: document.createElement('div'),
- duration: 2000,
- pathStart: -2,
- pathEnd: -2
- });
- expect(mp.props.pathStart).toBe(0);
- return expect(mp.props.pathEnd).toBe(0);
- });
- return it('pathEnd should not be smaller then pathStart', function() {
- mp = new MotionPath({
- path: 'M0.55859375,593.527344L0.55859375,593.527344',
- el: document.createElement('div'),
- duration: 2000,
- pathStart: .5,
- pathEnd: -2
- });
- expect(mp.props.pathStart).toBe(.5);
- return expect(mp.props.pathEnd).toBe(.5);
- });
- });
- describe('run method ->', function() {
- var div;
- div = document.createElement('div');
- coords = 'M0.55859375,593.527344L0.55859375,593.527344';
- it('should extend the old options', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true,
- pathEnd: .75,
- pathStart: .25
- });
- mp.run({
- pathStart: .5
- });
- expect(mp.props.pathStart).toBe(.5);
- return expect(mp.props.pathEnd).toBe(.75);
- });
- it('shoud call tuneOptions if options passed', function() {
- var o;
- o = {
- duration: 500
- };
- div = document.createElement('div');
- mp = new MotionPath({
- path: coords,
- el: div,
- isRunLess: true
- }).then({
- pathEnd: .5
- });
- spyOn(mp, 'tuneOptions');
- mp.run(o);
- return expect(mp.tuneOptions).toHaveBeenCalledWith(o);
- });
- it('shoud not call tuneOptions if options wasn\'t passed', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true
- }).then({
- pathEnd: .5
- });
- spyOn(mp, 'tuneOptions');
- mp.run();
- return expect(mp.tuneOptions).not.toHaveBeenCalled();
- });
- it('shoud override the first history item', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true,
- pathStart: .25,
- pathEnd: .5
- }).then({
- pathEnd: .5
- });
- mp.run({
- pathStart: .35
- });
- return expect(mp.history[0].pathStart).toBe(.35);
- });
- return it('shoud warn if tweenValues changed on run', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true,
- pathStart: .25,
- pathEnd: .5,
- duration: 2000
- }).then({
- pathEnd: .5
- });
- spyOn(h, 'warn');
- mp.run({
- pathStart: .35,
- duration: 200,
- delay: 100,
- repeat: 1,
- yoyo: false,
- easing: 'Linear.None',
- onStart: function() {},
- onUpdate: function() {},
- onComplete: function() {}
- });
- expect(h.warn).toHaveBeenCalled();
- expect(mp.history[0].duration).toBe(2000);
- return expect(mp.props.duration).toBe(2000);
- });
- });
- describe('callbacks ->', function() {
- var div;
- div = document.createElement('div');
- coords = 'M0.55859375,593.527344L0.55859375,593.527344';
- describe('onStart callback ->', function() {
- it('should run on start', function(dfr) {
- var isStarted;
- isStarted = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onStart: function() {
- return isStarted = true;
- }
- });
- return setTimeout((function() {
- expect(isStarted).toBe(true);
- return dfr();
- }), 500);
- });
- return it('should have the scope of MotionPath', function(dfr) {
- var isRightScope;
- isRightScope = null;
- mp = new MotionPath({
- path: coords,
- el: div,
- onStart: function() {
- return isRightScope = this instanceof MotionPath;
- }
- });
- return setTimeout((function() {
- expect(isRightScope).toBe(true);
- return dfr();
- }), 500);
- });
- });
- describe('onComplete callback ->', function() {
- it('onComplete callback should work', function(dfr) {
- var isCompleted;
- isCompleted = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onComplete: function() {
- return isCompleted = true;
- }
- });
- return setTimeout(function() {
- expect(isCompleted).toBe(true);
- return dfr();
- }, 500);
- });
- return it('should have the scope of MotionPath', function(dfr) {
- var isRightScope;
- isRightScope = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onComplete: function() {
- return isRightScope = this instanceof MotionPath;
- }
- });
- return setTimeout(function() {
- expect(isRightScope).toBe(true);
- return dfr();
- }, 500);
- });
- });
- return describe('onUpdate callback ->', function() {
- it('onUpdate callback should work', function(dfr) {
- var isOnUpdate;
- isOnUpdate = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onUpdate: function() {
- return isOnUpdate = true;
- }
- });
- return setTimeout(function() {
- expect(isOnUpdate).toBe(true);
- return dfr();
- }, 500);
- });
- it('onUpdate callback should have "progress" argument', function(dfr) {
- var isOnUpdate;
- isOnUpdate = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onUpdate: function(progress) {
- if (progress != null) {
- return isOnUpdate = true;
- }
- }
- });
- return setTimeout(function() {
- expect(isOnUpdate).toBe(true);
- return dfr();
- }, 500);
- });
- it('should have the scope of MotionPath', function(dfr) {
- var isRightScope;
- isRightScope = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- onUpdate: function() {
- return isRightScope = this instanceof MotionPath;
- }
- });
- return setTimeout(function() {
- expect(isRightScope).toBe(true);
- return dfr();
- }, 500);
- });
- return it('should be called with progress, x, y and angle', function() {
- var angle, progress, x, y;
- progress = null;
- x = null;
- y = null;
- angle = null;
- mp = new MotionPath({
- path: 'M0,100 L100,0',
- el: document.createElement('div'),
- isRunLess: true,
- easing: 'linear.none',
- onUpdate: function(p, o) {
- progress = p;
- x = o.x;
- y = o.y;
- return angle = o.angle;
- }
- });
- mp.timeline.setProgress(.45);
- mp.timeline.setProgress(.5);
- expect(progress.toFixed(1)).toBe('0.5');
- expect(x).toBeCloseTo(50, 5);
- expect(y).toBeCloseTo(50, 5);
- return expect(angle).toBeCloseTo(0, 5);
- });
- });
- });
- describe('fill ->', function() {
- var container, div;
- div = null;
- container = null;
- beforeEach(function() {
- var size;
- container = document.createElement('div');
- div = document.createElement('div');
- size = 200;
- container.style.width = "" + size + "px";
- container.style.height = "" + size + "px";
- container.style.position = 'absolute';
- container.style.top = '-100%';
- container.setAttribute('id', 'js-container');
- return document.body.appendChild(container);
- });
- it('container could be specified by selector or DOM node', function() {
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- fill: {
- container: '#js-container'
- }
- });
- return expect(mp.container instanceof HTMLElement).toBe(true);
- });
- it('if fill is specified it should have container, fillRule, cSize', function() {
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- fill: {
- container: container
- }
- });
- expect(mp.container).toBeDefined();
- expect(mp.fillRule).toBeDefined();
- return expect(mp.cSize).toBeDefined();
- });
- it('if fillRule is "all" it should keep container\'s size', function(dfr) {
- var isFilled, motionPath;
- isFilled = false;
- return motionPath = new MotionPath({
- path: 'M0,0 L500,500',
- el: div,
- duration: 200,
- fill: {
- container: container
- },
- onComplete: function() {
- var args, height, isHeight, isWidth, prefixed, style, tr, width;
- style = motionPath.el.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- div = document.createElement('div');
- args = tr.split(/(translate\()|\,|\)/);
- width = parseInt(args[2], 10);
- height = parseInt(args[4], 10);
- isWidth = width === container.offsetWidth;
- isHeight = height === container.offsetHeight;
- isFilled = isWidth && isHeight;
- expect(isFilled).toBe(true);
- return dfr();
- }
- });
- });
- it("if fillRule is \"width\" it should keep container\'s width and set \"height\" with aspect ratio", function(dfr) {
- var isFilled;
- isFilled = false;
- return mp = new MotionPath({
- path: 'M0,0 L500,250',
- el: div,
- duration: 200,
- fill: {
- container: container,
- fillRule: 'width'
- },
- all: true,
- onComplete: function() {
- var args, height, isHeight, isWidth, prefixed, style, tr, width;
- style = mp.el.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- args = tr.split(/(translate\()|\,|\)/);
- width = parseInt(args[2], 10);
- height = parseInt(args[4], 10);
- isWidth = width === container.offsetWidth;
- isHeight = height === (width / 2);
- isFilled = isWidth && isHeight;
- expect(isFilled).toBe(true);
- return dfr();
- }
- });
- });
- it("if fillRule is \"height\" it should keep container\'s height and set \"width\" with aspect ratio", function(dfr) {
- var isFilled;
- isFilled = false;
- return mp = new MotionPath({
- path: 'M0,0 L250,500',
- el: div,
- duration: 200,
- fill: {
- container: container,
- fillRule: 'height'
- },
- onComplete: function() {
- var args, height, isHeight, isWidth, prefixed, style, tr, width;
- style = mp.el.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- args = tr.split(/(translate\()|\,|\)/);
- width = parseInt(args[2], 10);
- height = parseInt(args[4], 10);
- isWidth = width === (height / 2);
- isHeight = height === container.offsetHeight;
- isFilled = isWidth && isHeight;
- expect(isFilled).toBe(true);
- return dfr();
- }
- });
- });
- return it('if container size was changed should recalc scaler', function(dfr) {
- var c, el, isSizeChange, size, x;
- isSizeChange = false;
- el = document.createElement('div');
- c = document.createElement('div');
- size = 200;
- c.style.width = "" + size + "px";
- c.style.height = "" + size + "px";
- c.style.position = 'absolute';
- c.style.top = '-100%';
- c.setAttribute('id', 'js-container2');
- document.body.appendChild(c);
- x = -1;
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: el,
- duration: 200,
- fill: {
- container: c
- },
- onUpdate: function(proc) {
- if (proc >= .1 && !isSizeChange) {
- mp.container.style.width = '100px';
- return isSizeChange = true;
- }
- }
- });
- return setTimeout(function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- x = tr.split(/(translate\()|\,|\)/);
- expect(parseInt(x[2], 10)).toBe(100);
- return dfr();
- }, 500);
- });
- });
- describe('functionality ->', function() {
- var div;
- div = document.createElement('div');
- coords = 'M0.55859375,593.527344L0.55859375,593.527344';
- it('should work with positive offsetX', function(dfr) {
- var isEqual, x;
- coords = 'M0,0 L0,10';
- x = 0;
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- offsetX: 10,
- duration: 200,
- isAngle: true
- });
- return setTimeout((function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- x = tr.split(/(translate\()|,|\)/)[2];
- isEqual = parseInt(x, 10) === 10;
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should work with negative offsetX', function(dfr) {
- var isEqual, x;
- coords = 'M0,0 L0,10';
- x = 0;
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- offsetX: -10,
- duration: 200,
- onComplete: function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- x = tr.split(/(translate\()|,|\)/)[2];
- x = parseInt(x, 10);
- return isEqual = x === -10;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should work with positive offsetY', function(dfr) {
- var isEqual, y;
- coords = 'M0,0 L10,0';
- y = 0;
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- offsetY: 10,
- duration: 200,
- onComplete: function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- y = tr.split(/(translate\()|,|\)/)[4];
- y = parseInt(y, 10);
- return isEqual = y === 10;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should work with negative offsetY', function(dfr) {
- var isEqual, y;
- coords = 'M0,0 L10,0';
- y = 0;
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- offsetY: -10,
- duration: 200,
- onComplete: function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- y = tr.split(/(translate\()|,|\)/)[4];
- return isEqual = parseInt(y, 10) === -10;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should calculate current angle', function(dfr) {
- var angle, detect, isEqual, isEquial2;
- coords = 'M0,0 L10,0 L10,10';
- angle = 0;
- isEqual = false;
- isEquial2 = false;
- detect = {};
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- isAngle: true,
- onUpdate: function() {
- if (detect.firstAngle == null) {
- detect.firstAngle = mp.angle;
- }
- return isEquial2 = detect.firstAngle === 0;
- },
- onComplete: function() {
- return isEqual = mp.angle === 90;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should calculate current angle if transformOrigin is a fun', function(dfr) {
- var angle, detect, isEqual, isEquial2;
- coords = 'M0,0 L10,0 L10,10';
- angle = 0;
- isEqual = false;
- isEquial2 = false;
- detect = {};
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- transformOrigin: function() {},
- onUpdate: function() {
- if (detect.firstAngle == null) {
- detect.firstAngle = mp.angle;
- }
- return isEquial2 = detect.firstAngle === 0;
- },
- onComplete: function() {
- return isEqual = mp.angle === 90;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should calculate current angle with isReverse', function(dfr) {
- var angle, detect, isEqual, isEquial2;
- coords = 'M0,0 L10,0 L10,10';
- angle = 0;
- isEqual = false;
- isEquial2 = false;
- detect = {};
- return mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- isAngle: true,
- isReverse: true,
- onUpdate: function() {
- if (detect.firstAngle == null) {
- detect.firstAngle = mp.angle;
- }
- return isEquial2 = detect.firstAngle === 90;
- },
- onComplete: function() {
- return isEqual = mp.angle === 0;
- }
- }, setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500));
- });
- it('should have transform-origin', function(dfr) {
- var isComplete;
- coords = 'M0,0 L10,0 L10,10';
- isComplete = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- transformOrigin: '50% 50%',
- onComplete: function() {
- return isComplete = true;
- }
- });
- return setTimeout(function() {
- var s, tr;
- s = mp.el.style;
- tr = s['transform-origin'] || s["" + h.prefix.css + "transform-origin"];
- expect(tr.length >= 1).toBe(true);
- return dfr();
- }, 100);
- });
- return it('transform-origin could be a function', function(dfr) {
- var isAngle, isProgress;
- coords = 'M0,0 L10,0 L10,10';
- isAngle = false;
- isProgress = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- transformOrigin: function(angle, proc) {
- var isFunction;
- isFunction = true;
- isAngle = angle != null;
- isProgress = proc != null;
- return '50% 50%';
- }
- });
- return setTimeout((function() {
- expect(isAngle && isProgress).toBe(true);
- return dfr();
- }), 100);
- });
- });
- describe('angleOffset ->', function() {
- var div;
- div = document.createElement('div');
- it('angleOffset should work with positive angles', function(dfr) {
- var isEqual;
- coords = 'M0,0 L10,0 L10,10';
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- angleOffset: 90,
- isAngle: true,
- onComplete: function() {
- return isEqual = mp.angle === 180;
- }
- });
- return setTimeout((function() {
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('angleOffset should work with negative angles', function(dfr) {
- var isEqual;
- coords = 'M0,0 L10,0 L10,10';
- isEqual = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- angleOffset: -90,
- isAngle: true
- });
- return setTimeout((function() {
- isEqual = mp.angle === 0;
- expect(isEqual).toBe(true);
- return dfr();
- }), 500);
- });
- it('should be evaluated if a function', function(dfr) {
- var isFunction;
- coords = 'M0,0 L10,0 L10,10';
- isFunction = false;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- angleOffset: function(angle) {
- isFunction = true;
- return angle;
- }
- });
- return setTimeout((function() {
- expect(isFunction).toBe(true);
- return dfr();
- }), 500);
- });
- it('should get current angle', function(dfr) {
- var angleSum1, angleSum2, isOnAngle;
- coords = 'M0,0 L10,0 L10,10';
- isOnAngle = null;
- angleSum1 = 0;
- angleSum2 = 0;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- isAngle: true,
- isRunLess: true,
- isPresetPosition: false,
- angleOffset: function(angle) {
- angleSum1 += angle;
- angleSum2 += this.angle;
- return angle;
- },
- onComplete: function() {
- return isOnAngle = angleSum1 === angleSum2;
- }
- });
- mp.run();
- return setTimeout((function() {
- expect(isOnAngle).toBe(true);
- return dfr();
- }), 500);
- });
- it('should set current angle', function(dfr) {
- var angleShift, currAngle, isAnglesArray, isSet;
- coords = 'M0,0 L10,0 L10,10';
- isSet = false;
- currAngle = 0;
- isAnglesArray = [];
- angleShift = 5;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- angleOffset: function(angle) {
- currAngle = angle;
- return angle + angleShift;
- },
- onUpdate: function() {
- return isAnglesArray.push(currAngle + angleShift === mp.angle);
- },
- onComplete: function() {
- var i, isSetItem, _i, _len, _results;
- _results = [];
- for (i = _i = 0, _len = isAnglesArray.length; _i < _len; i = ++_i) {
- isSetItem = isAnglesArray[i];
- if (!isSetItem) {
- _results.push(isSet = true);
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- }
- });
- return setTimeout((function() {
- expect(isSet).toBe(false);
- return dfr();
- }), 500);
- });
- it('angleOffset should get current progress as second parameter', function(dfr) {
- var isProgress, proc;
- coords = 'M0,0 L10,0 L10,10';
- isProgress = false;
- proc = -1;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- angleOffset: function(angle, progress) {
- proc = progress;
- return angle;
- },
- onComplete: function() {
- return isProgress = proc === 1;
- }
- });
- return setTimeout((function() {
- expect(isProgress).toBe(true);
- return dfr();
- }), 500);
- });
- return it('should have scope of motion path', function() {
- var angleSum1, angleSum2, isRightScope;
- coords = 'M0,0 L10,0 L10,10';
- isRightScope = false;
- angleSum1 = 0;
- angleSum2 = 0;
- mp = new MotionPath({
- path: coords,
- el: div,
- duration: 200,
- isAngle: true,
- angleOffset: function() {
- return isRightScope = this instanceof MotionPath;
- }
- });
- return setTimeout(function() {
- return expect(isRightScope).toBe(true);
- }, 500);
- });
- });
- describe('setProgress method ->', function(dfr) {
- it('should have own function for setting up current progress', function() {
- var div, pos, tr;
- div = document.createElement('div');
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- isRunLess: true
- });
- mp.setProgress(.5);
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- pos = parseInt(tr.split(/(translate\()|\,|\)/)[2], 10);
- return expect(pos).toBe(250);
- });
- it('should call the onUpdate callback', function() {
- var div, progress;
- div = document.createElement('div');
- progress = null;
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- isRunLess: true,
- onUpdate: function(p) {
- return progress = p;
- }
- });
- mp.setProgress(.5);
- return expect(progress).toBe(.5);
- });
- it('should not call the onUpdate callback on start', function() {
- var isCalled;
- isCalled = false;
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: document.createElement('div'),
- isRunLess: true,
- onUpdate: function() {
- return isCalled = true;
- }
- });
- return expect(isCalled).toBe(false);
- });
- it('should set transform if it was returned from the onUpdate', function() {
- var prefixed, style, tr, transform;
- transform = 'translate(20px, 50px)';
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: document.createElement('div'),
- isRunLess: true,
- onUpdate: function() {
- return transform;
- }
- });
- mp.setProgress(.5);
- style = mp.el.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- return expect(tr).toBe(transform);
- });
- return it('should not set transform if something other then string was returned from onUpdate callback', function() {
- var transform;
- transform = 'translate(20px, 50px)';
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: document.createElement('div'),
- isRunLess: true,
- onUpdate: function() {
- return null;
- }
- });
- mp.setProgress(.5);
- return expect(mp.el.style.transform).not.toBe(null);
- });
- });
- describe('preset position ->', function() {
- it('should preset initial position by default', function() {
- var div, pos, tr;
- div = document.createElement('div');
- mp = new MotionPath({
- path: 'M50,0 L500,0',
- el: div
- });
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- pos = parseInt(tr.split(/(translate\()|\,|\)/)[2], 10);
- return expect(pos).toBe(50);
- });
- return it('should not set initial position if isPresetPosition is false', function() {
- var div;
- div = document.createElement('div');
- mp = new MotionPath({
- path: 'M50,0 L500,0',
- el: div,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(div.style.transform).toBeFalsy();
- });
- });
- describe('progress bounds ->', function() {
- it('should calc the @slicedLen and @startLen properties', function() {
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: document.createElement('div'),
- isRunLess: true,
- pathStart: .5,
- pathEnd: .75
- });
- expect(mp.slicedLen).toBe(125);
- return expect(mp.startLen).toBe(250);
- });
- it('should start from pathStart position', function() {
- var div, pos, tr;
- div = document.createElement('div');
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- isRunLess: true,
- pathStart: .5,
- pathEnd: .75
- });
- mp.timeline.setProgress(0);
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- pos = parseInt(tr.split(/(translate\()|\,|\)/)[2], 10);
- return expect(pos).toBe(250);
- });
- return it('should end at pathEnd position', function(dfr) {
- var div, pos;
- div = document.createElement('div');
- pos = -1;
- mp = new MotionPath({
- path: 'M0,0 L500,0',
- el: div,
- duration: 200,
- pathStart: .25,
- pathEnd: .5,
- onComplete: function() {
- var tr;
- tr = mp.el.style.transform || mp.el.style["" + h.prefix.css + "transform"];
- pos = tr.split(/(translate\()|\,|\)/)[2];
- return pos = parseInt(pos, 10);
- }
- });
- return setTimeout((function() {
- expect(pos).toBe(250);
- return dfr();
- }), 500);
- });
- });
- describe('path option ->', function() {
- return it('should error if path has no d attribute', function() {
- var div, path;
- path = document.createElementNS(ns, 'path');
- div = document.createElement('div');
- spyOn(h, 'error');
- mp = new MotionPath({
- path: path,
- el: div
- });
- return expect(h.error).toHaveBeenCalled();
- });
- });
- describe('isCompositeLayer option ->', function() {
- it('should be true by default', function() {
- mp = new MotionPath({
- path: document.createElementNS(ns, 'path'),
- el: document.createElement('div')
- });
- return expect(mp.props.isCompositeLayer).toBe(true);
- });
- it('should be able to be set to false', function() {
- mp = new MotionPath({
- path: document.createElementNS(ns, 'path'),
- el: document.createElement('div'),
- isCompositeLayer: false
- });
- return expect(mp.props.isCompositeLayer).toBe(false);
- });
- it('should set translateZ(0) if isCompositeLayer is set to true and h.is3d', function() {
- var prefixed, style, tr;
- mp = new MotionPath({
- path: 'M0,0 L100,100',
- el: document.createElement('div'),
- isRunLess: true
- });
- mp.setProgress(.5);
- style = mp.el.style;
- prefixed = "" + h.prefix.css + "transform";
- tr = style[prefixed] != null ? style[prefixed] : style.transform;
- return expect(tr.match(/translateZ/gi) || !h.is3d).toBeTruthy();
- });
- return it('should not set translateZ(0) is isCompositeLayer is set to false', function() {
- var tr;
- mp = new MotionPath({
- path: 'M0,0 L100,100',
- el: document.createElement('div'),
- isRunLess: true,
- isCompositeLayer: false
- });
- mp.setProgress(.5);
- tr = mp.el.style.transform || mp.el.style["" + mojs.h.prefix.css + "transform"];
- return expect(tr.match(/translateZ/gi)).toBeFalsy();
- });
- });
- describe('getPath method ->', function() {
- it('should have a getPath method', function() {
- var div;
- div = document.createElement('div');
- mp = new MotionPath({
- path: coords,
- el: div
- });
- return expect(mp.getPath).toBeDefined();
- });
- it('getPath should return a path when was specified by coordinates', function() {
- var div;
- div = document.createElement('div');
- mp = new MotionPath({
- path: coords,
- el: div
- });
- return expect(mp.getPath() instanceof SVGElement).toBe(true);
- });
- it('getPath should return a path when it was specified by SVG path', function() {
- var div, path;
- path = document.createElementNS(ns, 'path');
- path.setAttribute('d', 'M0,0 L500,500 L1000, 0');
- div = document.createElement('div');
- mp = new MotionPath({
- path: path,
- el: div
- });
- return expect(mp.getPath() instanceof SVGElement).toBe(true);
- });
- it('getPath should return a path when it was specified by a selector', function() {
- var div, id, path, svg;
- id = 'js-path';
- div = document.createElement('div');
- svg = document.createElementNS(ns, 'svg');
- path = document.createElementNS(ns, 'path');
- path.setAttribute('id', id);
- path.setAttribute('class', id);
- svg.appendChild(path);
- document.body.appendChild(svg);
- mp = new MotionPath({
- path: "#" + id,
- el: div
- });
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- mp = new MotionPath({
- path: "." + id,
- el: div
- });
- return expect(mp.getPath() instanceof SVGElement).toBe(true);
- });
- it('getPath should return a path when it was specified by coords', function() {
- var d, points;
- mp = new MotionPath({
- path: {
- x: -100,
- y: 100
- },
- curvature: {
- x: '50%',
- y: '25%'
- },
- el: document.createElement('div')
- });
- d = mp.path.getAttribute('d');
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(0);
- expect(points.start.y).toBe(0);
- expect(points.end.x).toBe(-100);
- expect(points.end.y).toBe(100);
- expect(points.control.x).toBeCloseTo(-75);
- return expect(points.control.y).toBeCloseTo(25);
- });
- it('fallback to defaults if only 1 curvature coord set', function() {
- var d, points;
- mp = new MotionPath({
- path: {
- x: -100,
- y: 100
- },
- curvature: {
- x: '50%'
- },
- el: document.createElement('div')
- });
- d = mp.path.getAttribute('d');
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(0);
- expect(points.start.y).toBe(0);
- expect(points.end.x).toBe(-100);
- expect(points.end.y).toBe(100);
- expect(points.control.x).toBeCloseTo(-100);
- return expect(points.control.y).toBeCloseTo(0);
- });
- it('should fallback to defaults if only 1 curve coord set #2', function() {
- var d, points;
- mp = new MotionPath({
- path: {
- x: -100,
- y: 100
- },
- curvature: {
- y: '50%'
- },
- el: document.createElement('div')
- });
- d = mp.path.getAttribute('d');
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(0);
- expect(points.start.y).toBe(0);
- expect(points.end.x).toBe(-100);
- expect(points.end.y).toBe(100);
- expect(points.control.x).toBeCloseTo(-125);
- return expect(points.control.y).toBeCloseTo(25);
- });
- it('should fallback to 0 if only 1 path coord set', function() {
- var d, points;
- mp = new MotionPath({
- path: {
- x: -100
- },
- curvature: {
- y: '50%'
- },
- el: document.createElement('div')
- });
- d = mp.path.getAttribute('d');
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(0);
- expect(points.start.y).toBe(0);
- expect(points.end.x).toBe(-100);
- expect(points.end.y).toBe(0);
- expect(points.control.x).toBeCloseTo(-75);
- return expect(points.control.y).toBeCloseTo(-50);
- });
- return it('should fallback to 0 if only 1 path coord set #2', function() {
- var d, points;
- mp = new MotionPath({
- path: {
- y: -100
- },
- curvature: {
- y: '50%'
- },
- el: document.createElement('div')
- });
- d = mp.path.getAttribute('d');
- expect(mp.getPath() instanceof SVGElement).toBe(true);
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(0);
- expect(points.start.y).toBe(0);
- expect(points.end.x).toBe(0);
- expect(points.end.y).toBe(-100);
- expect(points.control.x).toBeCloseTo(50);
- return expect(points.control.y).toBeCloseTo(-75);
- });
- });
- describe('curveToPath method', function() {
- it('should return a path', function() {
- var path;
- mp = new MotionPath({
- path: "M100, 299",
- el: document.createElement('div')
- });
- path = mp.curveToPath({
- start: {
- x: 0,
- y: 0
- },
- shift: {
- x: 100,
- y: -200
- },
- curvature: {
- x: 20,
- y: 20
- }
- });
- return expect(path instanceof SVGElement).toBe(true);
- });
- it('should calculate end coordinates relative to start ones', function() {
- var d, path, points;
- mp = new MotionPath({
- path: "M100, 299",
- el: document.createElement('div')
- });
- path = mp.curveToPath({
- start: {
- x: 200,
- y: 200
- },
- shift: {
- x: 100,
- y: -200
- },
- curvature: {
- x: 223,
- y: 200
- }
- });
- d = path.getAttribute('d');
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(200);
- expect(points.start.y).toBe(200);
- expect(points.end.x).toBe(300);
- expect(points.end.y).toBe(0);
- expect(points.control.x).toBeCloseTo(478.61);
- return expect(points.control.y).toBeCloseTo(89.985);
- });
- it('should calculate curvature based on curve direction', function() {
- var d, path, points;
- mp = new MotionPath({
- path: "M100, 299",
- el: document.createElement('div')
- });
- path = mp.curveToPath({
- start: {
- x: 200,
- y: 200
- },
- shift: {
- x: -100,
- y: 100
- },
- curvature: {
- x: 141,
- y: 50
- }
- });
- d = path.getAttribute('d');
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(200);
- expect(points.start.y).toBe(200);
- expect(points.end.x).toBe(100);
- expect(points.end.y).toBe(300);
- expect(points.control.x).toBeCloseTo(64.94);
- return expect(points.control.y).toBeCloseTo(264.346);
- });
- return it('should calculate percent curvature', function() {
- var d, path, points;
- mp = new MotionPath({
- path: "M100, 299",
- el: document.createElement('div')
- });
- path = mp.curveToPath({
- start: {
- x: 200,
- y: 200
- },
- shift: {
- x: -100,
- y: 100
- },
- curvature: {
- x: '50%',
- y: '25%'
- }
- });
- d = path.getAttribute('d');
- points = parseQadraticCurve(d);
- expect(points.start.x).toBe(200);
- expect(points.start.y).toBe(200);
- expect(points.end.x).toBe(100);
- expect(points.end.y).toBe(300);
- expect(points.control.x).toBeCloseTo(125);
- return expect(points.control.y).toBeCloseTo(225);
- });
- });
- describe('el option (parseEl method) ->', function() {
- it('should return an el when it was specified by selector', function() {
- var div, id;
- id = 'js-el';
- div = document.createElement('div');
- div.setAttribute('id', id);
- div.setAttribute('class', id);
- document.body.appendChild(div);
- mp = new MotionPath({
- path: coords,
- el: "#" + id
- });
- expect(mp.el instanceof HTMLElement).toBe(true);
- mp = new MotionPath({
- path: coords,
- el: "." + id
- });
- return expect(mp.el instanceof HTMLElement).toBe(true);
- });
- it('should return the el when the element was passed', function() {
- var div;
- div = document.createElement('div');
- mp = new MotionPath({
- path: coords,
- el: div
- });
- return expect(mp.el instanceof HTMLElement).toBe(true);
- });
- it('should return the module when module was passed', function() {
- var tr;
- tr = new Shape;
- mp = new MotionPath({
- path: coords,
- el: tr,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(mp.el).toBe(tr);
- });
- return it('should nicely error to console if el wasn\'t specified', function() {
- spyOn(h, 'error');
- mp = new MotionPath({
- path: coords,
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(h.error).toHaveBeenCalled();
- });
- });
- describe('then method ->', function() {
- it('should contribute to history on init', function() {
- var options;
- options = {
- path: coords,
- el: document.createElement('div'),
- duration: 2000
- };
- mp = new MotionPath(options);
- expect(mp.history.length).toBe(1);
- return expect(mp.history[0].duration).toBe(2000);
- });
- it('should contribute to history on then', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5
- }).then({
- pathStart: .5,
- pathEnd: 1
- });
- expect(mp.history.length).toBe(2);
- expect(mp.history[1].pathStart).toBe(.5);
- return expect(mp.history[1].pathEnd).toBe(1);
- });
- it('should copy duration from previous record', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- delay: 100
- }).then({
- pathStart: .5,
- pathEnd: 1
- });
- expect(mp.history[1].delay).toBe(void 0);
- return expect(mp.history[1].duration).toBe(2000);
- });
- it('should save previous options to the current history record #2', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- delay: 100
- }).then({
- pathStart: .5,
- pathEnd: 1
- });
- return expect(mp.timeline._timelines[1]._props.shiftTime).toBe(2100);
- });
- it('should not copy previous callbacks', function() {
- var onUpdate;
- onUpdate = function() {};
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- delay: 100,
- onUpdate: onUpdate
- }).then({
- pathStart: .5,
- pathEnd: 1,
- delay: 0
- });
- mp.timeline.setProgress(.74);
- mp.timeline.setProgress(.75);
- expect(mp.history[1].onUpdate).not.toBeDefined();
- return expect(mp.props.onUpdate).not.toBeDefined();
- });
- it('should add new callbacks if specified', function() {
- var onUpdate;
- onUpdate = function() {};
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- delay: 100,
- onUpdate: onUpdate
- }).then({
- pathStart: .5,
- pathEnd: 1,
- delay: 0,
- onUpdate: function() {}
- });
- mp.timeline.setProgress(.75);
- expect(mp.history[1].onUpdate).toBeDefined();
- return expect(mp.props.onUpdate).toBeDefined();
- });
- it('should add new timeline', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- onUpdate: function() {}
- }).then({
- pathStart: .5,
- pathEnd: 1
- });
- expect(mp.timeline._timelines.length).toBe(2);
- expect(mp.timeline._timelines[1]._o.duration).toBe(2000);
- return expect(mp.timeline._timelines[1]._o.onFirstUpdate).toBeDefined();
- });
- it('should add isChained option to the new timeline', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- onUpdate: function() {}
- }).then({
- pathStart: .5,
- pathEnd: 1
- });
- return expect(mp.timeline._timelines[1]._o.isChained).toBe(true);
- });
- return it('should not add isChained option if delay', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- onUpdate: function() {}
- }).then({
- pathStart: .5,
- pathEnd: 1,
- delay: 100
- });
- return expect(mp.timeline._timelines[1]._o.isChained).toBe(false);
- });
- });
- describe('tuneOptions ->', function() {
- it('should tune options', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5
- });
- mp.tuneOptions({
- duration: 5000
- });
- expect(mp.props.duration).toBe(5000);
- return expect(mp.props.pathEnd).toBe(.5);
- });
- return it('should recalc el, path, len, fill, container if defined', function() {
- var coordsIE, pathCoords;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- duration: 2000,
- pathEnd: .5,
- isRunLess: true
- });
- coords = 'M0,0 L 105,105';
- coordsIE = 'M 0 0 L 105 105';
- mp.tuneOptions({
- duration: 5000,
- path: coords
- });
- pathCoords = mp.path.getAttribute('d');
- return expect(pathCoords === coords || pathCoords === coordsIE).toBe(true);
- });
- });
- describe('createTween method', function() {
- return it('should bind the onFirstUpdate metod', function() {
- var type;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div')
- });
- type = typeof mp.timeline._timelines[0]._o.onFirstUpdate;
- return expect(type).toBe('function');
- });
- });
- describe('isModule flag ->', function() {
- return it('should be set if module was passed', function() {
- mp = new MotionPath({
- path: coords,
- el: new Shape({
- isRunLess: true
- }),
- isRunLess: true,
- isPresetPosition: false
- });
- return expect(mp.isModule).toBe(true);
- });
- });
- describe('setModulePosition method ->', function() {
- it('should use setProp of the module to set position', function() {
- var module;
- module = new Shape({
- isRunLess: true
- });
- mp = new MotionPath({
- path: coords,
- el: module,
- isRunLess: true,
- isPresetPosition: false
- });
- spyOn(module, '_setProp');
- mp.angle = 0;
- mp.setModulePosition(100, 200);
- return expect(module._setProp).toHaveBeenCalledWith({
- shiftX: '100px',
- shiftY: '200px',
- angle: 0
- });
- });
- it('should call module.draw method', function() {
- var module;
- module = new Shape({
- isRunLess: true
- });
- mp = new MotionPath({
- path: coords,
- el: module,
- isRunLess: true,
- isPresetPosition: false
- });
- spyOn(mp.el, '_draw');
- mp.setProgress(0, true);
- return expect(mp.el._draw).toHaveBeenCalled();
- });
- it('should be called if isModule', function() {
- var module;
- module = new Shape({
- isRunLess: true
- });
- mp = new MotionPath({
- path: coords,
- el: module,
- isRunLess: true,
- isPresetPosition: false
- });
- spyOn(mp, 'setModulePosition');
- mp.setProgress(0, true);
- return expect(mp.setModulePosition).toHaveBeenCalled();
- });
- return it('should not be called if !isModule', function() {
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true,
- isPresetPosition: false
- });
- spyOn(mp, 'setModulePosition');
- mp.setProgress(0, true);
- return expect(mp.setModulePosition).not.toHaveBeenCalled();
- });
- });
- describe('addEvent method ->', function() {
- return it('should add event listener', function() {
- var div, handler, isHandler;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div')
- });
- isHandler = false;
- div = document.createElement('div');
- handler = function() {
- return isHandler = true;
- };
- spyOn(div, 'addEventListener');
- mp.addEvent(div, 'click', handler);
- return expect(div.addEventListener).toHaveBeenCalledWith('click', handler, false);
- });
- });
- describe('extendDefaults method ->', function() {
- it('should copy options to self', function() {
- var div, path;
- path = 'M10,10 L100,100';
- div = document.createElement('div');
- mp = new MotionPath({
- path: path,
- el: div,
- isRunLess: true
- });
- mp.extendDefaults({
- path: path,
- el: div
- });
- expect(mp.path).toBe(path);
- return expect(mp.el).toBe(div);
- });
- return it('should not copy prototypes', function() {
- var Options, div, options, path;
- path = 'M10,10 L100,100';
- div = document.createElement('div');
- Options = (function() {
- function Options() {}
-
- Options.prototype.prop = 'some value';
-
- return Options;
-
- })();
- options = new Options;
- options.path = 'M10,10 L100,100';
- options.el = div;
- mp = new MotionPath({
- path: path,
- el: div,
- isRunLess: true
- });
- mp.extendDefaults(options);
- expect(mp.path).toBe(options.path);
- expect(mp.el).toBe(options.el);
- return expect(mp.props).not.toBe(options.props);
- });
- });
- describe('calcWidth method', function() {
- it('should calc scaler.x based on passed size', function() {
- var size;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true
- });
- size = {
- width: 200
- };
- mp.cSize = {
- width: 200
- };
- mp.scaler = {};
- mp.calcWidth(size);
- return expect(mp.scaler.x).toBe(mp.cSize.width / size.width);
- });
- return it('if result scaler.x is not finite, then should be set to 1', function() {
- var size;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true
- });
- size = {
- width: 0
- };
- mp.cSize = {
- width: 200
- };
- mp.scaler = {};
- mp.calcWidth(size);
- return expect(mp.scaler.x).toBe(1);
- });
- });
- describe('calcHeight method', function() {
- it('should calc scaler.y based on passed size', function() {
- var size;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true
- });
- size = {
- height: 200
- };
- mp.cSize = {
- height: 200
- };
- mp.scaler = {};
- mp.calcHeight(size);
- return expect(mp.scaler.y).toBe(mp.cSize.height / size.height);
- });
- return it('if result scaler.x is not finite, then should be set to 1', function() {
- var size;
- mp = new MotionPath({
- path: coords,
- el: document.createElement('div'),
- isRunLess: true
- });
- size = {
- height: 0
- };
- mp.cSize = {
- height: 200
- };
- mp.scaler = {};
- mp.calcHeight(size);
- return expect(mp.scaler.y).toBe(1);
- });
- });
- describe('createFilter method ->', function() {
- var path;
- path = "M0,20 L100,150 L200,100";
- it('should get svg id', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- if (!isMotionReset) {
- return expect(mp.filterID).toBeDefined();
- }
- });
- it('should add svg element to body', function() {
- spyOn(h, 'getUniqID');
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- if (!isMotionReset) {
- expect(document.querySelector("#" + mp.filterID)).toBeTruthy();
- expect(document.querySelector("#" + mp.filterID).tagName).toBe('filter');
- return expect(h.getUniqID).toHaveBeenCalled();
- }
- });
- it('should add hidden svg element', function() {
- var el;
- spyOn(h, 'getUniqID');
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- if (!isMotionReset) {
- el = document.querySelector("#" + mp.filterID);
- expect(el.parentNode.style.visibility).toBe('hidden');
- expect(el.parentNode.style.width).toBe('0px');
- return expect(el.parentNode.style.height).toBe('0px');
- }
- });
- it('should add filter', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- if (!isMotionReset) {
- expect(mp.filter.tagName).toBe('feGaussianBlur');
- return expect(mp.filterOffset.tagName).toBe('feOffset');
- }
- });
- return it('should apply blur on element', function() {
- var prefixedStyle, style;
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: .5
- });
- mp.setProgress(.1);
- if (!isMotionReset) {
- style = mp.el.style.filter;
- prefixedStyle = mp.el.style[h.prefix.css + 'filter'];
- return expect((style || prefixedStyle).replace(/\"/gim, '')).toBe("url(#" + mp.filterID + ")");
- }
- });
- });
- describe('motionBlur at the end ->', function() {
- var path;
- path = "M0,20 L100,150 L200,100";
- return it('should set motion blur and offset to 0 at the end', function(dfr) {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- motionBlur: 1,
- duration: 200
- });
- return setTimeout(function() {
- if (isMotionReset) {
- return dfr();
- }
- expect(mp.filter.getAttribute('stdDeviation')).toBe('0,0');
- expect(mp.filterOffset.getAttribute('dx')).toBe('0');
- expect(mp.filterOffset.getAttribute('dy')).toBe('0');
- return dfr();
- }, 500);
- });
- });
- describe('motionBlur reset ->', function() {
- var path;
- path = "M0,20 L100,150 L200,100";
- return it('should reset motionBlur to 0 if in Safari or IE', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: .5
- });
- if (isMotionReset) {
- return expect(mp.props.motionBlur === 0).toBe(true);
- } else {
- return expect(mp.props.motionBlur === .5).toBe(true);
- }
- });
- });
- describe('motionBlur, makeMotionBlur method ->', function() {
- var path;
- if (isMotionReset) {
- return;
- }
- path = "M0,20 L100,150 L200,100";
- it('should be called if motionBlur passed', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: .5
- });
- spyOn(mp, 'makeMotionBlur');
- mp.setProgress(.1);
- return expect(mp.makeMotionBlur).toHaveBeenCalled();
- });
- it('should not be called if motionBlur was not passed', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true
- });
- spyOn(mp, 'makeMotionBlur');
- mp.setProgress(.1);
- return expect(mp.makeMotionBlur).not.toHaveBeenCalled();
- });
- it('save previous coordinates if motionBlur is defined', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: .5
- });
- mp.setProgress(.1);
- expect(mp.prevCoords.x).toBeCloseTo(16.81, 1);
- return expect(mp.prevCoords.y).toBeCloseTo(41.86, 1);
- });
- it('calculate speed and blur based on prevCoords', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1
- });
- mp.setProgress(.1);
- mp.setProgress(.11);
- expect(mp.speedX).toBeCloseTo(1.68, 1);
- expect(mp.speedY).toBeCloseTo(2.18, 1);
- expect(mp.blurX).toBeCloseTo(.1051, 5);
- return expect(mp.blurY).toBeCloseTo(.1366, 4);
- });
- it('should set speed to 0 if prevCoords are undefined yet', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1,
- isPresetPosition: false
- });
- mp.setProgress(.1);
- expect(mp.speedX).toBe(0);
- return expect(mp.speedY).toBe(0);
- });
- it('should have blur in range of [0,1]', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1,
- isPresetPosition: false
- });
- mp.setProgress(.1);
- mp.setProgress(.9);
- expect(mp.blurX).toBe(1);
- return expect(mp.blurY).toBe(1);
- });
- it('motionBlur should be in a range of [0,1]', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: -.5
- });
- return expect(mp.props.motionBlur).toBe(0);
- });
- it('motionBlur should be in a range of [0,1] #2', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- return expect(mp.props.motionBlur).toBe(1);
- });
- it('motionBlur should be in a range of [0,1] #2', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- return expect(mp.props.motionBlur).toBe(1);
- });
- it('should set blur to filter', function() {
- var attrs;
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- mp.setProgress(.1);
- mp.setProgress(.5);
- attrs = mp.filter.getAttribute('stdDeviation').split(',');
- expect(parseInt(attrs[0], 10)).toBeCloseTo(52);
- return expect(parseInt(attrs[1], 10)).toBeCloseTo(60);
- });
- return it('should set blur to filterOffset', function() {
- var dx, dy;
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- mp.setProgress(.1);
- mp.setProgress(.5);
- dx = mp.filterOffset.getAttribute('dx');
- dy = mp.filterOffset.getAttribute('dy');
- expect(parseInt(dx, 10)).toBeCloseTo(-52);
- return expect(parseInt(dy, 10)).toBeCloseTo(-60);
- });
- });
- describe('angToCoords method ->', function() {
- var degree45, path;
- path = "M0,20 L100,150 L200,100";
- degree45 = 1;
- it('should translate angle to coordinates *y*', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- expect(mp.angToCoords(0).y).toBeCloseTo(-1);
- expect(mp.angToCoords(45).y).toBeCloseTo(-degree45, 1);
- expect(mp.angToCoords(90).y).toBe(0);
- expect(mp.angToCoords(135).y).toBeCloseTo(degree45, 1);
- expect(mp.angToCoords(180).y).toBeCloseTo(1);
- expect(mp.angToCoords(225).y).toBeCloseTo(degree45, 1);
- expect(mp.angToCoords(270).y).toBeCloseTo(0, 1);
- expect(mp.angToCoords(315).y).toBeCloseTo(-degree45, 1);
- expect(mp.angToCoords(-45).y).toBeCloseTo(-degree45, 1);
- return expect(mp.angToCoords(360).y).toBeCloseTo(-1);
- });
- return it('should translate angle to coordinates *x*', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1.5
- });
- expect(mp.angToCoords(0).x).toBeCloseTo(0, 1);
- expect(mp.angToCoords(45).x).toBeCloseTo(degree45, 1);
- expect(mp.angToCoords(90).x).toBeCloseTo(1, 1);
- expect(mp.angToCoords(135).x).toBeCloseTo(degree45, 1);
- expect(mp.angToCoords(180).x).toBeCloseTo(0, 1);
- expect(mp.angToCoords(225).x).toBeCloseTo(-degree45, 1);
- expect(mp.angToCoords(270).x).toBeCloseTo(-1, 1);
- expect(mp.angToCoords(315).x).toBeCloseTo(-degree45, 1);
- expect(mp.angToCoords(-45).x).toBeCloseTo(-degree45, 1);
- return expect(mp.angToCoords(360).x).toBeCloseTo(0, 1);
- });
- });
- return describe('setBlur method ->', function() {
- var path;
- if (isMotionReset) {
- return;
- }
- path = "M0,20 L100,150 L200,100";
- return it('should set blur and blurOffset to filter', function() {
- mp = new MotionPath({
- path: path,
- el: document.createElement('div'),
- isRunLess: true,
- motionBlur: 1
- });
- mp.setBlur({
- blur: {
- x: 5,
- y: 10
- },
- offset: {
- x: 6,
- y: 9
- }
- });
- expect(mp.filter.getAttribute('stdDeviation')).toBe('5,10');
- expect(mp.filterOffset.getAttribute('dx')).toBe('6');
- return expect(mp.filterOffset.getAttribute('dy')).toBe('9');
- });
- });
- });
-
-}).call(this);
diff --git a/spec/rig/rig.spec.js b/spec/rig/rig.spec.js
new file mode 100644
index 000000000..c1ceffb6b
--- /dev/null
+++ b/spec/rig/rig.spec.js
@@ -0,0 +1,469 @@
+var Deltas = mojs.Deltas;
+var Rig = mojs.Rig;
+var Tweenable = helpers.Tweenable;
+
+describe('`rig` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `ClassProto`', function () {
+ var rig = new Rig();
+ expect(Tweenable.__mojsClass.isPrototypeOf(rig)).toBe(true);
+ });
+
+ it('should have `_defaults`', function () {
+ var rig = new Rig();
+
+ expect(rig._defaults.curvature).toBe(0);
+ expect(rig._defaults.direction).toBe(1);
+ expect(rig._defaults.size).toBe(200);
+ expect(rig._defaults.x1).toBe(0);
+ expect(rig._defaults.y1).toBe(0);
+ expect(rig._defaults.x2).toBe(0);
+ expect(rig._defaults.y2).toBe(100);
+ });
+ });
+
+ describe('`_render` ->', function() {
+ it('should render rig #1', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: 200,
+ x2: 200,
+ y1: 100,
+ y2: 150,
+ curvature: .5,
+ size: 300,
+ direction: -1,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(52);
+ expect(Math.round(supportArg.handle1.y)).toBe(85);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(51);
+ expect(Math.round(supportArg.handle2.y)).toBe(160);
+
+ expect(Math.round(supportArg.center.x)).toBe(200);
+ expect(Math.round(supportArg.center.y)).toBe(125);
+
+ expect(Math.round(supportArg.knee.x)).toBe(52);
+ expect(Math.round(supportArg.knee.y)).toBe(122);
+
+ expect(Math.round(supportArg.angle1)).toBe(94);
+ expect(Math.round(supportArg.angle2)).toBe(88);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('0.17');
+ });
+
+ it('should render rig #2', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: 100,
+ x2: 300,
+ y1: 125,
+ y2: 100,
+ curvature: 1,
+ size: 100,
+ direction: 1,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(175);
+ expect(Math.round(supportArg.handle1.y)).toBe(116);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(225);
+ expect(Math.round(supportArg.handle2.y)).toBe(109);
+
+ expect(Math.round(supportArg.center.x)).toBe(200);
+ expect(Math.round(supportArg.center.y)).toBe(113);
+
+ expect(Math.round(supportArg.knee.x)).toBe(200);
+ expect(Math.round(supportArg.knee.y)).toBe(113);
+
+ expect(Math.round(supportArg.angle1)).toBe(-97);
+ expect(Math.round(supportArg.angle2)).toBe(-277);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('2.02');
+ });
+
+ it('should render rig #3', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: 50,
+ x2: 150,
+ y1: 0,
+ y2: 450,
+ curvature: .25,
+ size: 500,
+ direction: -1,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(-1);
+ expect(Math.round(supportArg.handle1.y)).toBe(215);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(12);
+ expect(Math.round(supportArg.handle2.y)).toBe(277);
+
+ expect(Math.round(supportArg.center.x)).toBe(100);
+ expect(Math.round(supportArg.center.y)).toBe(225);
+
+ expect(Math.round(supportArg.knee.x)).toBe(5);
+ expect(Math.round(supportArg.knee.y)).toBe(246);
+
+ expect(Math.round(supportArg.angle1)).toBe(17);
+ expect(Math.round(supportArg.angle2)).toBe(138);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('0.92');
+ });
+
+ it('should render rig #3', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: 0,
+ x2: 15,
+ y1: 100,
+ y2: 50,
+ curvature: .75,
+ size: 50,
+ direction: -.25,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(6);
+ expect(Math.round(supportArg.handle1.y)).toBe(78);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(9);
+ expect(Math.round(supportArg.handle2.y)).toBe(72);
+
+ expect(Math.round(supportArg.center.x)).toBe(7);
+ expect(Math.round(supportArg.center.y)).toBe(75);
+
+ expect(Math.round(supportArg.knee.x)).toBe(7);
+ expect(Math.round(supportArg.knee.y)).toBe(75);
+
+ expect(Math.round(supportArg.angle1)).toBe(-163);
+ expect(Math.round(supportArg.angle2)).toBe(17);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('1.04');
+ });
+
+ it('should render rig deltas #1', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: 0,
+ x2: { 15: 50 },
+ y1: 100,
+ y2: { 100: -150 },
+ curvature: .75,
+ size: 50,
+ direction: -.25,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.0001);
+ rig.setProgress(0);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(5);
+ expect(Math.round(supportArg.handle1.y)).toBe(109);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(12);
+ expect(Math.round(supportArg.handle2.y)).toBe(108);
+
+ expect(Math.round(supportArg.center.x)).toBe(8);
+ expect(Math.round(supportArg.center.y)).toBe(100);
+
+ expect(Math.round(supportArg.knee.x)).toBe(8);
+ expect(Math.round(supportArg.knee.y)).toBe(109);
+
+ expect(Math.round(supportArg.angle1)).toBe(-25);
+ expect(Math.round(supportArg.angle2)).toBe(17);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('0.30');
+
+ rig.setProgress(.5);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(19);
+ expect(Math.round(supportArg.handle1.y)).toBe(15);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(21);
+ expect(Math.round(supportArg.handle2.y)).toBe(8);
+
+ expect(Math.round(supportArg.center.x)).toBe(20);
+ expect(Math.round(supportArg.center.y)).toBe(12);
+
+ expect(Math.round(supportArg.knee.x)).toBe(20);
+ expect(Math.round(supportArg.knee.y)).toBe(12);
+
+ expect(Math.round(supportArg.angle1)).toBe(-167);
+ expect(Math.round(supportArg.angle2)).toBe(13);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('3.62');
+
+ rig.setProgress(1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(24);
+ expect(Math.round(supportArg.handle1.y)).toBe(-21);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(26);
+ expect(Math.round(supportArg.handle2.y)).toBe(-29);
+
+ expect(Math.round(supportArg.center.x)).toBe(25);
+ expect(Math.round(supportArg.center.y)).toBe(-25);
+
+ expect(Math.round(supportArg.knee.x)).toBe(25);
+ expect(Math.round(supportArg.knee.y)).toBe(-25);
+
+ expect(Math.round(supportArg.angle1)).toBe(-169);
+ expect(Math.round(supportArg.angle2)).toBe(11);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('5.10');
+ });
+
+ it('should render rig deltas #2', function () {
+ var propsArg = {};
+ var supportArg = {};
+
+ var rig = new Rig({
+ x1: { 10: 55 },
+ x2: { 100: 25 },
+ y1: { 15: 100 },
+ y2: { 50: 250 },
+ curvature: .5,
+ size: 50,
+ direction: -.75,
+ onRender: function(props, support) {
+ propsArg = props;
+ supportArg = support;
+ }
+ });
+
+ rig.setProgress(0);
+ rig.setProgress(.5);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(44);
+ expect(Math.round(supportArg.handle1.y)).toBe(127);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(45);
+ expect(Math.round(supportArg.handle2.y)).toBe(139);
+
+ expect(Math.round(supportArg.center.x)).toBe(44);
+ expect(Math.round(supportArg.center.y)).toBe(133);
+
+ expect(Math.round(supportArg.knee.x)).toBe(44);
+ expect(Math.round(supportArg.knee.y)).toBe(133);
+
+ expect(Math.round(supportArg.angle1)).toBe(-3);
+ expect(Math.round(supportArg.angle2)).toBe(177);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('2.33');
+
+ rig.setProgress(.5);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(44);
+ expect(Math.round(supportArg.handle1.y)).toBe(127);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(45);
+ expect(Math.round(supportArg.handle2.y)).toBe(139);
+
+ expect(Math.round(supportArg.center.x)).toBe(44);
+ expect(Math.round(supportArg.center.y)).toBe(133);
+
+ expect(Math.round(supportArg.knee.x)).toBe(44);
+ expect(Math.round(supportArg.knee.y)).toBe(133);
+
+ expect(Math.round(supportArg.angle1)).toBe(-3);
+ expect(Math.round(supportArg.angle2)).toBe(177);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('2.33');
+
+ rig.setProgress(.75);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(42);
+ expect(Math.round(supportArg.handle1.y)).toBe(158);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(40);
+ expect(Math.round(supportArg.handle2.y)).toBe(170);
+
+ expect(Math.round(supportArg.center.x)).toBe(41);
+ expect(Math.round(supportArg.center.y)).toBe(164);
+
+ expect(Math.round(supportArg.knee.x)).toBe(41);
+ expect(Math.round(supportArg.knee.y)).toBe(164);
+
+ expect(Math.round(supportArg.angle1)).toBe(8);
+ expect(Math.round(supportArg.angle2)).toBe(188);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('2.86');
+
+ rig.setProgress(1);
+
+ expect(Math.round(supportArg.handle1.x)).toBe(41);
+ expect(Math.round(supportArg.handle1.y)).toBe(169);
+
+ expect(Math.round(supportArg.handle2.x)).toBe(39);
+ expect(Math.round(supportArg.handle2.y)).toBe(181);
+
+ expect(Math.round(supportArg.center.x)).toBe(40);
+ expect(Math.round(supportArg.center.y)).toBe(175);
+
+ expect(Math.round(supportArg.knee.x)).toBe(40);
+ expect(Math.round(supportArg.knee.y)).toBe(175);
+
+ expect(Math.round(supportArg.angle1)).toBe(11);
+ expect(Math.round(supportArg.angle2)).toBe(191);
+
+ expect(supportArg.stretchRatio.toFixed(2)).toBe('3.06');
+ });
+ });
+
+ describe('`deltas` ->', function() {
+ it('should create deltas', function () {
+ var rig = new Rig();
+
+ expect(Deltas.__mojsClass.isPrototypeOf(rig._deltas)).toBe(true)
+ });
+
+ it('should pass the `_props` to the `Deltas`', function () {
+ var rig = new Rig({
+ x: { 200: 0 }
+ });
+
+ expect(rig._deltas._o.el).toEqual(rig._props);
+ expect(rig._deltas._o.size).toEqual(rig._props.size);
+ expect(rig._deltas._o.curvature).toEqual(rig._props.curvature);
+ expect(rig._deltas._o.direction).toEqual(rig._props.direction);
+ expect(rig._deltas._o.x1).toEqual(rig._props.x1);
+ expect(rig._deltas._o.x2).toEqual(rig._props.x2);
+ expect(rig._deltas._o.y1).toEqual(rig._props.y1);
+ expect(rig._deltas._o.y2).toEqual(rig._props.y2);
+ expect(rig._deltas._o.x).toEqual(rig._props.x);
+ expect(rig._deltas._o.x).toEqual({ 200: 0 });
+ });
+
+ it('should pass render function', function () {
+ var rig = new Rig();
+
+ expect(typeof rig._deltas._o.customProperties.render).toBe('function');
+
+ spyOn(rig, 'render');
+
+ var obj = {};
+ var support = {};
+ var ep = Math.random();
+ var p = Math.random();
+ var isForward = true;
+ rig._deltas._o.customProperties.render(obj, support, ep, p, isForward);
+
+ expect(rig.render).toHaveBeenCalledWith(obj, support, ep, p, isForward);
+ });
+
+ it('should call the original render', function () {
+ var customProperties = {
+ render: function () {}
+ };
+
+ spyOn(customProperties, 'render');
+
+ var rig = new Rig({
+ customProperties: customProperties
+ });
+
+ var obj = {};
+ var support = {};
+ var ep = Math.random();
+ var p = Math.random();
+ var isForward = true;
+ rig._deltas._o.customProperties.render(obj, support, ep, p, isForward);
+
+ expect(customProperties.render).toHaveBeenCalledWith(obj, support, ep, p, isForward);
+ });
+
+ it('should pipe all the custom properties', function () {
+ var customProperties = {
+ a: Math.random(),
+ b: {
+ type: 'unit'
+ },
+ render: function () {}
+ };
+
+ var rig = new Rig({
+ customProperties: customProperties
+ });
+
+ expect(rig._deltas._o.customProperties.a).toBe(customProperties.a);
+ expect(rig._deltas._o.customProperties.b).toEqual(customProperties.b);
+ });
+
+ it('should remove all the default properties from the `customProperties`', function () {
+ var customProperties = {
+ size: 200,
+ curvature: 0,
+ direction: 1,
+ x1: 0,
+ y1: 0,
+ x2: 0,
+ y2: 100,
+ onRender: () => {},
+ a: Math.random(),
+ b: {
+ type: 'unit'
+ },
+ render: function () {}
+ };
+
+ var rig = new Rig({
+ customProperties: customProperties
+ });
+
+ expect(rig._deltas._o.customProperties.a).toBe(customProperties.a);
+ expect(rig._deltas._o.customProperties.b).toEqual(customProperties.b);
+ expect(typeof rig._deltas._o.customProperties.render).toBe('function');
+ expect(Object.keys(rig._deltas._o.customProperties).length).toBe(3);
+ });
+
+ it('should set `timeline` to `deltas.timeline`', function () {
+ var rig = new Rig();
+
+ expect(rig.timeline).toBe(rig._deltas.timeline);
+ });
+ });
+});
diff --git a/spec/shape-swirl.coffee b/spec/shape-swirl.coffee
deleted file mode 100644
index 08228755f..000000000
--- a/spec/shape-swirl.coffee
+++ /dev/null
@@ -1,258 +0,0 @@
-Shape = mojs.Shape
-ShapeSwirl = mojs.ShapeSwirl
-Module = mojs.Module
-
-tr = new Shape
-describe 'ShapeSwirl ->', ->
- describe 'extension ->', ->
- it 'should extend Shape class', ->
- swirl = new ShapeSwirl
- expect(swirl instanceof Shape).toBe true
- it 'should have degreeShift value', ->
- swirl = new ShapeSwirl
- x: {0:10}, y: {0:10}
- isSwirl: false, degreeShift: 90
- expect(swirl._props.degreeShift).toBe 90
-
- describe '_calcPosData method ->', ->
- it 'should calc position radius', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:20}
- expect(swirl._posData.radius).toBe Math.sqrt (10*10 + 20*20)
- it 'should calc position angle', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:10}
- expect(swirl._posData.angle).toBe 135
- it 'should calc position angle', ->
- swirl = new ShapeSwirl x: {0:-10}, y: {0:-10}
- expect(swirl._posData.angle).toBe - 45
- it 'should calc position angle', ->
- swirl = new ShapeSwirl x: {0:0}, y: {0:-10}
- expect(swirl._posData.angle).toBe 0
- it 'should calc position angle', ->
- swirl = new ShapeSwirl x: {0:-10}, y: {0:0}
- expect(swirl._posData.angle).toBe 270
- it 'should save startX and StartY values', ->
- swirl = new ShapeSwirl x: {0:10}, y: {10:10}
- expect(swirl._posData.x.start).toBe 0
- expect(swirl._posData.y.start).toBe 10
- it 'should set start position anyways', ->
- swirl = new ShapeSwirl x: {0:10}, y: 0
- expect(swirl._props.x).toBe '0px'
- expect(swirl._props.y).toBe '0px'
- # it 'should call _calcSwirlXY method with 1', ->
- # swirl = new ShapeSwirl x: {0:10}, y: 0
- # spyOn swirl, '_calcSwirlXY'
- # swirl._calcPosData()
- # expect(swirl._calcSwirlXY).toHaveBeenCalledWith 1
-
- describe '_extendDefaults method ->', ->
- it 'should call super _extendDefaults method', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(Module.prototype, '_extendDefaults').and.callThrough()
- swirl._extendDefaults()
- expect(Module.prototype._extendDefaults).toHaveBeenCalled()
-
- it 'should call _calcPosData method', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(swirl, '_calcPosData').and.callThrough()
- swirl._extendDefaults()
- expect(swirl._calcPosData).toHaveBeenCalled()
-
- describe '_tuneNewOptions method ->', ->
- it 'should call super _tuneNewOptions method', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(Module.prototype, '_tuneNewOptions').and.callThrough()
- swirl._tuneNewOptions({})
- expect(Module.prototype._tuneNewOptions).toHaveBeenCalled()
-
- it 'should not call super _tuneNewOptions method if no o', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(Module.prototype, '_tuneNewOptions').and.callThrough()
- swirl._tuneNewOptions()
- expect(Module.prototype._tuneNewOptions).not.toHaveBeenCalled()
-
- it 'should call _calcPosData method if x changes', ->
- swirl = new ShapeSwirl x: 200
- spyOn(swirl, '_calcPosData').and.callThrough()
- swirl._tuneNewOptions({ x: 300 })
- expect(swirl._calcPosData).toHaveBeenCalled()
-
- it 'should call _calcPosData method if y changes', ->
- swirl = new ShapeSwirl y: 200
- spyOn(swirl, '_calcPosData').and.callThrough()
- swirl._tuneNewOptions({ y: 300 })
- expect(swirl._calcPosData).toHaveBeenCalled()
-
- it 'should not call _calcPosData method if no x/y changes', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(swirl, '_calcPosData').and.callThrough()
- swirl._tuneNewOptions({ radius: 200 })
- expect(swirl._calcPosData).not.toHaveBeenCalled()
-
- describe '_declareDefaults method ->', ->
- it 'should call super _declareDefaults', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(ShapeSwirl.prototype, '_declareDefaults').and.callThrough()
- swirl._declareDefaults()
- expect(ShapeSwirl.prototype._declareDefaults).toHaveBeenCalled()
- it 'should add swirlSize default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.swirlSize).toBe 10
- it 'should add swirlFrequency default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.swirlFrequency).toBe 3
- it 'should add isSwirl default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.isSwirl).toBe true
- it 'should add pathScale default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.pathScale).toBe 1
- it 'should add degreeShift default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.degreeShift).toBe 0
- it 'should modify radius default', ->
- swirl = new ShapeSwirl fill: 'cyan'
- expect(swirl._defaults.radius).toBe 5
- it 'should modify scale default', ->
- swirl = new ShapeSwirl fill: 'cyan'
- expect(swirl._defaults.scale[1]).toBe 0
- it 'should modify x default', ->
- swirl = new ShapeSwirl fill: 'cyan'
- expect(swirl._defaults.x).toBe 0
- it 'should modify x default', ->
- swirl = new ShapeSwirl fill: 'cyan'
- expect(swirl._defaults.y).toBe 0
- it 'should add direction default', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- expect(swirl._defaults.direction).toBe 1
- it 'should have isWithShape', ->
- swirl = new ShapeSwirl fill: 'cyan'
- expect(swirl._defaults.isWithShape).toBe true
-
- describe '_setProgress ->', ->
- it 'should svae progress', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- swirl._progress = -1
- swirl._setProgress .5
- expect(swirl._progress).toBe .5
- it 'should call _calcCurrentProps method', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(swirl, '_calcCurrentProps').and.callThrough()
- swirl._setProgress .5, .35
- expect(swirl._calcCurrentProps).toHaveBeenCalledWith .5, .35
- it 'should call _draw method', ->
- swirl = new ShapeSwirl radius: [{ 20: 50 }, 20]
- spyOn(swirl, '_draw').and.callThrough()
- swirl._setProgress .5
- expect(swirl._draw).toHaveBeenCalledWith .5
-
- it 'should set x/y progress', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:10}, isSwirl: false
- swirl._setProgress .4
- swirl._setProgress .5
- expect(parseInt(swirl._props.x, 10)).toBe 5
- expect(parseInt(swirl._props.y, 10)).toBe 5
- it 'should set x/y progress regarding degreeShift', ->
- swirl = new ShapeSwirl
- x: {0:10}, y: {0:10}, isSwirl: false,
- degreeShift: 90
- # swirl._setProgress .4
- swirl._setProgress .5
- x = parseFloat(swirl._props.x).toFixed 2
- expect(x).toBe '-5.00'
- expect(parseInt(swirl._props.y, 10)).toBe 5
-
- it 'should set x/y progress regarding delta degreeShift', ->
- swirl = new ShapeSwirl
- x: {0:10}, y: {0:10}, isSwirl: false,
- degreeShift: { 0: 180 }
- # swirl._setProgress .5
- swirl._setProgress .5
-
- x = parseFloat(swirl._props.x).toFixed 2
- expect(x).toBe '-5.00'
- expect(parseInt(swirl._props.y, 10)).toBe 5
- it 'should set x/y progress', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:10}, isSwirl: false
- swirl._setProgress 1
- expect(parseInt(swirl._props.x, 10)).toBe 10
- expect(parseInt(swirl._props.y, 10)).toBe 10
- it 'should set negative x/y progress', ->
- swirl = new ShapeSwirl
- x: {0:'-10'}, y: {0:'-10'}, isSwirl: false
- swirl._setProgress 1
-
- x = parseFloat(swirl._props.x).toFixed 2
- expect(x).toBe '-10.00'
- y = parseFloat(swirl._props.y).toFixed 2
- expect(y).toBe '-10.00'
- # expect(parseInt(swirl._props.x, 10)).toBe -10
- # expect(parseInt(swirl._props.y, 10)).toBe -10
- # old foreign
- # it 'should set plain x/y progress if foreign context', ->
- # swirl = new ShapeSwirl
- # x: {0:10}, y: {0:10}, ctx: tr.ctx, isSwirl: false
- # swirl._setProgress .5
- # swirl._setProgress 1
- # expect(swirl._props.x.toFixed(2)).toBe '10.00'
- # expect(swirl._props.y.toFixed(2)).toBe '10.00'
- it 'should respect pathScale value', ->
- swirl = new ShapeSwirl
- x: {0:10}, y: {0:10},
- isSwirl: false, pathScale: .5
- swirl._setProgress 1
- expect(parseInt(swirl._props.x, 10) ).toBe 5
- expect(parseInt(swirl._props.y, 10) ).toBe 5
- it 'should not add swirl', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:10}, isSwirl: false
- swirl._setProgress .5
- expect( parseInt(swirl._props.x, 10) ).toBe 5
- expect( parseInt(swirl._props.y, 10) ).toBe 5
- it 'should add swirl if isSwirl', ->
- swirl = new ShapeSwirl x: {0:10}, y: {0:10}, isSwirl: true
- swirl._setProgress .5
- expect(swirl._props.x).not.toBe '5.0000px'
- expect(swirl._props.y).not.toBe '5.0000px'
- describe '_getSwirl method ->', ->
- it 'should calc swirl based on swirlFrequency and swirlSize props', ->
- swirl = new ShapeSwirl
- swirl1 = swirl._getSwirl(.5)
- freq = Math.sin(swirl._props.swirlFrequency*.5)
- sign = swirl._props.direction
- expect(swirl1).toBe sign*swirl._props.swirlSize*freq
-
- describe '_draw method ->', ->
- it 'should call super', ->
- swirl = new ShapeSwirl
- spyOn Shape::, '_draw'
- swirl._draw()
- expect(Shape::_draw).toHaveBeenCalled()
-
- it 'should not call super if !isWithShape', ->
- swirl = new ShapeSwirl isWithShape: false
- spyOn Shape::, '_draw'
- spyOn Shape::, '_drawEl'
- swirl._draw()
- expect(Shape::_draw).not.toHaveBeenCalled()
- expect(Shape::_drawEl).toHaveBeenCalled()
-
-
- describe '_calcSwirlXY method ->', ->
- it 'should set values without exponintail values', ->
- swirl = new ShapeSwirl x: { 0: 250 }, y: { 0: 250 }
-
- swirl._calcSwirlXY( .000000001 )
- swirl._calcSwirlXY( .000000001 )
- # console.log swirl._props.x
- expect(swirl._props.x).not.toMatch /e/
- expect(swirl._props.y).not.toMatch /e/
-
- it 'should set negative values without exponintail values', ->
- swirl = new ShapeSwirl x: { 0: -250 }, y: { 0: -250 }
-
- swirl._calcSwirlXY( .000000001 )
- swirl._calcSwirlXY( .000000001 )
- # console.log swirl._props.x
- expect(swirl._props.x).not.toMatch /e/
- expect(swirl._props.y).not.toMatch /e/
-
-
diff --git a/spec/shape-swirl.js b/spec/shape-swirl.js
deleted file mode 100644
index 95c95393a..000000000
--- a/spec/shape-swirl.js
+++ /dev/null
@@ -1,564 +0,0 @@
-(function() {
- var Module, Shape, ShapeSwirl, tr;
-
- Shape = mojs.Shape;
-
- ShapeSwirl = mojs.ShapeSwirl;
-
- Module = mojs.Module;
-
- tr = new Shape;
-
- describe('ShapeSwirl ->', function() {
- describe('extension ->', function() {
- it('should extend Shape class', function() {
- var swirl;
- swirl = new ShapeSwirl;
- return expect(swirl instanceof Shape).toBe(true);
- });
- return it('should have degreeShift value', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false,
- degreeShift: 90
- });
- return expect(swirl._props.degreeShift).toBe(90);
- });
- });
- describe('_calcPosData method ->', function() {
- it('should calc position radius', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 20
- }
- });
- return expect(swirl._posData.radius).toBe(Math.sqrt(10 * 10 + 20 * 20));
- });
- it('should calc position angle', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- }
- });
- return expect(swirl._posData.angle).toBe(135);
- });
- it('should calc position angle', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: -10
- },
- y: {
- 0: -10
- }
- });
- return expect(swirl._posData.angle).toBe - 45;
- });
- it('should calc position angle', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 0
- },
- y: {
- 0: -10
- }
- });
- return expect(swirl._posData.angle).toBe(0);
- });
- it('should calc position angle', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: -10
- },
- y: {
- 0: 0
- }
- });
- return expect(swirl._posData.angle).toBe(270);
- });
- it('should save startX and StartY values', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 10: 10
- }
- });
- expect(swirl._posData.x.start).toBe(0);
- return expect(swirl._posData.y.start).toBe(10);
- });
- return it('should set start position anyways', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: 0
- });
- expect(swirl._props.x).toBe('0px');
- return expect(swirl._props.y).toBe('0px');
- });
- });
- describe('_extendDefaults method ->', function() {
- it('should call super _extendDefaults method', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(Module.prototype, '_extendDefaults').and.callThrough();
- swirl._extendDefaults();
- return expect(Module.prototype._extendDefaults).toHaveBeenCalled();
- });
- return it('should call _calcPosData method', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(swirl, '_calcPosData').and.callThrough();
- swirl._extendDefaults();
- return expect(swirl._calcPosData).toHaveBeenCalled();
- });
- });
- describe('_tuneNewOptions method ->', function() {
- it('should call super _tuneNewOptions method', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(Module.prototype, '_tuneNewOptions').and.callThrough();
- swirl._tuneNewOptions({});
- return expect(Module.prototype._tuneNewOptions).toHaveBeenCalled();
- });
- it('should not call super _tuneNewOptions method if no o', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(Module.prototype, '_tuneNewOptions').and.callThrough();
- swirl._tuneNewOptions();
- return expect(Module.prototype._tuneNewOptions).not.toHaveBeenCalled();
- });
- it('should call _calcPosData method if x changes', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: 200
- });
- spyOn(swirl, '_calcPosData').and.callThrough();
- swirl._tuneNewOptions({
- x: 300
- });
- return expect(swirl._calcPosData).toHaveBeenCalled();
- });
- it('should call _calcPosData method if y changes', function() {
- var swirl;
- swirl = new ShapeSwirl({
- y: 200
- });
- spyOn(swirl, '_calcPosData').and.callThrough();
- swirl._tuneNewOptions({
- y: 300
- });
- return expect(swirl._calcPosData).toHaveBeenCalled();
- });
- return it('should not call _calcPosData method if no x/y changes', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(swirl, '_calcPosData').and.callThrough();
- swirl._tuneNewOptions({
- radius: 200
- });
- return expect(swirl._calcPosData).not.toHaveBeenCalled();
- });
- });
- describe('_declareDefaults method ->', function() {
- it('should call super _declareDefaults', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(ShapeSwirl.prototype, '_declareDefaults').and.callThrough();
- swirl._declareDefaults();
- return expect(ShapeSwirl.prototype._declareDefaults).toHaveBeenCalled();
- });
- it('should add swirlSize default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.swirlSize).toBe(10);
- });
- it('should add swirlFrequency default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.swirlFrequency).toBe(3);
- });
- it('should add isSwirl default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.isSwirl).toBe(true);
- });
- it('should add pathScale default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.pathScale).toBe(1);
- });
- it('should add degreeShift default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.degreeShift).toBe(0);
- });
- it('should modify radius default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- fill: 'cyan'
- });
- return expect(swirl._defaults.radius).toBe(5);
- });
- it('should modify scale default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- fill: 'cyan'
- });
- return expect(swirl._defaults.scale[1]).toBe(0);
- });
- it('should modify x default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- fill: 'cyan'
- });
- return expect(swirl._defaults.x).toBe(0);
- });
- it('should modify x default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- fill: 'cyan'
- });
- return expect(swirl._defaults.y).toBe(0);
- });
- it('should add direction default', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- return expect(swirl._defaults.direction).toBe(1);
- });
- return it('should have isWithShape', function() {
- var swirl;
- swirl = new ShapeSwirl({
- fill: 'cyan'
- });
- return expect(swirl._defaults.isWithShape).toBe(true);
- });
- });
- describe('_setProgress ->', function() {
- it('should svae progress', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- swirl._progress = -1;
- swirl._setProgress(.5);
- return expect(swirl._progress).toBe(.5);
- });
- it('should call _calcCurrentProps method', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(swirl, '_calcCurrentProps').and.callThrough();
- swirl._setProgress(.5, .35);
- return expect(swirl._calcCurrentProps).toHaveBeenCalledWith(.5, .35);
- });
- it('should call _draw method', function() {
- var swirl;
- swirl = new ShapeSwirl({
- radius: [
- {
- 20: 50
- }, 20
- ]
- });
- spyOn(swirl, '_draw').and.callThrough();
- swirl._setProgress(.5);
- return expect(swirl._draw).toHaveBeenCalledWith(.5);
- });
- it('should set x/y progress', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false
- });
- swirl._setProgress(.4);
- swirl._setProgress(.5);
- expect(parseInt(swirl._props.x, 10)).toBe(5);
- return expect(parseInt(swirl._props.y, 10)).toBe(5);
- });
- it('should set x/y progress regarding degreeShift', function() {
- var swirl, x;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false,
- degreeShift: 90
- });
- swirl._setProgress(.5);
- x = parseFloat(swirl._props.x).toFixed(2);
- expect(x).toBe('-5.00');
- return expect(parseInt(swirl._props.y, 10)).toBe(5);
- });
- it('should set x/y progress regarding delta degreeShift', function() {
- var swirl, x;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false,
- degreeShift: {
- 0: 180
- }
- });
- swirl._setProgress(.5);
- x = parseFloat(swirl._props.x).toFixed(2);
- expect(x).toBe('-5.00');
- return expect(parseInt(swirl._props.y, 10)).toBe(5);
- });
- it('should set x/y progress', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false
- });
- swirl._setProgress(1);
- expect(parseInt(swirl._props.x, 10)).toBe(10);
- return expect(parseInt(swirl._props.y, 10)).toBe(10);
- });
- it('should set negative x/y progress', function() {
- var swirl, x, y;
- swirl = new ShapeSwirl({
- x: {
- 0: '-10'
- },
- y: {
- 0: '-10'
- },
- isSwirl: false
- });
- swirl._setProgress(1);
- x = parseFloat(swirl._props.x).toFixed(2);
- expect(x).toBe('-10.00');
- y = parseFloat(swirl._props.y).toFixed(2);
- return expect(y).toBe('-10.00');
- });
- it('should respect pathScale value', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false,
- pathScale: .5
- });
- swirl._setProgress(1);
- expect(parseInt(swirl._props.x, 10)).toBe(5);
- return expect(parseInt(swirl._props.y, 10)).toBe(5);
- });
- it('should not add swirl', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: false
- });
- swirl._setProgress(.5);
- expect(parseInt(swirl._props.x, 10)).toBe(5);
- return expect(parseInt(swirl._props.y, 10)).toBe(5);
- });
- return it('should add swirl if isSwirl', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 10
- },
- y: {
- 0: 10
- },
- isSwirl: true
- });
- swirl._setProgress(.5);
- expect(swirl._props.x).not.toBe('5.0000px');
- return expect(swirl._props.y).not.toBe('5.0000px');
- });
- });
- describe('_getSwirl method ->', function() {
- return it('should calc swirl based on swirlFrequency and swirlSize props', function() {
- var freq, sign, swirl, swirl1;
- swirl = new ShapeSwirl;
- swirl1 = swirl._getSwirl(.5);
- freq = Math.sin(swirl._props.swirlFrequency * .5);
- sign = swirl._props.direction;
- return expect(swirl1).toBe(sign * swirl._props.swirlSize * freq);
- });
- });
- describe('_draw method ->', function() {
- it('should call super', function() {
- var swirl;
- swirl = new ShapeSwirl;
- spyOn(Shape.prototype, '_draw');
- swirl._draw();
- return expect(Shape.prototype._draw).toHaveBeenCalled();
- });
- return it('should not call super if !isWithShape', function() {
- var swirl;
- swirl = new ShapeSwirl({
- isWithShape: false
- });
- spyOn(Shape.prototype, '_draw');
- spyOn(Shape.prototype, '_drawEl');
- swirl._draw();
- expect(Shape.prototype._draw).not.toHaveBeenCalled();
- return expect(Shape.prototype._drawEl).toHaveBeenCalled();
- });
- });
- return describe('_calcSwirlXY method ->', function() {
- it('should set values without exponintail values', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: 250
- },
- y: {
- 0: 250
- }
- });
- swirl._calcSwirlXY(.000000001);
- swirl._calcSwirlXY(.000000001);
- expect(swirl._props.x).not.toMatch(/e/);
- return expect(swirl._props.y).not.toMatch(/e/);
- });
- return it('should set negative values without exponintail values', function() {
- var swirl;
- swirl = new ShapeSwirl({
- x: {
- 0: -250
- },
- y: {
- 0: -250
- }
- });
- swirl._calcSwirlXY(.000000001);
- swirl._calcSwirlXY(.000000001);
- expect(swirl._props.x).not.toMatch(/e/);
- return expect(swirl._props.y).not.toMatch(/e/);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/shape.coffee b/spec/shape.coffee
deleted file mode 100644
index 4ad43b5ef..000000000
--- a/spec/shape.coffee
+++ /dev/null
@@ -1,1466 +0,0 @@
-Byte = mojs.Shape
-Shape = mojs.Shape
-Bit = mojs.shapesMap.getShape('bit')
-Thenable = mojs.Thenable
-Tunable = mojs.Tunable
-Tweenable = mojs.Tweenable
-Rect = mojs.shapesMap.getShape('rect')
-h = mojs.helpers
-ns = 'http://www.w3.org/2000/svg'
-svg = document.createElementNS?(ns, 'svg')
-
-# console.log = ->
-console.warn = ->
-console.error = ->
-
-describe 'Shape ->', ->
- describe '_vars method', ->
- it 'should have own _vars function ->', ->
- byte = new Byte
- expect(byte._vars).toBeDefined()
- expect(-> byte._vars()).not.toThrow()
- it 'should call _vars super method', ->
- byte = new Byte
- expect(byte._history.length).toBe 1
- it 'should save passed _o.masterModule to _masterModule', ->
- obj = {}
- byte = new Byte masterModule: obj
- byte._masterModule = null
- byte._vars()
- expect(byte._masterModule).toBe obj
- it 'should set `_isChained` based on `prevChainModule` option', ->
- byte0 = new Byte
-
- byte = new Byte
- prevChainModule: byte0
- masterModule: byte0
-
- byte._isChained = null
- byte._vars()
- expect(byte._isChained).toBe true
- # old
- # it 'should save passed _o.positionEl to el', ->
- # obj = document.createElement 'div'
- # byte = new Byte positionEl: obj
- # byte.el = null
- # byte._vars()
- # expect(byte.el).toBe obj
- # old
- # it 'should save passed _o.shiftEl to el', ->
- # obj = document.createElement 'div'
- # byte = new Byte shiftEl: obj
- # byte.el = null
- # byte._vars()
- # expect(byte.el).toBe obj
- it 'should save passed _o.prevChainModule to _prevChainModule', ->
- byte0 = new Byte
- byte = new Byte
- prevChainModule: byte0
- masterModule: byte0
-
- byte._prevChainModule = null
- byte._vars()
- expect(byte._prevChainModule).toBe byte0
-
- describe 'extension ->', ->
- it 'should extend Tweenable class', ->
- byte = new Byte
- expect(byte instanceof Tweenable).toBe(true)
- it 'should extend Thenable class', ->
- byte = new Byte
- expect(byte instanceof Thenable).toBe(true)
- describe 'defaults object ->', ->
- it 'should have defaults object', ->
- byte = new Byte
- expect(byte._defaults).toBeDefined()
- expect(byte._defaults.parent).toBe document.body
- expect(byte._defaults.className).toBe ''
- expect(byte._defaults.shape).toBe 'circle'
- expect(byte._defaults.stroke).toBe 'transparent'
- expect(byte._defaults.strokeOpacity).toBe 1
- expect(byte._defaults.strokeLinecap).toBe ''
- expect(byte._defaults.strokeWidth).toBe 2
- expect(byte._defaults.strokeDasharray).toBe 0
- expect(byte._defaults.strokeDashoffset).toBe 0
- expect(byte._defaults.fill).toBe 'deeppink'
- expect(byte._defaults.fillOpacity).toBe 1
- expect(byte._defaults.isSoftHide).toBe true
- expect(byte._defaults.isForce3d).toBe false
- expect(byte._defaults.left).toBe '50%'
- expect(byte._defaults.top).toBe '50%'
- expect(byte._defaults.x).toBe 0
- expect(byte._defaults.y).toBe 0
- expect(byte._defaults.angle).toBe 0
- expect(byte._defaults.scale).toEqual 1
- expect(byte._defaults.scaleX).toBe null
- expect(byte._defaults.scaleY).toBe null
- expect(byte._defaults.origin).toBe '50% 50%'
- expect(byte._defaults.rx).toBe 0
- expect(byte._defaults.ry).toBe 0
- expect(byte._defaults.opacity).toBe 1
- expect(byte._defaults.points).toBe 3
- expect(byte._defaults.duration).toBe 400
- expect(byte._defaults.radius).toBe 50
- expect(byte._defaults.radiusX).toBe null
- expect(byte._defaults.radiusY).toBe null
- expect(byte._defaults.isShowEnd).toBe true
- expect(byte._defaults.isShowStart).toBe false
- expect(byte._defaults.isRefreshState).toBe true
- # nope
- # expect(byte._defaults.size).toBe null
- expect(byte._defaults.width).toBe null
- expect(byte._defaults.height).toBe null
- # expect(byte._defaults.sizeGap).toBe 0
- expect(byte._defaults.isWithShape).toBe true
- expect(byte._defaults.callbacksContext).toBe byte
-
- describe '_applyCallbackOverrides ->', ->
- it 'should create callbackOverrides object on passed object', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides(obj)
- expect(typeof obj.callbackOverrides).toBe 'object'
- # not null
- expect(obj.callbackOverrides).toBe obj.callbackOverrides
-
- describe 'onUpdate callback override ->', ->
- it 'should override this._o.onUpdate', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides(obj)
- expect(typeof obj.callbackOverrides.onUpdate).toBe 'function'
- it 'should call _setProgress ', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides(obj)
- spyOn tr, '_setProgress'
- easedProgress = .25
- progress = .2
- obj.callbackOverrides.onUpdate easedProgress, progress
- expect(tr._setProgress).toHaveBeenCalledWith easedProgress, progress
-
- it 'should not override onUpdate function if exists', ->
- isRightScope = null; args = null
- options = {
- easing: 'Linear.None',
- onUpdate:->
- isRightScope = @ is tr
- args = arguments
- }
- tr = new Shape options
- expect(typeof tr._o.onUpdate).toBe 'function'
-
- tr.timeline.setProgress 0
- tr.timeline.setProgress .1
- expect(isRightScope).toBe true
-
- expect(args[0]).toBe .1
- expect(args[1]).toBe .1
- expect(args[2]).toBe true
- expect(args[3]).toBe false
-
- it 'should call _setProgress method', ->
- options = { easing: 'Linear.None', onUpdate:-> }
- obj = {}
- tr = new Shape options
-
- tr.timeline.setProgress 0
- spyOn tr, '_setProgress'
- progress = .1
- tr.timeline.setProgress progress
- expect(tr._setProgress.calls.first().args[0]).toBeCloseTo progress, 5
-
- describe 'onStart callback override ->', ->
- it 'should override this._o.onStart', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- expect(typeof obj.callbackOverrides.onStart).toBe 'function'
- it 'should call _show if isForward and !_isChained', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_show'
- obj.callbackOverrides.onStart true
- expect(tr._show).toHaveBeenCalled()
- it 'should not call _show if _isChained', ->
- tr = new Shape
- masterModule: new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_show'
- obj.callbackOverrides.onStart true
- expect(tr._show).not.toHaveBeenCalled()
-
- it 'should call _hide if not isForward and !_isChained', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onStart false
- expect(tr._hide).toHaveBeenCalled()
- it 'should not call _hide if not isForward and _isChained', ->
- tr = new Shape masterModule: new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onStart false
- expect(tr._hide).not.toHaveBeenCalled()
- it 'should not call _hide if not isForward and isShowStart', ->
- tr = new Shape isShowStart: true
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onStart false
- expect(tr._hide).not.toHaveBeenCalled()
-
- describe 'onComplete callback override ->', ->
- it 'should override this._o.onComplete', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- expect(typeof obj.callbackOverrides.onComplete).toBe 'function'
- it 'should call _show if !isForward', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_show'
- obj.callbackOverrides.onComplete false
- expect(tr._show).toHaveBeenCalled()
- it 'should call _show if !isForward and _isLastInChain()', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_show'
- obj.callbackOverrides.onComplete false
- expect(tr._show).toHaveBeenCalled()
- it 'should call _show if !isForward and _isLastInChain() #2', ->
- tr = new Shape().then radius: 0
- el = tr._modules[1]
- obj = {}
- el._applyCallbackOverrides( obj )
- spyOn el, '_show'
- obj.callbackOverrides.onComplete false
- expect(el._show).toHaveBeenCalled()
- it 'should not call _show if !isForward and not _isLastInChain', ->
- tr = new Shape().then radius: 0
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_show'
- obj.callbackOverrides.onComplete false
- expect(tr._show).not.toHaveBeenCalled()
- it 'should call _hide if isForward and !isShowEnd', ->
- tr = new Shape isShowEnd: false
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).toHaveBeenCalled()
- it 'should not call _hide if isForward but isShowEnd', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).not.toHaveBeenCalled()
- it 'should call _hide if isForward and _isLastInChain', ->
- tr = new Shape isShowEnd: false
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).toHaveBeenCalled()
- it 'should call not _hide if isForward and !_isLastInChain', ->
- tr = new Shape(isShowEnd: false).then({ radius: 0 })
- # module = tr._modules[1]
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).not.toHaveBeenCalled()
- it 'should not call _hide if isForward and _isLastInChain but isShowEnd', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).not.toHaveBeenCalled()
- it 'should not call _hide if isForward but !_isLastInChain and isShowEnd', ->
- tr = new Shape().then radius: 0
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_hide'
- obj.callbackOverrides.onComplete true
- expect(tr._hide).not.toHaveBeenCalled()
-
- describe 'onRefresh callback override ->', ->
- it 'should override this._o.onRefresh', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- expect(typeof obj.callbackOverrides.onRefresh).toBe 'function'
- it 'should call _refreshBefore if isBefore', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_refreshBefore'
- obj.callbackOverrides.onRefresh true
- expect(tr._refreshBefore).toHaveBeenCalled()
- it 'should not call _refreshBefore if !isBefore', ->
- tr = new Shape
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_refreshBefore'
- obj.callbackOverrides.onRefresh false
- expect(tr._refreshBefore).not.toHaveBeenCalled()
-
- it 'should not call _refreshBefore if !isRefreshState', ->
- tr = new Shape isRefreshState: false
- obj = {}
- tr._applyCallbackOverrides( obj )
- spyOn tr, '_refreshBefore'
- obj.callbackOverrides.onRefresh true
- expect(tr._refreshBefore).not.toHaveBeenCalled()
-
- describe '_transformTweenOptions method', ->
- it 'should call _applyCallbackOverrides with _o', ->
- tr = new Shape
- spyOn tr, '_applyCallbackOverrides'
- tr._transformTweenOptions()
- expect(tr._applyCallbackOverrides).toHaveBeenCalledWith tr._o
-
- describe 'options object ->', ->
- it 'should receive empty options object by default', ->
- byte = new Byte
- expect(byte._o).toBeDefined()
- it 'should receive options object', ->
- byte = new Byte option: 1
- expect(byte._o.option).toBe 1
- describe 'index option ->', ->
- it 'should receive index option', ->
- byte = new Shape index: 5
- expect(byte._index).toBe 5
- it 'should fallback to 0', ->
- byte = new Shape
- expect(byte._index).toBe 0
- describe 'options history ->', ->
- it 'should have history array', ->
- byte = new Byte
- expect(h.isArray(byte._history)).toBe true
- it 'should save options to history array', ->
- byte = new Byte radius: 20
- expect(byte._history.length).toBe 1
-
- describe 'size calculations ->', ->
- it 'should not calculate size el size if size was passed', ->
- byte = new Byte
- radius: 10
- strokeWidth: 5
- width: 400
- height: 200
- expect(byte._props.shapeWidth).toBe(400)
- expect(byte._props.shapeHeight).toBe(200)
-
- describe 'opacity set ->', ->
- it 'should set opacity regarding units', ->
- byte = new Byte opacity: .5, isShowStart: true
- expect(byte.el.style.opacity).toBe '0.5'
- it 'should animate opacity', (dfr)->
- byte = new Byte
- opacity: { 1: 0}
- duration: 100
- onComplete:->
- expect(byte.el.style.opacity).toBe('0');
- dfr()
- byte.play()
-
- describe 'position set ->', ->
- describe 'x/y coordinates ->', ->
- it 'should set position regarding units', ->
- byte = new Byte left: 100, top: 50
- expect(byte.el.style.left).toBe '100px'
- expect(byte.el.style.top) .toBe '50px'
- it 'should animate position', (dfr)->
- byte = new Byte
- left: {100: '200px'}
- duration: 100
- onComplete:-> expect(byte.el.style.left).toBe('200px'); dfr()
- byte.play()
- it 'should warn when x/y animated position and not foreign context',->
- spyOn console, 'warn'
- byte = new Byte left: {100: '200px'}
- byte.play()
- expect(console.warn).toHaveBeenCalled()
- it 'should notwarn when x/y animated position and foreign context',->
- spyOn console, 'warn'
- byte = new Byte left: {100: '200px'}, ctx: svg
- byte.play()
- expect(console.warn).not.toHaveBeenCalled()
- it 'should animate position regarding units', (dfr)->
- byte = new Byte
- left: {'20%': '50%'}
- duration: 100
- byte.play()
- setTimeout ->
- expect(byte.el.style.left) .toBe '50%'
- dfr()
- , 500
- it 'end unit that were not specified should fallback to start unit', ()->
- byte = new Byte
- left: {'20%': 50}
- duration: 200
- byte.play()
- expect(byte._deltas.left.start.unit).toBe '%'
- expect(byte._deltas.left.end.unit) .toBe '%'
- it 'should fallback to end units if units are different', (dfr)->
- byte = new Byte
- left: {'20%': '50px'}
- duration: 200
- onComplete:-> expect(byte.el.style.left).toBe('50px'); dfr()
- byte.play()
- it 'should set position regarding units #2', ->
- byte = new Byte
- x: 100
- y: 50,
- isShowStart: true
- s = byte.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
-
- isNormal = tr is 'translate(100px, 50px) rotate(0deg) scale(1, 1)'
- isIE = tr is 'translate(100px, 50px) rotate(0deg) scale(1)'
-
- expect(isNormal or isIE).toBe true
-
- it 'should animate shift position', (dfr)->
- byte = new Byte
- x: {100: '200px'}
- duration: 200
- onComplete:->
- s = byte.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(200px, 0) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(200px, 0px) rotate(0deg) scale(1, 1)'
- isTr3 = tr is 'translate(200px, 0px) rotate(0deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
- dfr()
- byte.play()
- it 'should animate position regarding units #3', (dfr)->
- byte = new Byte
- x: {'20%': '50%'}
- duration: 200
- onComplete:->
- s = byte.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(50%, 0) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(50%, 0px) rotate(0deg) scale(1, 1)'
- isTr3 = tr is 'translate(50%, 0px) rotate(0deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
- dfr()
- byte.play()
- it 'should fallback to end units if units are differnt', (dfr)->
- byte = new Byte
- x: { '20%': '50px' }
- y: { 0 : '50%' }
- duration: 200
- onComplete:->
- s = byte.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
- isTr1 = tr is 'translate(50px, 50%) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(50px, 50%) rotate(0deg) scale(1)'
- expect(isTr1 or isTr2).toBe true
- dfr()
- byte.play()
-
- describe '_render method ->', ->
- it 'should call _createShape method', ->
- byte = new Byte radius: 25
- spyOn byte, '_createShape'
- byte._isRendered = false
- byte._render()
- expect(byte._createShape).toHaveBeenCalled()
- it 'should set _isRendered to true', ->
- byte = new Byte radius: 25
- expect(byte._isRendered).toBe true
- byte._isRendered = false; byte._render()
- expect(byte._isRendered).toBe true
- it 'should not call _createShape method if already rendered', ->
- byte = new Byte radius: 25
- spyOn byte, '_createShape'
- byte._isRendered = true
- byte._render()
- expect(byte._createShape).not.toHaveBeenCalled()
- it 'should set `el` and `shape` if `_isChained`', ->
- byte0 = new Byte radius: 25
- byte = new Byte
- prevChainModule: byte0
- masterModule: byte0
- expect(byte.el).toBe byte0.el
- expect(byte.shapeModule).toBe byte0.shapeModule
- it 'should not call _createShape method if _isChained', ->
- byte0 = new Byte
- byte = new Byte
- radius: 25
- prevChainModule: byte0
- masterModule: byte0
-
- spyOn byte, '_createShape'
- byte._o.el = byte0.el
- byte._o.shapeModule = byte0.shapeModule
- byte._render()
- expect(byte._createShape).not.toHaveBeenCalled()
-
- it 'should call `_setProgress(0)` if not `_isChained`', ->
- byte = new Byte
- spyOn byte, '_setProgress'
- byte._isRendered = false
- byte._render()
- expect(byte._setProgress).toHaveBeenCalledWith(0, 0)
-
- it 'should not call `_setProgress(0)` if not `_isFirstInChain()`', ->
- byte0 = new Byte
- byte = new Byte
- prevChainModule: byte0
- masterModule: byte0
-
- spyOn byte, '_setProgress'
- byte._isRendered = false
- byte._render()
- expect(byte._setProgress).not.toHaveBeenCalledWith(0)
-
- it 'should call _setElStyles method', ->
- byte = new Byte radius: 25
- spyOn byte, '_setElStyles'
- byte._isRendered = false
- byte._render()
- expect(byte._setElStyles).toHaveBeenCalled()
-
- it 'should not call _setElStyles method if _isChained', ->
- byte = new Byte
- prevChainModule: new Byte
- masterModule: new Byte
- spyOn byte, '_setElStyles'
- byte._isRendered = true
- byte._render()
- expect(byte._setElStyles).not.toHaveBeenCalled()
-
- it 'should call _show method if `isShowStart`', ->
- byte = new Byte isShowStart: true
- spyOn byte, '_show'
- byte._isRendered = false
- byte._render()
- expect(byte._show).toHaveBeenCalled()
-
- it 'should call not _show method if not `isShowStart`', ->
- byte = new Byte isShowStart: false
- spyOn byte, '_show'
- byte._isRendered = false
- byte._render()
- expect(byte._show).not.toHaveBeenCalled()
-
- it 'should not _show method if `_isChained`', ->
- byte = new Byte
- isShowStart: true,
- prevChainModule: new Byte
- masterModule: new Byte
-
- spyOn byte, '_show'
- byte._isRendered = false
- byte._render()
- expect(byte._show).not.toHaveBeenCalled()
-
- it 'should call _hide method if not `isShowStart`', ->
- byte = new Byte isShowStart: false
- spyOn byte, '_hide'
- byte._isRendered = false
- byte._render()
- expect(byte._hide).toHaveBeenCalled()
-
- it 'should call not _hide method if `isShowStart`', ->
- byte = new Byte isShowStart: true
- spyOn byte, '_hide'
- byte._isRendered = false
- byte._render()
- expect(byte._hide).not.toHaveBeenCalled()
-
- it 'should not _hide method if `_isChained`', ->
- byte = new Byte
- isShowStart: false,
- prevChainModule: new Byte
- masterModule: new Byte
-
- spyOn byte, '_hide'
- byte._isRendered = false
- byte._render()
- expect(byte._hide).not.toHaveBeenCalled()
-
- describe '_setElStyles method ->', ->
- it 'should set dimentions and position of the `el`', ->
- byte = new Byte radius: 25
- byte.el.style.position = 'static'
- byte.el.style.width = '0px'
- byte.el.style.height = '0px'
- byte.el.style[ 'margin-left' ] = '0px'
- byte.el.style[ 'margin-top' ] = '0px'
- byte._setElStyles()
-
- expect( byte.el.style.position ).toBe 'absolute'
- expect( byte.el.style.width ).toBe "#{byte._props.shapeWidth}px"
- expect( byte.el.style.height ).toBe "#{byte._props.shapeHeight}px"
- expect( byte.el.style[ 'margin-left' ] )
- .toBe "-#{byte._props.shapeWidth/2}px"
- expect( byte.el.style[ 'margin-top' ] )
- .toBe "-#{byte._props.shapeHeight/2}px"
- it 'should set `backface-visibility` if `isForce3d`', ->
- byte = new Byte radius: 25, isForce3d: true
- style = byte.el.style
- bv = style[ 'backface-visibility' ]
- prefixedBv = style[ "#{mojs.h.prefix.css}backface-visibility" ]
- expect( bv or prefixedBv ).toBe 'hidden'
-
- it 'should not set `backface-visibility` if `isForce3d`', ->
- byte = new Byte radius: 25
- style = byte.el.style
- bv = style[ 'backface-visibility' ]
- prefixedBv = style[ "#{mojs.h.prefix.css}backface-visibility" ]
- expect( bv or prefixedBv ).not.toBe 'hidden'
-
- describe '_draw method ->', ->
- # nope
- # it 'should call _setProp method', ->
- # byte = new Byte radius: 25
- # spyOn byte.shapeModule, 'setProp'
- # byte._draw()
- # expect(byte.shapeModule.setProp).toHaveBeenCalled()
- it 'should set all attributes to shape\'s properties', ->
- byte = new Byte
- radius: 25,
- x: 20, y: 30,
- rx: 15, ry: 25
- stroke: 'red'
- strokeWidth: 2
- strokeOpacity: .5
- strokeLinecap: 'round'
- strokeDasharray: 200
- strokeDashoffset: 100
- fill: 'cyan'
- fillOpacity: .5
- radius: 100
- radiusX: 22
- radiusY: { 20: 0 }
- points: 4
-
- byte._draw()
- # old
- # expect(byte.shapeModule._props.x).toBe byte._origin.x
- # old
- # expect(byte.shapeModule._props.y).toBe byte._origin.y
- expect(byte.shapeModule._props.rx).toBe byte._props.rx
- expect(byte.shapeModule._props.ry).toBe byte._props.ry
- expect(byte.shapeModule._props.stroke).toBe byte._props.stroke
- expect(byte.shapeModule._props['stroke-width']).toBe byte._props.strokeWidth
- expect(byte.shapeModule._props['stroke-opacity']).toBe byte._props.strokeOpacity
- expect(byte.shapeModule._props['stroke-linecap']).toBe byte._props.strokeLinecap
- expect(byte.shapeModule._props['stroke-dasharray']).toBe byte._props.strokeDasharray[0].value + ' '
- expect(byte.shapeModule._props['stroke-dashoffset']).toBe byte._props.strokeDashoffset[0].value + ' '
- expect(byte.shapeModule._props['fill']).toBe byte._props.fill
- expect(byte.shapeModule._props['fill-opacity']).toBe byte._props.fillOpacity
- expect(byte.shapeModule._props['radius']).toBe byte._props.radius
- expect(byte.shapeModule._props['radiusX']).toBe byte._props.radiusX
- expect(byte.shapeModule._props['radiusY']).toBe byte._props.radiusY
- expect(byte.shapeModule._props['points']).toBe byte._props.points
- # old
- # expect(byte.shapeModule._props['transform']).toBe byte._calcShapeTransform()
-
- it 'should call bit._draw method', ->
- byte = new Byte radius: 25
- spyOn byte.shapeModule, '_draw'
- byte._draw()
- expect(byte.shapeModule._draw).toHaveBeenCalled()
- it 'should call _drawEl method', ->
- byte = new Byte radius: 25
- spyOn byte, '_drawEl'
- byte._draw()
- expect(byte._drawEl).toHaveBeenCalled()
- it 'should receive the current progress', ->
- byte = new Byte radius: 25
- spyOn byte, '_draw'
- byte._setProgress .5
- expect(byte._draw).toHaveBeenCalledWith .5
- describe '_drawEl method ->', ->
- it 'should set el positions and transforms', ->
- byte = new Byte radius: 25, top: 10, isShowStart: true
- expect(byte.el.style.top) .toBe '10px'
- expect(byte.el.style.opacity) .toBe '1'
- expect(byte.el.style.left).toBe '50%'
- s = byte.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(0, 0) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(0px, 0px) rotate(0deg) scale(1, 1)'
- isTr3 = tr is 'translate(0px, 0px) rotate(0deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
- it 'should set new values', ->
- byte = new Byte radius: 25, top: 10
- byte._draw()
- byte._props.left = '1px'
- byte._draw()
- expect(byte.el.style.left).toBe '1px'
- expect(byte._lastSet.left.value) .toBe '1px'
- it 'should not set old values', ->
- byte = new Byte radius: 25, y: 10
- byte._draw()
- byte._draw()
- expect(byte._lastSet.x.value) .toBe '0'
- it 'should return true if there is no el', ->
- byte = new Byte radius: 25
- byte.el = null
- expect(byte._drawEl()).toBe true
- it 'should set transform if angle changed', ->
- byte = new Byte angle: 25
- byte._draw()
- byte._props.angle = 26
- byte._draw()
- style = byte.el.style
- tr = style['transform'] or style["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(0, 0) rotate(26deg) scale(1, 1)'
- isTr2 = tr is 'translate(0px, 0px) rotate(26deg) scale(1, 1)'
- isTr3 = tr is 'translate(0px, 0px) rotate(26deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
- # expect(byte.el.style["#{h.prefix.css}transform"]).toBe resultStr
- it 'should not set transform if angle changed #2', ->
- byte = new Byte angle: 25
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._draw()
- expect(byte._fillTransform).not.toHaveBeenCalled()
- it 'should set transform if scaleX changed', ->
- byte = new Byte scaleX: 25
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._props.scaleX = 24
- byte._draw()
- expect(byte._fillTransform).toHaveBeenCalled()
- it 'should not set transform if scaleX not changed', ->
- byte = new Byte scaleX: 25
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._draw()
- expect(byte._fillTransform).not.toHaveBeenCalled()
- it 'should set transform if scaleY changed', ->
- byte = new Byte scaleY: 25
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._props.scaleY = 24
- byte._draw()
- expect(byte._fillTransform).toHaveBeenCalled()
- it 'should not set transform if scaleY not changed', ->
- byte = new Byte scaleY: 25
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._draw()
- expect(byte._fillTransform).not.toHaveBeenCalled()
- it 'should set transform if one of the x, y or scale changed', ->
- byte = new Byte radius: 25, top: 10, ctx: svg
- byte._draw()
- spyOn byte, '_fillTransform'
- byte._draw()
- expect(byte._fillTransform).not.toHaveBeenCalled()
- it 'should set transform if x changed #1', ->
- byte = new Byte radius: 25, top: 10, x: { 0: 10 }
- byte._props.x = '4px'
- spyOn(byte, '_fillTransform').and.callThrough()
- byte._draw()
- expect(byte._fillTransform).toHaveBeenCalled()
- style = byte.el.style
- tr = style['transform'] or style["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(4px, 0) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(4px, 0px) rotate(0deg) scale(1, 1)'
- isTr3 = tr is 'translate(4px, 0px) rotate(0deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
-
- it 'should set transform if x changed #2', ->
- byte = new Byte radius: 25, top: 10, y: { 0: 10 }
- byte._props.y = '4px'
- spyOn(byte, '_fillTransform').and.callThrough()
- byte._draw()
- expect(byte._fillTransform).toHaveBeenCalled()
- style = byte.el.style
- tr = style['transform'] or style["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(0, 4px) rotate(0deg) scale(1, 1)'
- isTr2 = tr is 'translate(0px, 4px) rotate(0deg) scale(1, 1)'
- isTr3 = tr is 'translate(0px, 4px) rotate(0deg) scale(1)'
- expect(isTr or isTr2 or isTr3).toBe true
-
- it 'should set transform if x changed #3', ->
- byte = new Byte radius: 25, top: 10, scale: { 0: 10 }
- byte._props.scale = 3
- spyOn(byte, '_fillTransform').and.callThrough()
- byte._draw()
- expect(byte._fillTransform).toHaveBeenCalled()
- # resultStr = 'scale(3) translate(0, 0) rotate(0deg)'
- # expect(byte.el.style['transform']).toBe resultStr
- style = byte.el.style
- tr = style['transform'] or style["#{mojs.h.prefix.css}transform"]
- isTr = tr is 'translate(0, 0) rotate(0deg) scale(3, 3)'
- isTr2 = tr is 'translate(0px, 0px) rotate(0deg) scale(3, 3)'
- isTr3 = tr is 'translate(0px, 0px) rotate(0deg) scale(3)'
- expect(isTr or isTr2 or isTr3).toBe true
-
- it 'should set `transform-origin` if `origin`', ->
- byte = new Byte origin: '50% 30%'
- byte._drawEl()
- prop = 'transform-origin'
- style = byte.el.style
- tr = style[ prop ] or style["#{mojs.h.prefix.css}#{prop}"]
- isOr1 = tr is '50% 30% '
- isOr2 = tr is '50% 30%'
- isOr3 = tr is '50% 30% 0px'
- expect(isOr1 or isOr2 or isOr3).toBe true
-
- it 'should set `transform-origin` if `origin` changed', ->
- byte = new Byte origin: '50% 30%'
- spyOn(byte, '_fillOrigin').and.callThrough()
- byte._props.origin = byte._parseStrokeDashOption( 'origin', '50% 40%');
- byte._drawEl()
- prop = 'transform-origin'
- style = byte.el.style
- tr = style[ prop ] or style["#{mojs.h.prefix.css}#{prop}"]
- isOr1 = tr is '50% 40% '
- isOr2 = tr is '50% 40%'
- isOr3 = tr is '50% 40% 0px'
- expect(isOr1 or isOr2 or isOr3).toBe true
- expect(byte._fillOrigin).toHaveBeenCalled()
-
- it 'should not set `transform-origin` if `origin`', ->
- byte = new Byte origin: '50% 30%'
- byte._draw()
- spyOn(byte, '_fillOrigin').and.callThrough()
- byte._draw()
- expect(byte._fillOrigin).not.toHaveBeenCalled()
-
- it 'should set `transform-origin` if `origin` in `_deltas`', ->
- byte = new Byte origin: { '50% 30%': '50% 0'}
- spyOn(byte, '_fillOrigin').and.callThrough()
- byte._drawEl()
- byte._drawEl()
- expect(byte._fillOrigin.calls.count()).toBe 2
-
- describe '_isPropChanged method ->', ->
- it 'should return bool showing if prop was changed after the last set', ->
- byte = new Byte radius: 25, y: 10
- byte._props.left = '20px'
- expect(byte._isPropChanged 'left').toBe true
- byte._props.left = '20px'
- expect(byte._isPropChanged 'left').toBe false
- it 'should add prop object to lastSet if undefined', ->
- byte = new Byte radius: 25, y: 10
- byte._isPropChanged('x')
- expect(byte._lastSet.x).toBeDefined()
- describe 'delta calculations ->', ->
- it 'should skip delta for excludePropsDelta object', ->
- byte = new Byte radius: {45: 55}
- byte._skipPropsDelta = radius: 1
- byte._extendDefaults()
- expect(byte._deltas.radius).not.toBeDefined()
- describe 'numeric values ->', ->
- it 'should calculate delta', ->
- byte = new Byte radius: {25: 75}
- radiusDelta = byte._deltas.radius
- expect(radiusDelta.start) .toBe 25
- expect(radiusDelta.delta) .toBe 50
- expect(radiusDelta.type) .toBe 'number'
- it 'should calculate delta with string arguments', ->
- byte = new Byte radius: {'25': '75'}
- radiusDelta = byte._deltas.radius
- expect(radiusDelta.start) .toBe 25
- expect(radiusDelta.delta) .toBe 50
- it 'should calculate delta with float arguments', ->
- byte = new Byte radius: {'25.50': 75.50}
- radiusDelta = byte._deltas.radius
- expect(radiusDelta.start) .toBe 25.5
- expect(radiusDelta.delta) .toBe 50
- it 'should calculate delta with negative start arguments', ->
- byte = new Byte radius: {'-25.50': 75.50}
- radiusDelta = byte._deltas.radius
- expect(radiusDelta.start) .toBe -25.5
- expect(radiusDelta.delta) .toBe 101
- it 'should calculate delta with negative end arguments', ->
- byte = new Byte radius: {'25.50': -75.50}
- radiusDelta = byte._deltas.radius
- expect(radiusDelta.start) .toBe 25.5
- expect(radiusDelta.end) .toBe -75.5
- expect(radiusDelta.delta) .toBe -101
- describe 'color values ->', ->
- it 'should calculate color delta', ->
- byte = new Byte stroke: {'#000': 'rgb(255,255,255)'}
- colorDelta = byte._deltas.stroke
- expect(colorDelta.start.r) .toBe 0
- expect(colorDelta.end.r) .toBe 255
- expect(colorDelta.delta.r) .toBe 255
- expect(colorDelta.type) .toBe 'color'
- it 'should ignore stroke-linecap prop, use start prop and warn', ->
- byte = null
- spyOn console, 'warn'
- fun = -> byte = new Byte strokeLinecap: {'round': 'butt'}
- expect(-> fun()).not.toThrow()
- expect(console.warn).toHaveBeenCalled()
- expect(byte._deltas.strokeLinecap).not.toBeDefined()
- describe 'unit values ->', ->
- it 'should calculate unit delta', ->
- byte = new Byte x: {'0%': '100%'}
- xDelta = byte._deltas.x
- expect(xDelta.start.string) .toBe '0'
- expect(xDelta.end.string) .toBe '100%'
- expect(xDelta.delta) .toBe 100
- expect(xDelta.type) .toBe 'unit'
- describe 'tween-related values ->', ->
- it 'should not calc delta for tween related props', ->
- byte = new Byte
- duration: { 2000: 1000 }
-
- expect(byte._deltas.duration).not.toBeDefined()
- describe '_setProgress method ->', ->
- it 'should set Shapeion progress', ->
- byte = new Byte radius: {'25.50': -75.50}
- byte._setProgress .5
- expect(byte._progress).toBe .5
- it 'should set value progress', ->
- byte = new Byte radius: {'25': 75}
- byte._setProgress .5
- expect(byte._props.radius).toBe 50
- it 'should call _calcCurrentProps', ->
- byte = new Byte radius: {'25': 75}
- spyOn byte, '_calcCurrentProps'
- byte._setProgress .5, .35
- expect(byte._calcCurrentProps).toHaveBeenCalledWith .5, .35
- it 'not to thow', ->
- byte = new Byte radius: {'25': 75}, ctx: svg
- expect(-> byte._show()).not.toThrow()
- it 'should set color value progress and only int', ->
- byte = new Byte stroke: {'#000': 'rgb(255,255,255)'}
- colorDelta = byte._deltas.stroke
- byte._setProgress .5
- expect(byte._props.stroke).toBe 'rgba(127,127,127,1)'
- it 'should set color value progress for delta starting with 0', ->
- byte = new Byte stroke: {'#000': 'rgb(0,255,255)'}
- colorDelta = byte._deltas.stroke
- byte._setProgress .5
- expect(byte._props.stroke).toBe 'rgba(0,127,127,1)'
-
- describe 'strokeDash.. values', ->
- it 'should set strokeDasharray/strokeDashoffset value progress', ->
- byte = new Byte strokeDasharray: {'200 100': '400'}
- byte._setProgress .5
- expect(byte._props.strokeDasharray[0].value).toBe 300
- expect(byte._props.strokeDasharray[0].unit) .toBe 'px'
- expect(byte._props.strokeDasharray[1].value).toBe 50
- expect(byte._props.strokeDasharray[1].unit) .toBe 'px'
- it 'should set strokeDasharray/strokeDashoffset with percents', ->
- byte = new Byte
- type: 'circle'
- strokeDasharray: {'0% 200': '100%'}
- radius: 100
- byte._setProgress .5
- expect(byte._props.strokeDasharray[0].value).toBe 50
- expect(byte._props.strokeDasharray[0].unit) .toBe '%'
- expect(byte._props.strokeDasharray[1].value).toBe 100
- expect(byte._props.strokeDasharray[1].unit) .toBe 'px'
- it 'should parse non-deltas strokeDasharray/strokeDashoffset values', ->
- byte = new Byte
- type: 'circle'
- strokeDasharray: '100%'
- radius: 100
- expect(byte._props.strokeDasharray[0].value).toBe 100
- expect(byte._props.strokeDasharray[0].unit).toBe '%'
- it 'should parse multiple strokeDash.. values', ->
- byte = new Byte strokeDasharray: '7 100 7'
- expect(h.isArray(byte._props.strokeDasharray)).toBe true
- expect(byte._props.strokeDasharray.length).toBe 3
- expect(byte._props.strokeDasharray[0].value).toBe 7
- expect(byte._props.strokeDasharray[1].value).toBe 100
- expect(byte._props.strokeDasharray[2].value).toBe 7
- it 'should parse num values', ->
- byte = new Byte strokeDasharray: 7
- expect(h.isArray(byte._props.strokeDasharray)).toBe true
- expect(byte._props.strokeDasharray.length) .toBe 1
-
- describe '_getRadiusSize method ->', ->
- it 'should return max from delatas if key is defined', ->
- byte = new Byte radiusX: 20: 30
- size = byte._getRadiusSize 'radiusX'
- expect(size).toBe 30
- # it 'should return props\' value if delats\' one is not defined ', ->
- # byte = new Byte radiusX: 20
- # size = byte._getRadiusSize key: 'radiusX', fallback: 0
- # expect(size).toBe 20
- # it 'should fallback to passed fallback option', ->
- # byte = new Byte
- # size = byte._getRadiusSize key: 'radiusX', fallback: 0
- # expect(size).toBe 0
- # it 'should fallback to 0 by default', ->
- # byte = new Byte
- # size = byte._getRadiusSize key: 'radiusX'
- # expect(size).toBe 0
-
- # not now
- # describe 'isForeign flag ->', ->
- # it 'should not be set by default', ->
- # byte = new Byte
- # expect(byte.isForeign).toBe false
- # it 'should be set if context was passed', ->
- # byte = new Byte ctx: svg
- # expect(byte.isForeign).toBe true
- # it 'if context passed el should be bit\'s el', ->
- # byte = new Byte ctx: svg
- # expect(byte.el).toBe byte.shapeModule.el
-
- # describe 'foreign bit option ->', ->
- # it 'should receive a foreign bit to work with', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = document.createElementNS?(ns, 'rect')
- # svg.appendChild bit
-
- # byte = new Shape bit: bit
- # expect(byte.shapeModule.el).toBe bit
-
- # it 'should set isForeignBit flag', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = document.createElementNS?(ns, 'rect')
- # svg.appendChild bit
- # byte = new Byte bit: bit
- # expect(byte.isForeignBit).toBe true
- describe '_increaseSizeWithEasing method ->', ->
- it 'should increase size based on easing - elastic.out', ->
- tr = new Shape easing: 'elastic.out'
-
- tr._props.size = 1
- tr._increaseSizeWithEasing()
- expect(tr._props.size).toBe 1.25
-
- it 'should increase size based on easing - elastic.inout', ->
- tr = new Shape easing: 'elastic.inout'
-
- tr._props.size = 1
- tr._increaseSizeWithEasing()
- expect(tr._props.size).toBe 1.25
-
- it 'should increase size based on easing - back.out', ->
- tr = new Shape easing: 'back.out'
-
- tr._props.size = 1
- tr._increaseSizeWithEasing()
- expect(tr._props.size).toBe 1.1
-
- it 'should increase size based on easing - back.inout', ->
- tr = new Shape easing: 'back.inout'
-
- tr._props.size = 1
- tr._increaseSizeWithEasing()
- expect(tr._props.size).toBe 1.1
-
- # nope
- # describe '_increaseSizeWithBitRatio method ->', ->
- # it 'should increase size based on bit ratio', ->
- # tr = new Shape shape: 'equal'
-
- # tr._props.size = 1
- # tr._increaseSizeWithBitRatio()
- # expect(tr._props.size).toBe tr.shapeModule._props.ratio
-
- # it 'should increase size based 2 gap sizes', ->
- # gap = 20
- # tr = new Shape shape: 'equal', sizeGap: gap
-
- # tr._props.size = 1
- # tr._increaseSizeWithBitRatio()
- # expect(tr._props.size).toBe tr.shapeModule._props.ratio + 2*gap
-
- describe 'callbacksContext option ->', ->
- it 'should pass the options to the tween', ->
- obj = {}; isRightContext = null
- tr = new Shape
- callbacksContext: obj
- onUpdate:-> isRightContext = @ is obj
-
- tr.setProgress 0
- tr.setProgress .1
-
- expect(isRightContext).toBe true
-
- it 'should pass the options to the timeline', ->
- obj = {}; isRightContext = null
- tr = new Shape
- callbacksContext: obj
- timeline: { onUpdate:-> isRightContext = @ is obj }
-
- tr.setProgress 0
- tr.setProgress .1
-
- expect(isRightContext).toBe true
-
- describe '_fillTransform method ->', ->
- it 'return tranform string of the el', ->
- tr = new Shape x: 100, y: 100, angle: 50, scaleX: 2, scaleY: 3
- expect(tr._fillTransform())
- .toBe 'translate(100px, 100px) rotate(50deg) scale(2, 3)'
-
- describe '_fillOrigin method ->', ->
- it 'return tranform-origin string of the el', ->
- tr = new Shape x: 100, y: 100, origin: '50% 30%'
- expect(tr._fillOrigin()).toBe '50% 30% '
-
- it 'return tranform-origin string of the el with delta', ->
- tr = new Shape
- x: 100, y: 100,
- easing: 'liner.none',
- origin: { '0% 0%' : '50% 200%' }
- tr.setProgress 0
- tr.setProgress .5
- expect(tr._fillOrigin()).toBe '25% 100% '
-
- describe 'el creation ->', ->
-
- describe 'el ->', ->
- it 'should create el', ->
- byte = new Byte radius: 25
- expect(byte.el.tagName.toLowerCase()).toBe 'div'
- style = byte.el.style
- expect(style[ 'position' ]).toBe 'absolute'
- expect(style[ 'width' ]).toBe '52px'
- expect(style[ 'height' ]).toBe '52px'
- # expect(style[ 'display' ]).toBe 'none'
- # expect(byte.el.style.opacity) .toBe 1
- expect(byte.el.getAttribute('data-name')).toBe('mojs-shape')
- it 'should add `class` to `el`', ->
- className = 'some-class'
- byte = new Byte radius: 25, className: className
- expect(byte.el.getAttribute('class')).toBe className
-
- it 'should create bit based on shape option or fallback to circle', ->
- byte = new Byte
- radius: 25
- shape: 'rect'
- byte2 = new Byte radius: 25
- expect(byte.shapeModule._props.tag).toBe 'rect'
- expect(byte2.shapeModule._props.tag).toBe 'ellipse'
-
- # describe '_hide method ->' , ->
- # it 'should set `display` of `el` to `none`', ->
- # byte = new Byte radius: 25, isSoftHide: false
- # byte.el.style[ 'display' ] = 'block'
- # byte._hide()
- # expect( byte.el.style[ 'display' ] ).toBe 'none'
-
- # it 'should set `_isShown` to false', ->
- # byte = new Byte radius: 25, isSoftHide: false
- # byte._isShown = true
- # byte._hide()
- # expect( byte._isShown ).toBe false
-
- # describe 'isSoftHide option ->', ->
- # it 'should set `opacity` of `el` to `0`', ->
- # byte = new Byte radius: 25, isSoftHide: true
- # byte.el.style[ 'opacity' ] = '.5'
- # byte._hide()
- # expect( byte.el.style[ 'opacity' ] ).toBe '0'
-
- # it 'should set scale to 0', ->
- # byte = new Byte
- # radius: 25,
- # isSoftHide: true
- # byte._hide()
- # style = byte.el.style
- # tr = style[ 'transform' ] || style[ "#{h.prefix.css}transform" ]
- # expect( tr ).toBe 'scale(0)'
-
- # describe '_show method ->' , ->
- # it 'should set `display` of `el` to `block`', ->
- # byte = new Byte radius: 25, isSoftHide: false
- # byte.el.style[ 'display' ] = 'none'
- # byte._show()
- # expect( byte.el.style[ 'display' ] ).toBe 'block'
-
- # it 'should set `_isShown` to true', ->
- # byte = new Byte radius: 25, isSoftHide: false
- # byte._isShown = true
- # byte._show()
- # expect( byte._isShown ).toBe true
-
- # describe 'isSoftHide option ->', ->
- # it 'should set `opacity` of `el` to `_props.opacity`', ->
- # byte = new Byte radius: 25, isSoftHide: true, opacity: .2
- # byte.el.style[ 'opacity' ] = '0'
- # byte._show()
- # expect( byte.el.style[ 'opacity' ] ).toBe "#{byte._props.opacity}"
-
- # it 'should set `transform` to normal', ->
- # byte = new Byte radius: 25, isSoftHide: true, opacity: .2
- # byte.el.style[ 'opacity' ] = '0'
- # byte.el.style[ 'transform' ] = 'none'
- # byte._show()
- # style = byte.el.style
- # tr = style[ 'transform' ] || style[ "#{h.prefix.css}transform" ]
- # expect( tr ).toBe byte._fillTransform()
-
- describe '_createShape method', ->
- it 'should create shape module based on `_props` shape', ->
- byte = new Byte shape: 'rect'
-
- byte.shapeModule = null
- byte._createShape()
- expect(byte.shapeModule instanceof mojs.shapesMap.rect).toBe true
-
- it 'should not create if !isWithShape', ->
- byte = new Byte shape: 'rect', isWithShape: false
-
- spyOn byte, '_getShapeSize'
- byte.shapeModule = null
- byte._createShape()
- expect(byte.shapeModule).toBeFalsy()
- expect(byte._getShapeSize).toHaveBeenCalled()
-
- it 'should send `width` and `height` to the `shape` module', ->
- byte = new Byte
- shape: 'rect',
- radius: 50, radiusY: 75,
- strokeWidth: { 0: 10 }
-
- byte.shapeModule = null
- byte._createShape()
- expect(byte.shapeModule._props.width).toBe 2*50 + 10
- expect(byte.shapeModule._props.height).toBe 2*75 + 10
- expect(byte.shapeModule._props.parent).toBe byte.el
-
- it 'should save `width` and `height` to the `_props` module', ->
- byte = new Byte
- shape: 'rect',
- radius: 50, radiusY: 75,
- strokeWidth: { 0: 10 }
-
- byte.shapeModule = null
- byte._createShape()
- expect(byte._props.shapeWidth).toBe 2*50 + 10
- expect(byte._props.shapeHeight).toBe 2*75 + 10
-
- describe '_getMaxRadius method ->', ->
- it 'should return maximum radius ', ->
- byte = new Byte
- shape: 'rect',
- radius: {50: 0},
- radiusY: 75
-
- spyOn(byte, '_getRadiusSize').and.callThrough()
- expect(byte._getMaxRadius( 'radiusX' )).toBe 50
- expect(byte._getMaxRadius( 'radiusY' )).toBe 75
- expect( byte._getRadiusSize ).toHaveBeenCalledWith 'radiusX', 50
-
-
- describe '_getMaxStroke method ->', ->
- it 'should get maximum value of the strokeWidth if delta', ->
- byte = new Byte
- shape: 'rect',
- radius: {50: 0},
- radiusY: 75,
- strokeWidth: { 20 : 0}
-
- expect( byte._getMaxStroke() ).toBe 20
-
- it 'should get maximum value of the strokeWidth if delta', ->
- byte = new Byte
- shape: 'rect',
- radius: {50: 0},
- radiusY: 75,
- strokeWidth: { 0 : 20 }
-
- expect( byte._getMaxStroke() ).toBe 20
-
- it 'should get maximum value of the strokeWidth if static value', ->
- byte = new Byte
- shape: 'rect',
- radius: {50: 0},
- radiusY: 75,
- strokeWidth: 10
-
- expect( byte._getMaxStroke() ).toBe 10
-
- describe '_getShapeSize method', ->
- it 'should call _getMaxStroke method', ->
- byte = new Byte
- spyOn byte, '_getMaxStroke'
- byte._getShapeSize()
- expect( byte._getMaxStroke ).toHaveBeenCalled()
- it 'should call _getMaxRadius method', ->
- byte = new Byte
- spyOn byte, '_getMaxRadius'
- byte._getShapeSize()
- expect( byte._getMaxRadius ).toHaveBeenCalledWith 'radiusX'
- it 'should call _getMaxRadius method', ->
- byte = new Byte
- spyOn byte, '_getMaxRadius'
- byte._getShapeSize()
- expect( byte._getMaxRadius ).toHaveBeenCalledWith 'radiusY'
-
- it 'should save size to the _props', ->
- byte = new Byte
- byte._props.shapeWidth = 0
- byte._props.shapeHeight = 0
-
- byte._getShapeSize()
- p = byte._props
- stroke = byte._getMaxStroke()
- expect( p.shapeWidth ).toBe 2*byte._getMaxRadius( 'radiusX' ) + stroke
- expect( p.shapeHeight ).toBe 2*byte._getMaxRadius( 'radiusY' ) + stroke
-
- describe '_getMaxSizeInChain method ->', ->
- it 'should call _getShapeSize on every module', ->
- shape = new Shape().then( radius: 0 ).then( radius: 100 )
-
- ms = shape._modules
- spyOn ms[0], '_getShapeSize'
- spyOn ms[1], '_getShapeSize'
- spyOn ms[2], '_getShapeSize'
-
- shape._getMaxSizeInChain()
-
- expect( ms[0]._getShapeSize ).toHaveBeenCalled()
- expect( ms[1]._getShapeSize ).toHaveBeenCalled()
- expect( ms[2]._getShapeSize ).toHaveBeenCalled()
-
- it 'should set the largest size to shapeModule', ->
- shape = new Shape().then( radius: 0 ).then( radius: 100 )
-
- largest = shape._modules[2]
- shapeModule = shape.shapeModule
- spyOn shapeModule, '_setSize'
-
- shape._getMaxSizeInChain()
-
- expect( shapeModule._setSize )
- .toHaveBeenCalledWith largest._props.shapeWidth, largest._props.shapeHeight
-
- it 'should call _setElSizeStyles method', ->
- shape = new Shape().then( radius: 0 ).then( radius: 100 )
-
- largest = shape._modules[2]
-
- spyOn shape, '_setElSizeStyles'
- shape._getMaxSizeInChain()
- expect( shape._setElSizeStyles )
- .toHaveBeenCalledWith largest._props.shapeWidth, largest._props.shapeHeight
-
-
- describe '_setElSizeStyles method ->', ->
- it 'should set `width`, `height` and `margins` to the `el` styles', ->
- shape = new Shape()
-
- style = shape.el.style
- style[ 'width' ] = '0px'
- style[ 'height' ] = '0px'
- style[ 'margin-left' ] = '0px'
- style[ 'margin-right' ] = '0px'
-
- shape._setElSizeStyles( 100, 200 )
- expect( style[ 'width' ] ).toBe '100px'
- expect( style[ 'height' ] ).toBe '200px'
- expect( style[ 'margin-left' ] ).toBe '-50px'
- expect( style[ 'margin-top' ] ).toBe '-100px'
-
-
- describe 'then method ->', ->
- it 'should call super', ->
- obj = {}
- shape = new Shape()
- spyOn Thenable::, 'then'
- shape.then( obj )
- expect( Thenable::then ).toHaveBeenCalledWith obj
-
- it 'should return this', ->
- shape = new Shape()
- result = shape.then( {} )
- expect( result ).toBe shape
-
- it 'should call _getMaxSizeInChain method', ->
- shape = new Shape()
- spyOn shape, '_getMaxSizeInChain'
- shape.then({})
- expect( shape._getMaxSizeInChain ).toHaveBeenCalled()
-
- describe 'tune method ->', ->
- it 'should call super', ->
- obj = {}
- shape = new Shape()
- spyOn Tunable::, 'tune'
- shape.tune( obj )
- expect( Tunable::tune ).toHaveBeenCalledWith obj
-
- it 'should return this', ->
- shape = new Shape()
- result = shape.tune( {} )
- expect( result ).toBe shape
-
- it 'should call _getMaxSizeInChain method', ->
- shape = new Shape()
- spyOn shape, '_getMaxSizeInChain'
- shape.tune({})
- expect( shape._getMaxSizeInChain ).toHaveBeenCalled()
-
- describe '_refreshBefore method ->', ->
- it 'should call `_show` method is `isShowStart`', ->
- shape = new Shape isShowStart: true
-
- spyOn shape, '_show'
- shape._refreshBefore()
-
- expect( shape._show ).toHaveBeenCalled()
-
- it 'should call `_hide` method is not `isShowStart`', ->
- shape = new Shape
-
- spyOn shape, '_hide'
- shape._refreshBefore()
-
- expect( shape._hide ).toHaveBeenCalled()
-
- it 'should call `_setProgress` with `0, 0`', ->
- shape = new Shape
-
- spyOn shape, '_setProgress'
- shape._refreshBefore()
-
- expect( shape._setProgress ).toHaveBeenCalledWith 0, 0
-
- it 'should call `_setProgress` with tweens eased progress', ->
- shape = new Shape easing: (k)-> return 1
-
- spyOn shape, '_setProgress'
- shape._refreshBefore()
-
- expect( shape._setProgress ).toHaveBeenCalledWith 1, 0
-
- describe '_showByTransform method ->', ->
- it 'should call _drawEl method', ->
- shape = new Shape easing: (k)-> return 1
-
- spyOn shape, '_drawEl'
- shape._showByTransform()
-
- expect( shape._drawEl ).toHaveBeenCalled()
-
- it 'should update scale', ->
- shape = new Shape easing: (k)-> return 1
-
- shape.el.style.transform = 'scale(0)'
- shape.el.style["#{mojs.h.prefix.css}transform"] = 'scale(0)'
-
- shape._showByTransform()
-
- s = shape.el.style
- tr = s.transform or s["#{mojs.h.prefix.css}transform"]
- isNormal = tr is 'translate(0, 0) rotate(0deg) scale(1, 1)'
- isNormal2 = tr is 'translate(0px, 0px) rotate(0deg) scale(1, 1)'
- isIE9 = tr is 'translate(0, 0) rotate(0deg) scale(1)'
- isIE = tr is 'translate(0px, 0px) rotate(0deg) scale(1)'
-
- expect(isNormal or isNormal2 or isIE9 or isIE).toBe true
-
-
-
diff --git a/spec/shape.js b/spec/shape.js
deleted file mode 100644
index 80a6c52e7..000000000
--- a/spec/shape.js
+++ /dev/null
@@ -1,1931 +0,0 @@
-(function() {
- var Bit, Byte, Rect, Shape, Thenable, Tunable, Tweenable, h, ns, svg;
-
- Byte = mojs.Shape;
-
- Shape = mojs.Shape;
-
- Bit = mojs.shapesMap.getShape('bit');
-
- Thenable = mojs.Thenable;
-
- Tunable = mojs.Tunable;
-
- Tweenable = mojs.Tweenable;
-
- Rect = mojs.shapesMap.getShape('rect');
-
- h = mojs.helpers;
-
- ns = 'http://www.w3.org/2000/svg';
-
- svg = typeof document.createElementNS === "function" ? document.createElementNS(ns, 'svg') : void 0;
-
- console.warn = function() {};
-
- console.error = function() {};
-
- describe('Shape ->', function() {
- describe('_vars method', function() {
- it('should have own _vars function ->', function() {
- var byte;
- byte = new Byte;
- expect(byte._vars).toBeDefined();
- return expect(function() {
- return byte._vars();
- }).not.toThrow();
- });
- it('should call _vars super method', function() {
- var byte;
- byte = new Byte;
- return expect(byte._history.length).toBe(1);
- });
- it('should save passed _o.masterModule to _masterModule', function() {
- var byte, obj;
- obj = {};
- byte = new Byte({
- masterModule: obj
- });
- byte._masterModule = null;
- byte._vars();
- return expect(byte._masterModule).toBe(obj);
- });
- it('should set `_isChained` based on `prevChainModule` option', function() {
- var byte, byte0;
- byte0 = new Byte;
- byte = new Byte({
- prevChainModule: byte0,
- masterModule: byte0
- });
- byte._isChained = null;
- byte._vars();
- return expect(byte._isChained).toBe(true);
- });
- return it('should save passed _o.prevChainModule to _prevChainModule', function() {
- var byte, byte0;
- byte0 = new Byte;
- byte = new Byte({
- prevChainModule: byte0,
- masterModule: byte0
- });
- byte._prevChainModule = null;
- byte._vars();
- return expect(byte._prevChainModule).toBe(byte0);
- });
- });
- describe('extension ->', function() {
- it('should extend Tweenable class', function() {
- var byte;
- byte = new Byte;
- return expect(byte instanceof Tweenable).toBe(true);
- });
- return it('should extend Thenable class', function() {
- var byte;
- byte = new Byte;
- return expect(byte instanceof Thenable).toBe(true);
- });
- });
- describe('defaults object ->', function() {
- return it('should have defaults object', function() {
- var byte;
- byte = new Byte;
- expect(byte._defaults).toBeDefined();
- expect(byte._defaults.parent).toBe(document.body);
- expect(byte._defaults.className).toBe('');
- expect(byte._defaults.shape).toBe('circle');
- expect(byte._defaults.stroke).toBe('transparent');
- expect(byte._defaults.strokeOpacity).toBe(1);
- expect(byte._defaults.strokeLinecap).toBe('');
- expect(byte._defaults.strokeWidth).toBe(2);
- expect(byte._defaults.strokeDasharray).toBe(0);
- expect(byte._defaults.strokeDashoffset).toBe(0);
- expect(byte._defaults.fill).toBe('deeppink');
- expect(byte._defaults.fillOpacity).toBe(1);
- expect(byte._defaults.isSoftHide).toBe(true);
- expect(byte._defaults.isForce3d).toBe(false);
- expect(byte._defaults.left).toBe('50%');
- expect(byte._defaults.top).toBe('50%');
- expect(byte._defaults.x).toBe(0);
- expect(byte._defaults.y).toBe(0);
- expect(byte._defaults.angle).toBe(0);
- expect(byte._defaults.scale).toEqual(1);
- expect(byte._defaults.scaleX).toBe(null);
- expect(byte._defaults.scaleY).toBe(null);
- expect(byte._defaults.origin).toBe('50% 50%');
- expect(byte._defaults.rx).toBe(0);
- expect(byte._defaults.ry).toBe(0);
- expect(byte._defaults.opacity).toBe(1);
- expect(byte._defaults.points).toBe(3);
- expect(byte._defaults.duration).toBe(400);
- expect(byte._defaults.radius).toBe(50);
- expect(byte._defaults.radiusX).toBe(null);
- expect(byte._defaults.radiusY).toBe(null);
- expect(byte._defaults.isShowEnd).toBe(true);
- expect(byte._defaults.isShowStart).toBe(false);
- expect(byte._defaults.isRefreshState).toBe(true);
- expect(byte._defaults.width).toBe(null);
- expect(byte._defaults.height).toBe(null);
- expect(byte._defaults.isWithShape).toBe(true);
- return expect(byte._defaults.callbacksContext).toBe(byte);
- });
- });
- describe('_applyCallbackOverrides ->', function() {
- it('should create callbackOverrides object on passed object', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- expect(typeof obj.callbackOverrides).toBe('object');
- return expect(obj.callbackOverrides).toBe(obj.callbackOverrides);
- });
- describe('onUpdate callback override ->', function() {
- it('should override this._o.onUpdate', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onUpdate).toBe('function');
- });
- it('should call _setProgress ', function() {
- var easedProgress, obj, progress, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_setProgress');
- easedProgress = .25;
- progress = .2;
- obj.callbackOverrides.onUpdate(easedProgress, progress);
- return expect(tr._setProgress).toHaveBeenCalledWith(easedProgress, progress);
- });
- it('should not override onUpdate function if exists', function() {
- var args, isRightScope, options, tr;
- isRightScope = null;
- args = null;
- options = {
- easing: 'Linear.None',
- onUpdate: function() {
- isRightScope = this === tr;
- return args = arguments;
- }
- };
- tr = new Shape(options);
- expect(typeof tr._o.onUpdate).toBe('function');
- tr.timeline.setProgress(0);
- tr.timeline.setProgress(.1);
- expect(isRightScope).toBe(true);
- expect(args[0]).toBe(.1);
- expect(args[1]).toBe(.1);
- expect(args[2]).toBe(true);
- return expect(args[3]).toBe(false);
- });
- return it('should call _setProgress method', function() {
- var obj, options, progress, tr;
- options = {
- easing: 'Linear.None',
- onUpdate: function() {}
- };
- obj = {};
- tr = new Shape(options);
- tr.timeline.setProgress(0);
- spyOn(tr, '_setProgress');
- progress = .1;
- tr.timeline.setProgress(progress);
- return expect(tr._setProgress.calls.first().args[0]).toBeCloseTo(progress, 5);
- });
- });
- describe('onStart callback override ->', function() {
- it('should override this._o.onStart', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onStart).toBe('function');
- });
- it('should call _show if isForward and !_isChained', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_show');
- obj.callbackOverrides.onStart(true);
- return expect(tr._show).toHaveBeenCalled();
- });
- it('should not call _show if _isChained', function() {
- var obj, tr;
- tr = new Shape({
- masterModule: new Shape
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_show');
- obj.callbackOverrides.onStart(true);
- return expect(tr._show).not.toHaveBeenCalled();
- });
- it('should call _hide if not isForward and !_isChained', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(tr._hide).toHaveBeenCalled();
- });
- it('should not call _hide if not isForward and _isChained', function() {
- var obj, tr;
- tr = new Shape({
- masterModule: new Shape
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- return it('should not call _hide if not isForward and isShowStart', function() {
- var obj, tr;
- tr = new Shape({
- isShowStart: true
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onStart(false);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- });
- describe('onComplete callback override ->', function() {
- it('should override this._o.onComplete', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onComplete).toBe('function');
- });
- it('should call _show if !isForward', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(tr._show).toHaveBeenCalled();
- });
- it('should call _show if !isForward and _isLastInChain()', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(tr._show).toHaveBeenCalled();
- });
- it('should call _show if !isForward and _isLastInChain() #2', function() {
- var el, obj, tr;
- tr = new Shape().then({
- radius: 0
- });
- el = tr._modules[1];
- obj = {};
- el._applyCallbackOverrides(obj);
- spyOn(el, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(el._show).toHaveBeenCalled();
- });
- it('should not call _show if !isForward and not _isLastInChain', function() {
- var obj, tr;
- tr = new Shape().then({
- radius: 0
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_show');
- obj.callbackOverrides.onComplete(false);
- return expect(tr._show).not.toHaveBeenCalled();
- });
- it('should call _hide if isForward and !isShowEnd', function() {
- var obj, tr;
- tr = new Shape({
- isShowEnd: false
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).toHaveBeenCalled();
- });
- it('should not call _hide if isForward but isShowEnd', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- it('should call _hide if isForward and _isLastInChain', function() {
- var obj, tr;
- tr = new Shape({
- isShowEnd: false
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).toHaveBeenCalled();
- });
- it('should call not _hide if isForward and !_isLastInChain', function() {
- var obj, tr;
- tr = new Shape({
- isShowEnd: false
- }).then({
- radius: 0
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- it('should not call _hide if isForward and _isLastInChain but isShowEnd', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- return it('should not call _hide if isForward but !_isLastInChain and isShowEnd', function() {
- var obj, tr;
- tr = new Shape().then({
- radius: 0
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_hide');
- obj.callbackOverrides.onComplete(true);
- return expect(tr._hide).not.toHaveBeenCalled();
- });
- });
- return describe('onRefresh callback override ->', function() {
- it('should override this._o.onRefresh', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- return expect(typeof obj.callbackOverrides.onRefresh).toBe('function');
- });
- it('should call _refreshBefore if isBefore', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_refreshBefore');
- obj.callbackOverrides.onRefresh(true);
- return expect(tr._refreshBefore).toHaveBeenCalled();
- });
- it('should not call _refreshBefore if !isBefore', function() {
- var obj, tr;
- tr = new Shape;
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_refreshBefore');
- obj.callbackOverrides.onRefresh(false);
- return expect(tr._refreshBefore).not.toHaveBeenCalled();
- });
- return it('should not call _refreshBefore if !isRefreshState', function() {
- var obj, tr;
- tr = new Shape({
- isRefreshState: false
- });
- obj = {};
- tr._applyCallbackOverrides(obj);
- spyOn(tr, '_refreshBefore');
- obj.callbackOverrides.onRefresh(true);
- return expect(tr._refreshBefore).not.toHaveBeenCalled();
- });
- });
- });
- describe('_transformTweenOptions method', function() {
- return it('should call _applyCallbackOverrides with _o', function() {
- var tr;
- tr = new Shape;
- spyOn(tr, '_applyCallbackOverrides');
- tr._transformTweenOptions();
- return expect(tr._applyCallbackOverrides).toHaveBeenCalledWith(tr._o);
- });
- });
- describe('options object ->', function() {
- it('should receive empty options object by default', function() {
- var byte;
- byte = new Byte;
- return expect(byte._o).toBeDefined();
- });
- return it('should receive options object', function() {
- var byte;
- byte = new Byte({
- option: 1
- });
- return expect(byte._o.option).toBe(1);
- });
- });
- describe('index option ->', function() {
- it('should receive index option', function() {
- var byte;
- byte = new Shape({
- index: 5
- });
- return expect(byte._index).toBe(5);
- });
- return it('should fallback to 0', function() {
- var byte;
- byte = new Shape;
- return expect(byte._index).toBe(0);
- });
- });
- describe('options history ->', function() {
- it('should have history array', function() {
- var byte;
- byte = new Byte;
- return expect(h.isArray(byte._history)).toBe(true);
- });
- return it('should save options to history array', function() {
- var byte;
- byte = new Byte({
- radius: 20
- });
- return expect(byte._history.length).toBe(1);
- });
- });
- describe('size calculations ->', function() {
- return it('should not calculate size el size if size was passed', function() {
- var byte;
- byte = new Byte({
- radius: 10,
- strokeWidth: 5,
- width: 400,
- height: 200
- });
- expect(byte._props.shapeWidth).toBe(400);
- return expect(byte._props.shapeHeight).toBe(200);
- });
- });
- describe('opacity set ->', function() {
- it('should set opacity regarding units', function() {
- var byte;
- byte = new Byte({
- opacity: .5,
- isShowStart: true
- });
- return expect(byte.el.style.opacity).toBe('0.5');
- });
- return it('should animate opacity', function(dfr) {
- var byte;
- byte = new Byte({
- opacity: {
- 1: 0
- },
- duration: 100,
- onComplete: function() {
- expect(byte.el.style.opacity).toBe('0');
- return dfr();
- }
- });
- return byte.play();
- });
- });
- describe('position set ->', function() {
- return describe('x/y coordinates ->', function() {
- it('should set position regarding units', function() {
- var byte;
- byte = new Byte({
- left: 100,
- top: 50
- });
- expect(byte.el.style.left).toBe('100px');
- return expect(byte.el.style.top).toBe('50px');
- });
- it('should animate position', function(dfr) {
- var byte;
- byte = new Byte({
- left: {
- 100: '200px'
- },
- duration: 100,
- onComplete: function() {
- expect(byte.el.style.left).toBe('200px');
- return dfr();
- }
- });
- return byte.play();
- });
- it('should warn when x/y animated position and not foreign context', function() {
- var byte;
- spyOn(console, 'warn');
- byte = new Byte({
- left: {
- 100: '200px'
- }
- });
- byte.play();
- return expect(console.warn).toHaveBeenCalled();
- });
- it('should notwarn when x/y animated position and foreign context', function() {
- var byte;
- spyOn(console, 'warn');
- byte = new Byte({
- left: {
- 100: '200px'
- },
- ctx: svg
- });
- byte.play();
- return expect(console.warn).not.toHaveBeenCalled();
- });
- it('should animate position regarding units', function(dfr) {
- var byte;
- byte = new Byte({
- left: {
- '20%': '50%'
- },
- duration: 100
- });
- byte.play();
- return setTimeout(function() {
- expect(byte.el.style.left).toBe('50%');
- return dfr();
- }, 500);
- });
- it('end unit that were not specified should fallback to start unit', function() {
- var byte;
- byte = new Byte({
- left: {
- '20%': 50
- },
- duration: 200
- });
- byte.play();
- expect(byte._deltas.left.start.unit).toBe('%');
- return expect(byte._deltas.left.end.unit).toBe('%');
- });
- it('should fallback to end units if units are different', function(dfr) {
- var byte;
- byte = new Byte({
- left: {
- '20%': '50px'
- },
- duration: 200,
- onComplete: function() {
- expect(byte.el.style.left).toBe('50px');
- return dfr();
- }
- });
- return byte.play();
- });
- it('should set position regarding units #2', function() {
- var byte, isIE, isNormal, s, tr;
- byte = new Byte({
- x: 100,
- y: 50,
- isShowStart: true
- });
- s = byte.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isNormal = tr === 'translate(100px, 50px) rotate(0deg) scale(1, 1)';
- isIE = tr === 'translate(100px, 50px) rotate(0deg) scale(1)';
- return expect(isNormal || isIE).toBe(true);
- });
- it('should animate shift position', function(dfr) {
- var byte;
- byte = new Byte({
- x: {
- 100: '200px'
- },
- duration: 200,
- onComplete: function() {
- var isTr, isTr2, isTr3, s, tr;
- s = byte.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(200px, 0) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(200px, 0px) rotate(0deg) scale(1, 1)';
- isTr3 = tr === 'translate(200px, 0px) rotate(0deg) scale(1)';
- expect(isTr || isTr2 || isTr3).toBe(true);
- return dfr();
- }
- });
- return byte.play();
- });
- it('should animate position regarding units #3', function(dfr) {
- var byte;
- byte = new Byte({
- x: {
- '20%': '50%'
- },
- duration: 200,
- onComplete: function() {
- var isTr, isTr2, isTr3, s, tr;
- s = byte.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(50%, 0) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(50%, 0px) rotate(0deg) scale(1, 1)';
- isTr3 = tr === 'translate(50%, 0px) rotate(0deg) scale(1)';
- expect(isTr || isTr2 || isTr3).toBe(true);
- return dfr();
- }
- });
- return byte.play();
- });
- return it('should fallback to end units if units are differnt', function(dfr) {
- var byte;
- byte = new Byte({
- x: {
- '20%': '50px'
- },
- y: {
- 0: '50%'
- },
- duration: 200,
- onComplete: function() {
- var isTr1, isTr2, s, tr;
- s = byte.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isTr1 = tr === 'translate(50px, 50%) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(50px, 50%) rotate(0deg) scale(1)';
- expect(isTr1 || isTr2).toBe(true);
- return dfr();
- }
- });
- return byte.play();
- });
- });
- });
- describe('_render method ->', function() {
- it('should call _createShape method', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte, '_createShape');
- byte._isRendered = false;
- byte._render();
- return expect(byte._createShape).toHaveBeenCalled();
- });
- it('should set _isRendered to true', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- expect(byte._isRendered).toBe(true);
- byte._isRendered = false;
- byte._render();
- return expect(byte._isRendered).toBe(true);
- });
- it('should not call _createShape method if already rendered', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte, '_createShape');
- byte._isRendered = true;
- byte._render();
- return expect(byte._createShape).not.toHaveBeenCalled();
- });
- it('should set `el` and `shape` if `_isChained`', function() {
- var byte, byte0;
- byte0 = new Byte({
- radius: 25
- });
- byte = new Byte({
- prevChainModule: byte0,
- masterModule: byte0
- });
- expect(byte.el).toBe(byte0.el);
- return expect(byte.shapeModule).toBe(byte0.shapeModule);
- });
- it('should not call _createShape method if _isChained', function() {
- var byte, byte0;
- byte0 = new Byte;
- byte = new Byte({
- radius: 25,
- prevChainModule: byte0,
- masterModule: byte0
- });
- spyOn(byte, '_createShape');
- byte._o.el = byte0.el;
- byte._o.shapeModule = byte0.shapeModule;
- byte._render();
- return expect(byte._createShape).not.toHaveBeenCalled();
- });
- it('should call `_setProgress(0)` if not `_isChained`', function() {
- var byte;
- byte = new Byte;
- spyOn(byte, '_setProgress');
- byte._isRendered = false;
- byte._render();
- return expect(byte._setProgress).toHaveBeenCalledWith(0, 0);
- });
- it('should not call `_setProgress(0)` if not `_isFirstInChain()`', function() {
- var byte, byte0;
- byte0 = new Byte;
- byte = new Byte({
- prevChainModule: byte0,
- masterModule: byte0
- });
- spyOn(byte, '_setProgress');
- byte._isRendered = false;
- byte._render();
- return expect(byte._setProgress).not.toHaveBeenCalledWith(0);
- });
- it('should call _setElStyles method', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte, '_setElStyles');
- byte._isRendered = false;
- byte._render();
- return expect(byte._setElStyles).toHaveBeenCalled();
- });
- it('should not call _setElStyles method if _isChained', function() {
- var byte;
- byte = new Byte({
- prevChainModule: new Byte,
- masterModule: new Byte
- });
- spyOn(byte, '_setElStyles');
- byte._isRendered = true;
- byte._render();
- return expect(byte._setElStyles).not.toHaveBeenCalled();
- });
- it('should call _show method if `isShowStart`', function() {
- var byte;
- byte = new Byte({
- isShowStart: true
- });
- spyOn(byte, '_show');
- byte._isRendered = false;
- byte._render();
- return expect(byte._show).toHaveBeenCalled();
- });
- it('should call not _show method if not `isShowStart`', function() {
- var byte;
- byte = new Byte({
- isShowStart: false
- });
- spyOn(byte, '_show');
- byte._isRendered = false;
- byte._render();
- return expect(byte._show).not.toHaveBeenCalled();
- });
- it('should not _show method if `_isChained`', function() {
- var byte;
- byte = new Byte({
- isShowStart: true,
- prevChainModule: new Byte,
- masterModule: new Byte
- });
- spyOn(byte, '_show');
- byte._isRendered = false;
- byte._render();
- return expect(byte._show).not.toHaveBeenCalled();
- });
- it('should call _hide method if not `isShowStart`', function() {
- var byte;
- byte = new Byte({
- isShowStart: false
- });
- spyOn(byte, '_hide');
- byte._isRendered = false;
- byte._render();
- return expect(byte._hide).toHaveBeenCalled();
- });
- it('should call not _hide method if `isShowStart`', function() {
- var byte;
- byte = new Byte({
- isShowStart: true
- });
- spyOn(byte, '_hide');
- byte._isRendered = false;
- byte._render();
- return expect(byte._hide).not.toHaveBeenCalled();
- });
- return it('should not _hide method if `_isChained`', function() {
- var byte;
- byte = new Byte({
- isShowStart: false,
- prevChainModule: new Byte,
- masterModule: new Byte
- });
- spyOn(byte, '_hide');
- byte._isRendered = false;
- byte._render();
- return expect(byte._hide).not.toHaveBeenCalled();
- });
- });
- describe('_setElStyles method ->', function() {
- it('should set dimentions and position of the `el`', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- byte.el.style.position = 'static';
- byte.el.style.width = '0px';
- byte.el.style.height = '0px';
- byte.el.style['margin-left'] = '0px';
- byte.el.style['margin-top'] = '0px';
- byte._setElStyles();
- expect(byte.el.style.position).toBe('absolute');
- expect(byte.el.style.width).toBe("" + byte._props.shapeWidth + "px");
- expect(byte.el.style.height).toBe("" + byte._props.shapeHeight + "px");
- expect(byte.el.style['margin-left']).toBe("-" + (byte._props.shapeWidth / 2) + "px");
- return expect(byte.el.style['margin-top']).toBe("-" + (byte._props.shapeHeight / 2) + "px");
- });
- it('should set `backface-visibility` if `isForce3d`', function() {
- var bv, byte, prefixedBv, style;
- byte = new Byte({
- radius: 25,
- isForce3d: true
- });
- style = byte.el.style;
- bv = style['backface-visibility'];
- prefixedBv = style["" + mojs.h.prefix.css + "backface-visibility"];
- return expect(bv || prefixedBv).toBe('hidden');
- });
- return it('should not set `backface-visibility` if `isForce3d`', function() {
- var bv, byte, prefixedBv, style;
- byte = new Byte({
- radius: 25
- });
- style = byte.el.style;
- bv = style['backface-visibility'];
- prefixedBv = style["" + mojs.h.prefix.css + "backface-visibility"];
- return expect(bv || prefixedBv).not.toBe('hidden');
- });
- });
- describe('_draw method ->', function() {
- it('should set all attributes to shape\'s properties', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- x: 20,
- y: 30,
- rx: 15,
- ry: 25,
- stroke: 'red',
- strokeWidth: 2,
- strokeOpacity: .5,
- strokeLinecap: 'round',
- strokeDasharray: 200,
- strokeDashoffset: 100,
- fill: 'cyan',
- fillOpacity: .5,
- radius: 100,
- radiusX: 22,
- radiusY: {
- 20: 0
- },
- points: 4
- });
- byte._draw();
- expect(byte.shapeModule._props.rx).toBe(byte._props.rx);
- expect(byte.shapeModule._props.ry).toBe(byte._props.ry);
- expect(byte.shapeModule._props.stroke).toBe(byte._props.stroke);
- expect(byte.shapeModule._props['stroke-width']).toBe(byte._props.strokeWidth);
- expect(byte.shapeModule._props['stroke-opacity']).toBe(byte._props.strokeOpacity);
- expect(byte.shapeModule._props['stroke-linecap']).toBe(byte._props.strokeLinecap);
- expect(byte.shapeModule._props['stroke-dasharray']).toBe(byte._props.strokeDasharray[0].value + ' ');
- expect(byte.shapeModule._props['stroke-dashoffset']).toBe(byte._props.strokeDashoffset[0].value + ' ');
- expect(byte.shapeModule._props['fill']).toBe(byte._props.fill);
- expect(byte.shapeModule._props['fill-opacity']).toBe(byte._props.fillOpacity);
- expect(byte.shapeModule._props['radius']).toBe(byte._props.radius);
- expect(byte.shapeModule._props['radiusX']).toBe(byte._props.radiusX);
- expect(byte.shapeModule._props['radiusY']).toBe(byte._props.radiusY);
- return expect(byte.shapeModule._props['points']).toBe(byte._props.points);
- });
- it('should call bit._draw method', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte.shapeModule, '_draw');
- byte._draw();
- return expect(byte.shapeModule._draw).toHaveBeenCalled();
- });
- it('should call _drawEl method', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte, '_drawEl');
- byte._draw();
- return expect(byte._drawEl).toHaveBeenCalled();
- });
- return it('should receive the current progress', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- spyOn(byte, '_draw');
- byte._setProgress(.5);
- return expect(byte._draw).toHaveBeenCalledWith(.5);
- });
- });
- describe('_drawEl method ->', function() {
- it('should set el positions and transforms', function() {
- var byte, isTr, isTr2, isTr3, s, tr;
- byte = new Byte({
- radius: 25,
- top: 10,
- isShowStart: true
- });
- expect(byte.el.style.top).toBe('10px');
- expect(byte.el.style.opacity).toBe('1');
- expect(byte.el.style.left).toBe('50%');
- s = byte.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(0, 0) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(0px, 0px) rotate(0deg) scale(1, 1)';
- isTr3 = tr === 'translate(0px, 0px) rotate(0deg) scale(1)';
- return expect(isTr || isTr2 || isTr3).toBe(true);
- });
- it('should set new values', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- top: 10
- });
- byte._draw();
- byte._props.left = '1px';
- byte._draw();
- expect(byte.el.style.left).toBe('1px');
- return expect(byte._lastSet.left.value).toBe('1px');
- });
- it('should not set old values', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- y: 10
- });
- byte._draw();
- byte._draw();
- return expect(byte._lastSet.x.value).toBe('0');
- });
- it('should return true if there is no el', function() {
- var byte;
- byte = new Byte({
- radius: 25
- });
- byte.el = null;
- return expect(byte._drawEl()).toBe(true);
- });
- it('should set transform if angle changed', function() {
- var byte, isTr, isTr2, isTr3, style, tr;
- byte = new Byte({
- angle: 25
- });
- byte._draw();
- byte._props.angle = 26;
- byte._draw();
- style = byte.el.style;
- tr = style['transform'] || style["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(0, 0) rotate(26deg) scale(1, 1)';
- isTr2 = tr === 'translate(0px, 0px) rotate(26deg) scale(1, 1)';
- isTr3 = tr === 'translate(0px, 0px) rotate(26deg) scale(1)';
- return expect(isTr || isTr2 || isTr3).toBe(true);
- });
- it('should not set transform if angle changed #2', function() {
- var byte;
- byte = new Byte({
- angle: 25
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._draw();
- return expect(byte._fillTransform).not.toHaveBeenCalled();
- });
- it('should set transform if scaleX changed', function() {
- var byte;
- byte = new Byte({
- scaleX: 25
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._props.scaleX = 24;
- byte._draw();
- return expect(byte._fillTransform).toHaveBeenCalled();
- });
- it('should not set transform if scaleX not changed', function() {
- var byte;
- byte = new Byte({
- scaleX: 25
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._draw();
- return expect(byte._fillTransform).not.toHaveBeenCalled();
- });
- it('should set transform if scaleY changed', function() {
- var byte;
- byte = new Byte({
- scaleY: 25
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._props.scaleY = 24;
- byte._draw();
- return expect(byte._fillTransform).toHaveBeenCalled();
- });
- it('should not set transform if scaleY not changed', function() {
- var byte;
- byte = new Byte({
- scaleY: 25
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._draw();
- return expect(byte._fillTransform).not.toHaveBeenCalled();
- });
- it('should set transform if one of the x, y or scale changed', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- top: 10,
- ctx: svg
- });
- byte._draw();
- spyOn(byte, '_fillTransform');
- byte._draw();
- return expect(byte._fillTransform).not.toHaveBeenCalled();
- });
- it('should set transform if x changed #1', function() {
- var byte, isTr, isTr2, isTr3, style, tr;
- byte = new Byte({
- radius: 25,
- top: 10,
- x: {
- 0: 10
- }
- });
- byte._props.x = '4px';
- spyOn(byte, '_fillTransform').and.callThrough();
- byte._draw();
- expect(byte._fillTransform).toHaveBeenCalled();
- style = byte.el.style;
- tr = style['transform'] || style["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(4px, 0) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(4px, 0px) rotate(0deg) scale(1, 1)';
- isTr3 = tr === 'translate(4px, 0px) rotate(0deg) scale(1)';
- return expect(isTr || isTr2 || isTr3).toBe(true);
- });
- it('should set transform if x changed #2', function() {
- var byte, isTr, isTr2, isTr3, style, tr;
- byte = new Byte({
- radius: 25,
- top: 10,
- y: {
- 0: 10
- }
- });
- byte._props.y = '4px';
- spyOn(byte, '_fillTransform').and.callThrough();
- byte._draw();
- expect(byte._fillTransform).toHaveBeenCalled();
- style = byte.el.style;
- tr = style['transform'] || style["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(0, 4px) rotate(0deg) scale(1, 1)';
- isTr2 = tr === 'translate(0px, 4px) rotate(0deg) scale(1, 1)';
- isTr3 = tr === 'translate(0px, 4px) rotate(0deg) scale(1)';
- return expect(isTr || isTr2 || isTr3).toBe(true);
- });
- it('should set transform if x changed #3', function() {
- var byte, isTr, isTr2, isTr3, style, tr;
- byte = new Byte({
- radius: 25,
- top: 10,
- scale: {
- 0: 10
- }
- });
- byte._props.scale = 3;
- spyOn(byte, '_fillTransform').and.callThrough();
- byte._draw();
- expect(byte._fillTransform).toHaveBeenCalled();
- style = byte.el.style;
- tr = style['transform'] || style["" + mojs.h.prefix.css + "transform"];
- isTr = tr === 'translate(0, 0) rotate(0deg) scale(3, 3)';
- isTr2 = tr === 'translate(0px, 0px) rotate(0deg) scale(3, 3)';
- isTr3 = tr === 'translate(0px, 0px) rotate(0deg) scale(3)';
- return expect(isTr || isTr2 || isTr3).toBe(true);
- });
- it('should set `transform-origin` if `origin`', function() {
- var byte, isOr1, isOr2, isOr3, prop, style, tr;
- byte = new Byte({
- origin: '50% 30%'
- });
- byte._drawEl();
- prop = 'transform-origin';
- style = byte.el.style;
- tr = style[prop] || style["" + mojs.h.prefix.css + prop];
- isOr1 = tr === '50% 30% ';
- isOr2 = tr === '50% 30%';
- isOr3 = tr === '50% 30% 0px';
- return expect(isOr1 || isOr2 || isOr3).toBe(true);
- });
- it('should set `transform-origin` if `origin` changed', function() {
- var byte, isOr1, isOr2, isOr3, prop, style, tr;
- byte = new Byte({
- origin: '50% 30%'
- });
- spyOn(byte, '_fillOrigin').and.callThrough();
- byte._props.origin = byte._parseStrokeDashOption('origin', '50% 40%');
- byte._drawEl();
- prop = 'transform-origin';
- style = byte.el.style;
- tr = style[prop] || style["" + mojs.h.prefix.css + prop];
- isOr1 = tr === '50% 40% ';
- isOr2 = tr === '50% 40%';
- isOr3 = tr === '50% 40% 0px';
- expect(isOr1 || isOr2 || isOr3).toBe(true);
- return expect(byte._fillOrigin).toHaveBeenCalled();
- });
- it('should not set `transform-origin` if `origin`', function() {
- var byte;
- byte = new Byte({
- origin: '50% 30%'
- });
- byte._draw();
- spyOn(byte, '_fillOrigin').and.callThrough();
- byte._draw();
- return expect(byte._fillOrigin).not.toHaveBeenCalled();
- });
- return it('should set `transform-origin` if `origin` in `_deltas`', function() {
- var byte;
- byte = new Byte({
- origin: {
- '50% 30%': '50% 0'
- }
- });
- spyOn(byte, '_fillOrigin').and.callThrough();
- byte._drawEl();
- byte._drawEl();
- return expect(byte._fillOrigin.calls.count()).toBe(2);
- });
- });
- describe('_isPropChanged method ->', function() {
- it('should return bool showing if prop was changed after the last set', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- y: 10
- });
- byte._props.left = '20px';
- expect(byte._isPropChanged('left')).toBe(true);
- byte._props.left = '20px';
- return expect(byte._isPropChanged('left')).toBe(false);
- });
- return it('should add prop object to lastSet if undefined', function() {
- var byte;
- byte = new Byte({
- radius: 25,
- y: 10
- });
- byte._isPropChanged('x');
- return expect(byte._lastSet.x).toBeDefined();
- });
- });
- describe('delta calculations ->', function() {
- it('should skip delta for excludePropsDelta object', function() {
- var byte;
- byte = new Byte({
- radius: {
- 45: 55
- }
- });
- byte._skipPropsDelta = {
- radius: 1
- };
- byte._extendDefaults();
- return expect(byte._deltas.radius).not.toBeDefined();
- });
- describe('numeric values ->', function() {
- it('should calculate delta', function() {
- var byte, radiusDelta;
- byte = new Byte({
- radius: {
- 25: 75
- }
- });
- radiusDelta = byte._deltas.radius;
- expect(radiusDelta.start).toBe(25);
- expect(radiusDelta.delta).toBe(50);
- return expect(radiusDelta.type).toBe('number');
- });
- it('should calculate delta with string arguments', function() {
- var byte, radiusDelta;
- byte = new Byte({
- radius: {
- '25': '75'
- }
- });
- radiusDelta = byte._deltas.radius;
- expect(radiusDelta.start).toBe(25);
- return expect(radiusDelta.delta).toBe(50);
- });
- it('should calculate delta with float arguments', function() {
- var byte, radiusDelta;
- byte = new Byte({
- radius: {
- '25.50': 75.50
- }
- });
- radiusDelta = byte._deltas.radius;
- expect(radiusDelta.start).toBe(25.5);
- return expect(radiusDelta.delta).toBe(50);
- });
- it('should calculate delta with negative start arguments', function() {
- var byte, radiusDelta;
- byte = new Byte({
- radius: {
- '-25.50': 75.50
- }
- });
- radiusDelta = byte._deltas.radius;
- expect(radiusDelta.start).toBe(-25.5);
- return expect(radiusDelta.delta).toBe(101);
- });
- return it('should calculate delta with negative end arguments', function() {
- var byte, radiusDelta;
- byte = new Byte({
- radius: {
- '25.50': -75.50
- }
- });
- radiusDelta = byte._deltas.radius;
- expect(radiusDelta.start).toBe(25.5);
- expect(radiusDelta.end).toBe(-75.5);
- return expect(radiusDelta.delta).toBe(-101);
- });
- });
- describe('color values ->', function() {
- it('should calculate color delta', function() {
- var byte, colorDelta;
- byte = new Byte({
- stroke: {
- '#000': 'rgb(255,255,255)'
- }
- });
- colorDelta = byte._deltas.stroke;
- expect(colorDelta.start.r).toBe(0);
- expect(colorDelta.end.r).toBe(255);
- expect(colorDelta.delta.r).toBe(255);
- return expect(colorDelta.type).toBe('color');
- });
- return it('should ignore stroke-linecap prop, use start prop and warn', function() {
- var byte, fun;
- byte = null;
- spyOn(console, 'warn');
- fun = function() {
- return byte = new Byte({
- strokeLinecap: {
- 'round': 'butt'
- }
- });
- };
- expect(function() {
- return fun();
- }).not.toThrow();
- expect(console.warn).toHaveBeenCalled();
- return expect(byte._deltas.strokeLinecap).not.toBeDefined();
- });
- });
- describe('unit values ->', function() {
- return it('should calculate unit delta', function() {
- var byte, xDelta;
- byte = new Byte({
- x: {
- '0%': '100%'
- }
- });
- xDelta = byte._deltas.x;
- expect(xDelta.start.string).toBe('0');
- expect(xDelta.end.string).toBe('100%');
- expect(xDelta.delta).toBe(100);
- return expect(xDelta.type).toBe('unit');
- });
- });
- return describe('tween-related values ->', function() {
- return it('should not calc delta for tween related props', function() {
- var byte;
- byte = new Byte({
- duration: {
- 2000: 1000
- }
- });
- return expect(byte._deltas.duration).not.toBeDefined();
- });
- });
- });
- describe('_setProgress method ->', function() {
- it('should set Shapeion progress', function() {
- var byte;
- byte = new Byte({
- radius: {
- '25.50': -75.50
- }
- });
- byte._setProgress(.5);
- return expect(byte._progress).toBe(.5);
- });
- it('should set value progress', function() {
- var byte;
- byte = new Byte({
- radius: {
- '25': 75
- }
- });
- byte._setProgress(.5);
- return expect(byte._props.radius).toBe(50);
- });
- it('should call _calcCurrentProps', function() {
- var byte;
- byte = new Byte({
- radius: {
- '25': 75
- }
- });
- spyOn(byte, '_calcCurrentProps');
- byte._setProgress(.5, .35);
- return expect(byte._calcCurrentProps).toHaveBeenCalledWith(.5, .35);
- });
- it('not to thow', function() {
- var byte;
- byte = new Byte({
- radius: {
- '25': 75
- },
- ctx: svg
- });
- return expect(function() {
- return byte._show();
- }).not.toThrow();
- });
- it('should set color value progress and only int', function() {
- var byte, colorDelta;
- byte = new Byte({
- stroke: {
- '#000': 'rgb(255,255,255)'
- }
- });
- colorDelta = byte._deltas.stroke;
- byte._setProgress(.5);
- return expect(byte._props.stroke).toBe('rgba(127,127,127,1)');
- });
- return it('should set color value progress for delta starting with 0', function() {
- var byte, colorDelta;
- byte = new Byte({
- stroke: {
- '#000': 'rgb(0,255,255)'
- }
- });
- colorDelta = byte._deltas.stroke;
- byte._setProgress(.5);
- return expect(byte._props.stroke).toBe('rgba(0,127,127,1)');
- });
- });
- describe('strokeDash.. values', function() {
- it('should set strokeDasharray/strokeDashoffset value progress', function() {
- var byte;
- byte = new Byte({
- strokeDasharray: {
- '200 100': '400'
- }
- });
- byte._setProgress(.5);
- expect(byte._props.strokeDasharray[0].value).toBe(300);
- expect(byte._props.strokeDasharray[0].unit).toBe('px');
- expect(byte._props.strokeDasharray[1].value).toBe(50);
- return expect(byte._props.strokeDasharray[1].unit).toBe('px');
- });
- it('should set strokeDasharray/strokeDashoffset with percents', function() {
- var byte;
- byte = new Byte({
- type: 'circle',
- strokeDasharray: {
- '0% 200': '100%'
- },
- radius: 100
- });
- byte._setProgress(.5);
- expect(byte._props.strokeDasharray[0].value).toBe(50);
- expect(byte._props.strokeDasharray[0].unit).toBe('%');
- expect(byte._props.strokeDasharray[1].value).toBe(100);
- return expect(byte._props.strokeDasharray[1].unit).toBe('px');
- });
- it('should parse non-deltas strokeDasharray/strokeDashoffset values', function() {
- var byte;
- byte = new Byte({
- type: 'circle',
- strokeDasharray: '100%',
- radius: 100
- });
- expect(byte._props.strokeDasharray[0].value).toBe(100);
- return expect(byte._props.strokeDasharray[0].unit).toBe('%');
- });
- it('should parse multiple strokeDash.. values', function() {
- var byte;
- byte = new Byte({
- strokeDasharray: '7 100 7'
- });
- expect(h.isArray(byte._props.strokeDasharray)).toBe(true);
- expect(byte._props.strokeDasharray.length).toBe(3);
- expect(byte._props.strokeDasharray[0].value).toBe(7);
- expect(byte._props.strokeDasharray[1].value).toBe(100);
- return expect(byte._props.strokeDasharray[2].value).toBe(7);
- });
- return it('should parse num values', function() {
- var byte;
- byte = new Byte({
- strokeDasharray: 7
- });
- expect(h.isArray(byte._props.strokeDasharray)).toBe(true);
- return expect(byte._props.strokeDasharray.length).toBe(1);
- });
- });
- describe('_getRadiusSize method ->', function() {
- return it('should return max from delatas if key is defined', function() {
- var byte, size;
- byte = new Byte({
- radiusX: {
- 20: 30
- }
- });
- size = byte._getRadiusSize('radiusX');
- return expect(size).toBe(30);
- });
- });
- describe('_increaseSizeWithEasing method ->', function() {
- it('should increase size based on easing - elastic.out', function() {
- var tr;
- tr = new Shape({
- easing: 'elastic.out'
- });
- tr._props.size = 1;
- tr._increaseSizeWithEasing();
- return expect(tr._props.size).toBe(1.25);
- });
- it('should increase size based on easing - elastic.inout', function() {
- var tr;
- tr = new Shape({
- easing: 'elastic.inout'
- });
- tr._props.size = 1;
- tr._increaseSizeWithEasing();
- return expect(tr._props.size).toBe(1.25);
- });
- it('should increase size based on easing - back.out', function() {
- var tr;
- tr = new Shape({
- easing: 'back.out'
- });
- tr._props.size = 1;
- tr._increaseSizeWithEasing();
- return expect(tr._props.size).toBe(1.1);
- });
- return it('should increase size based on easing - back.inout', function() {
- var tr;
- tr = new Shape({
- easing: 'back.inout'
- });
- tr._props.size = 1;
- tr._increaseSizeWithEasing();
- return expect(tr._props.size).toBe(1.1);
- });
- });
- describe('callbacksContext option ->', function() {
- it('should pass the options to the tween', function() {
- var isRightContext, obj, tr;
- obj = {};
- isRightContext = null;
- tr = new Shape({
- callbacksContext: obj,
- onUpdate: function() {
- return isRightContext = this === obj;
- }
- });
- tr.setProgress(0);
- tr.setProgress(.1);
- return expect(isRightContext).toBe(true);
- });
- return it('should pass the options to the timeline', function() {
- var isRightContext, obj, tr;
- obj = {};
- isRightContext = null;
- tr = new Shape({
- callbacksContext: obj,
- timeline: {
- onUpdate: function() {
- return isRightContext = this === obj;
- }
- }
- });
- tr.setProgress(0);
- tr.setProgress(.1);
- return expect(isRightContext).toBe(true);
- });
- });
- describe('_fillTransform method ->', function() {
- return it('return tranform string of the el', function() {
- var tr;
- tr = new Shape({
- x: 100,
- y: 100,
- angle: 50,
- scaleX: 2,
- scaleY: 3
- });
- return expect(tr._fillTransform()).toBe('translate(100px, 100px) rotate(50deg) scale(2, 3)');
- });
- });
- describe('_fillOrigin method ->', function() {
- it('return tranform-origin string of the el', function() {
- var tr;
- tr = new Shape({
- x: 100,
- y: 100,
- origin: '50% 30%'
- });
- return expect(tr._fillOrigin()).toBe('50% 30% ');
- });
- return it('return tranform-origin string of the el with delta', function() {
- var tr;
- tr = new Shape({
- x: 100,
- y: 100,
- easing: 'liner.none',
- origin: {
- '0% 0%': '50% 200%'
- }
- });
- tr.setProgress(0);
- tr.setProgress(.5);
- return expect(tr._fillOrigin()).toBe('25% 100% ');
- });
- });
- describe('el creation ->', function() {
- describe('el ->', function() {
- it('should create el', function() {
- var byte, style;
- byte = new Byte({
- radius: 25
- });
- expect(byte.el.tagName.toLowerCase()).toBe('div');
- style = byte.el.style;
- expect(style['position']).toBe('absolute');
- expect(style['width']).toBe('52px');
- expect(style['height']).toBe('52px');
- return expect(byte.el.getAttribute('data-name')).toBe('mojs-shape');
- });
- return it('should add `class` to `el`', function() {
- var byte, className;
- className = 'some-class';
- byte = new Byte({
- radius: 25,
- className: className
- });
- return expect(byte.el.getAttribute('class')).toBe(className);
- });
- });
- return it('should create bit based on shape option or fallback to circle', function() {
- var byte, byte2;
- byte = new Byte({
- radius: 25,
- shape: 'rect'
- });
- byte2 = new Byte({
- radius: 25
- });
- expect(byte.shapeModule._props.tag).toBe('rect');
- return expect(byte2.shapeModule._props.tag).toBe('ellipse');
- });
- });
- describe('_createShape method', function() {
- it('should create shape module based on `_props` shape', function() {
- var byte;
- byte = new Byte({
- shape: 'rect'
- });
- byte.shapeModule = null;
- byte._createShape();
- return expect(byte.shapeModule instanceof mojs.shapesMap.rect).toBe(true);
- });
- it('should not create if !isWithShape', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- isWithShape: false
- });
- spyOn(byte, '_getShapeSize');
- byte.shapeModule = null;
- byte._createShape();
- expect(byte.shapeModule).toBeFalsy();
- return expect(byte._getShapeSize).toHaveBeenCalled();
- });
- it('should send `width` and `height` to the `shape` module', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: 50,
- radiusY: 75,
- strokeWidth: {
- 0: 10
- }
- });
- byte.shapeModule = null;
- byte._createShape();
- expect(byte.shapeModule._props.width).toBe(2 * 50 + 10);
- expect(byte.shapeModule._props.height).toBe(2 * 75 + 10);
- return expect(byte.shapeModule._props.parent).toBe(byte.el);
- });
- return it('should save `width` and `height` to the `_props` module', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: 50,
- radiusY: 75,
- strokeWidth: {
- 0: 10
- }
- });
- byte.shapeModule = null;
- byte._createShape();
- expect(byte._props.shapeWidth).toBe(2 * 50 + 10);
- return expect(byte._props.shapeHeight).toBe(2 * 75 + 10);
- });
- });
- describe('_getMaxRadius method ->', function() {
- return it('should return maximum radius ', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: {
- 50: 0
- },
- radiusY: 75
- });
- spyOn(byte, '_getRadiusSize').and.callThrough();
- expect(byte._getMaxRadius('radiusX')).toBe(50);
- expect(byte._getMaxRadius('radiusY')).toBe(75);
- return expect(byte._getRadiusSize).toHaveBeenCalledWith('radiusX', 50);
- });
- });
- describe('_getMaxStroke method ->', function() {
- it('should get maximum value of the strokeWidth if delta', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: {
- 50: 0
- },
- radiusY: 75,
- strokeWidth: {
- 20: 0
- }
- });
- return expect(byte._getMaxStroke()).toBe(20);
- });
- it('should get maximum value of the strokeWidth if delta', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: {
- 50: 0
- },
- radiusY: 75,
- strokeWidth: {
- 0: 20
- }
- });
- return expect(byte._getMaxStroke()).toBe(20);
- });
- return it('should get maximum value of the strokeWidth if static value', function() {
- var byte;
- byte = new Byte({
- shape: 'rect',
- radius: {
- 50: 0
- },
- radiusY: 75,
- strokeWidth: 10
- });
- return expect(byte._getMaxStroke()).toBe(10);
- });
- });
- describe('_getShapeSize method', function() {
- it('should call _getMaxStroke method', function() {
- var byte;
- byte = new Byte;
- spyOn(byte, '_getMaxStroke');
- byte._getShapeSize();
- return expect(byte._getMaxStroke).toHaveBeenCalled();
- });
- it('should call _getMaxRadius method', function() {
- var byte;
- byte = new Byte;
- spyOn(byte, '_getMaxRadius');
- byte._getShapeSize();
- return expect(byte._getMaxRadius).toHaveBeenCalledWith('radiusX');
- });
- it('should call _getMaxRadius method', function() {
- var byte;
- byte = new Byte;
- spyOn(byte, '_getMaxRadius');
- byte._getShapeSize();
- return expect(byte._getMaxRadius).toHaveBeenCalledWith('radiusY');
- });
- return it('should save size to the _props', function() {
- var byte, p, stroke;
- byte = new Byte;
- byte._props.shapeWidth = 0;
- byte._props.shapeHeight = 0;
- byte._getShapeSize();
- p = byte._props;
- stroke = byte._getMaxStroke();
- expect(p.shapeWidth).toBe(2 * byte._getMaxRadius('radiusX') + stroke);
- return expect(p.shapeHeight).toBe(2 * byte._getMaxRadius('radiusY') + stroke);
- });
- });
- describe('_getMaxSizeInChain method ->', function() {
- it('should call _getShapeSize on every module', function() {
- var ms, shape;
- shape = new Shape().then({
- radius: 0
- }).then({
- radius: 100
- });
- ms = shape._modules;
- spyOn(ms[0], '_getShapeSize');
- spyOn(ms[1], '_getShapeSize');
- spyOn(ms[2], '_getShapeSize');
- shape._getMaxSizeInChain();
- expect(ms[0]._getShapeSize).toHaveBeenCalled();
- expect(ms[1]._getShapeSize).toHaveBeenCalled();
- return expect(ms[2]._getShapeSize).toHaveBeenCalled();
- });
- it('should set the largest size to shapeModule', function() {
- var largest, shape, shapeModule;
- shape = new Shape().then({
- radius: 0
- }).then({
- radius: 100
- });
- largest = shape._modules[2];
- shapeModule = shape.shapeModule;
- spyOn(shapeModule, '_setSize');
- shape._getMaxSizeInChain();
- return expect(shapeModule._setSize).toHaveBeenCalledWith(largest._props.shapeWidth, largest._props.shapeHeight);
- });
- return it('should call _setElSizeStyles method', function() {
- var largest, shape;
- shape = new Shape().then({
- radius: 0
- }).then({
- radius: 100
- });
- largest = shape._modules[2];
- spyOn(shape, '_setElSizeStyles');
- shape._getMaxSizeInChain();
- return expect(shape._setElSizeStyles).toHaveBeenCalledWith(largest._props.shapeWidth, largest._props.shapeHeight);
- });
- });
- describe('_setElSizeStyles method ->', function() {
- return it('should set `width`, `height` and `margins` to the `el` styles', function() {
- var shape, style;
- shape = new Shape();
- style = shape.el.style;
- style['width'] = '0px';
- style['height'] = '0px';
- style['margin-left'] = '0px';
- style['margin-right'] = '0px';
- shape._setElSizeStyles(100, 200);
- expect(style['width']).toBe('100px');
- expect(style['height']).toBe('200px');
- expect(style['margin-left']).toBe('-50px');
- return expect(style['margin-top']).toBe('-100px');
- });
- });
- describe('then method ->', function() {
- it('should call super', function() {
- var obj, shape;
- obj = {};
- shape = new Shape();
- spyOn(Thenable.prototype, 'then');
- shape.then(obj);
- return expect(Thenable.prototype.then).toHaveBeenCalledWith(obj);
- });
- it('should return this', function() {
- var result, shape;
- shape = new Shape();
- result = shape.then({});
- return expect(result).toBe(shape);
- });
- return it('should call _getMaxSizeInChain method', function() {
- var shape;
- shape = new Shape();
- spyOn(shape, '_getMaxSizeInChain');
- shape.then({});
- return expect(shape._getMaxSizeInChain).toHaveBeenCalled();
- });
- });
- describe('tune method ->', function() {
- it('should call super', function() {
- var obj, shape;
- obj = {};
- shape = new Shape();
- spyOn(Tunable.prototype, 'tune');
- shape.tune(obj);
- return expect(Tunable.prototype.tune).toHaveBeenCalledWith(obj);
- });
- it('should return this', function() {
- var result, shape;
- shape = new Shape();
- result = shape.tune({});
- return expect(result).toBe(shape);
- });
- return it('should call _getMaxSizeInChain method', function() {
- var shape;
- shape = new Shape();
- spyOn(shape, '_getMaxSizeInChain');
- shape.tune({});
- return expect(shape._getMaxSizeInChain).toHaveBeenCalled();
- });
- });
- describe('_refreshBefore method ->', function() {
- it('should call `_show` method is `isShowStart`', function() {
- var shape;
- shape = new Shape({
- isShowStart: true
- });
- spyOn(shape, '_show');
- shape._refreshBefore();
- return expect(shape._show).toHaveBeenCalled();
- });
- it('should call `_hide` method is not `isShowStart`', function() {
- var shape;
- shape = new Shape;
- spyOn(shape, '_hide');
- shape._refreshBefore();
- return expect(shape._hide).toHaveBeenCalled();
- });
- it('should call `_setProgress` with `0, 0`', function() {
- var shape;
- shape = new Shape;
- spyOn(shape, '_setProgress');
- shape._refreshBefore();
- return expect(shape._setProgress).toHaveBeenCalledWith(0, 0);
- });
- return it('should call `_setProgress` with tweens eased progress', function() {
- var shape;
- shape = new Shape({
- easing: function(k) {
- return 1;
- }
- });
- spyOn(shape, '_setProgress');
- shape._refreshBefore();
- return expect(shape._setProgress).toHaveBeenCalledWith(1, 0);
- });
- });
- return describe('_showByTransform method ->', function() {
- it('should call _drawEl method', function() {
- var shape;
- shape = new Shape({
- easing: function(k) {
- return 1;
- }
- });
- spyOn(shape, '_drawEl');
- shape._showByTransform();
- return expect(shape._drawEl).toHaveBeenCalled();
- });
- return it('should update scale', function() {
- var isIE, isIE9, isNormal, isNormal2, s, shape, tr;
- shape = new Shape({
- easing: function(k) {
- return 1;
- }
- });
- shape.el.style.transform = 'scale(0)';
- shape.el.style["" + mojs.h.prefix.css + "transform"] = 'scale(0)';
- shape._showByTransform();
- s = shape.el.style;
- tr = s.transform || s["" + mojs.h.prefix.css + "transform"];
- isNormal = tr === 'translate(0, 0) rotate(0deg) scale(1, 1)';
- isNormal2 = tr === 'translate(0px, 0px) rotate(0deg) scale(1, 1)';
- isIE9 = tr === 'translate(0, 0) rotate(0deg) scale(1)';
- isIE = tr === 'translate(0px, 0px) rotate(0deg) scale(1)';
- return expect(isNormal || isNormal2 || isIE9 || isIE).toBe(true);
- });
- });
- });
-
-}).call(this);
diff --git a/spec/shape/shape.spec.js b/spec/shape/shape.spec.js
new file mode 100644
index 000000000..1b4d8e066
--- /dev/null
+++ b/spec/shape/shape.spec.js
@@ -0,0 +1,326 @@
+var Surface = mojs.Surface;
+var Shape = mojs.Shape2;
+
+var el = document.createElement('div');
+
+describe('`Shape` ->', function () {
+ describe('extension ->', function() {
+ it('should extend `Surface`', function () {
+ var shape = new Shape();
+ expect(Surface.__mojsClass.isPrototypeOf(shape)).toBe(true);
+ });
+
+ it('should have `_defaults`', function () {
+ var shape = new Shape();
+
+ expect(shape._defaults.size).toBe(100);
+ expect(shape._defaults.sizeX).toBe(undefined);
+ expect(shape._defaults.sizeY).toBe(undefined);
+ });
+
+ it('should keep `Surface` defaults', function () {
+ var shape = new Shape();
+
+ expect(shape._defaults.parent).toBe(document.body);
+ expect(shape._defaults.width).toBe(100);
+ expect(shape._defaults.height).toBe(100);
+ });
+
+ it('should save `Surface` defaults #2', function () {
+ var shape = new Shape();
+
+ expect(shape._surfaceDefaults.parent).toBe(document.body);
+ expect(shape._surfaceDefaults.width).toBe(100);
+ expect(shape._surfaceDefaults.height).toBe(100);
+ });
+ });
+
+ describe('`_surfaceOptions` ->', function() {
+ it('should delete `surfaceOptions` from options', function () {
+ var shape = new Shape();
+
+ expect(shape.shape._o.surfaceOptions).not.toBeDefined();
+ });
+ });
+
+ describe('`customProperties` ->', function() {
+ it('should shape to Shape', function () {
+ var shapeName = 'some-shape';
+ var shape = new Shape({
+ shape: shapeName
+ });
+
+ expect(shape._o.shape).toBe(shapeName);
+ });
+ });
+
+
+ describe('`customProperties` ->', function() {
+ it('should pass new customProperties to shape', function () {
+ var shape = new Shape();
+
+ expect(shape._o.customProperties.pipeObj).toEqual({
+ root: shape.shape.root,
+ styleKeys: []
+ });
+ });
+
+ it('should add `isSkipRender: true` to `size`, `sizeX` and `sizeY`', function () {
+ var shape = new Shape();
+
+ expect(shape._o.customProperties.size).toEqual({
+ type: 'number',
+ isSkipRender: true
+ });
+
+ expect(shape._o.customProperties.sizeX).toEqual({
+ type: 'number',
+ isSkipRender: true
+ });
+
+ expect(shape._o.customProperties.sizeY).toEqual({
+ type: 'number',
+ isSkipRender: true
+ });
+
+ expect(shape._o.customProperties.shape).not.toBeDefined();
+ });
+
+ it('should add `isSkipRender: true` every non-surface property`', function () {
+ var shape = new Shape({
+ width: 200,
+ height: 100,
+ k: { 20 : 100 },
+ t: { 20 : 100 },
+ x: 20,
+ y: 100,
+ scaleX: 100,
+ scaleZ: { 100: 200 },
+ customProperties: {
+ k: {
+ type: 'unit',
+ isSkipRender: false,
+ }
+ }
+ });
+
+ expect(shape._o.customProperties.k).toEqual({
+ type: 'unit',
+ isSkipRender: false
+ });
+
+ expect(shape._o.customProperties.t).toEqual({
+ isSkipRender: true
+ });
+
+ expect(shape._o.customProperties.el).not.toBeDefined();
+ expect(shape._o.customProperties.x).not.toBeDefined();
+ expect(shape._o.customProperties.y).not.toBeDefined();
+ expect(shape._o.customProperties.scaleX).not.toBeDefined();
+ expect(shape._o.customProperties.angleZ).not.toBeDefined();
+ // surface props
+ expect(shape._o.customProperties.width).toEqual({ type: 'unit' });
+ expect(shape._o.customProperties.height).toEqual({ type: 'unit' });
+ });
+
+ it('should not add `isSkipRender: true` to `surfaceOptions` props', function () {
+ var shape = new Shape({
+ width: 200,
+ height: 100,
+ k: { 20 : 100 },
+ t: { 20 : 100 },
+ x: 20,
+ y: 100,
+ scaleX: 100,
+ scaleZ: { 100: 200 },
+ surfaceOptions: [ 'k' ],
+ customProperties: {
+ t: {
+ type: 'unit',
+ isSkipRender: false,
+ }
+ }
+ });
+
+ expect(shape._o.customProperties.k).not.toBeDefined();
+ expect(shape._o.customProperties.t).toEqual({
+ type: 'unit',
+ isSkipRender: false,
+ });
+ });
+
+ it('should add `isSkipRender: true` if passed with `customProperties`', function () {
+ var shape = new Shape({
+ width: 200,
+ height: 100,
+ k: { 20 : 100 },
+ t: { 20 : 100 },
+ x: 20,
+ y: 100,
+ scaleX: 100,
+ scaleZ: { 100: 200 },
+ surfaceOptions: [ 't' ],
+ customProperties: {
+ t: {
+ type: 'unit',
+ isSkipRender: false,
+ }
+ }
+ });
+
+ expect(shape._o.customProperties.k).toEqual({
+ isSkipRender: true
+ });
+
+ expect(shape._o.customProperties.t).toEqual({
+ type: 'unit',
+ isSkipRender: false,
+ });
+ });
+
+ it('should pipe thru the original `customProperties`', function () {
+ var customProperties = {
+ k: {
+ type: 'unit',
+ isSkipRender: true
+ },
+ t: {
+ type: 'number',
+ isSkipRender: true
+ }
+ };
+
+ var shape = new Shape({
+ width: 200,
+ height: 100,
+ k: { 20 : 100 },
+ customProperties: customProperties
+ });
+
+ expect(shape._o.customProperties.k).toEqual(customProperties.k);
+ expect(shape._o.customProperties.t).toEqual(customProperties.t);
+ });
+ });
+
+ describe('`styleKeys` ->', function() {
+ it('should pass styleKeys', function () {
+ var shape = new Shape({
+ stroke: { 'cyan': 'purple' },
+ strokeWidth: 2,
+ sizeX: 20,
+ scaleZ: 10,
+ });
+
+ expect(shape._o.customProperties.pipeObj.styleKeys).toEqual(['stroke', 'strokeWidth']);
+ });
+
+ it('should take the original customProperties into accout', function () {
+ var shape = new Shape({
+ stroke: { 'cyan': 'purple' },
+ strokeWidth: 2,
+ sizeX: 20,
+ scaleZ: 10,
+ customProperties: {
+ stroke: {
+ isSkipRender: true
+ }
+ }
+ });
+
+ expect(shape._o.customProperties.pipeObj.styleKeys).toEqual(['strokeWidth']);
+ });
+
+ it('should not pass the `key` which is defined in `surfaceOptions` in `array`', function () {
+ var shape = new Shape({
+ stroke: { 'cyan': 'purple' },
+ strokeWidth: 2,
+ strokeDasharray: 40,
+ strokeDashoffset: 25,
+ sizeX: 20,
+ scaleZ: 10,
+ surfaceOptions: [ 'stroke', 'strokeDasharray' ]
+ });
+
+ expect(shape._o.customProperties.pipeObj.styleKeys).toEqual([ 'strokeWidth', 'strokeDashoffset' ]);
+ });
+
+ it('should filter out tween properties', function () {
+ var shape = new Shape({
+ strokeWidth: 2,
+ duration: 2000
+ });
+
+ expect(shape._o.customProperties.pipeObj.styleKeys).toEqual([ 'strokeWidth' ]);
+ });
+
+ it('should filter out `shape` property', function () {
+ var shape = new Shape({
+ strokeWidth: 2,
+ shape: 'line',
+ duration: 2000
+ });
+
+ expect(shape._o.customProperties.pipeObj.styleKeys).toEqual([ 'strokeWidth' ]);
+ });
+ });
+
+ describe('`render` ->', function() {
+ it('should call the `shape` render', function () {
+ var shape = new Shape({
+ stroke: { 'cyan': 'purple' },
+ strokeWidth: 2,
+ sizeX: 20,
+ scaleZ: 10,
+ });
+
+ spyOn(shape.shape, 'render');
+
+ var obj1 = {};
+ var obj2 = {};
+ shape._o.customProperties.render(obj1, obj2, .75, 25, false);
+
+ expect(shape.shape.render).toHaveBeenCalledWith(obj1, obj2, .75, 25, false);
+ });
+
+ it('should call the `original` render', function () {
+ var arg1 = null;
+ var arg2 = null;
+ var arg3 = null;
+ var arg4 = null;
+ var arg5 = null;
+ var customProperties = {
+ render: function (obj1, obj2, obj3, obj4, obj5) {
+ arg1 = obj1;
+ arg2 = obj2;
+ arg3 = obj3;
+ arg4 = obj4;
+ arg5 = obj5;
+ }
+ };
+
+ var shape = new Shape({
+ stroke: { 'cyan': 'purple' },
+ strokeWidth: 2,
+ sizeX: 20,
+ scaleZ: 10,
+ customProperties: customProperties
+ });
+
+ spyOn(customProperties, 'render');
+ // spy on this just to prevent the original call since we have only
+ // generic objects as arguments
+ spyOn(shape.shape, 'render');
+
+
+ var obj1 = {};
+ var obj2 = {};
+ shape._o.customProperties.render(obj1, obj2, .5, .75, true);
+
+ expect(arg1).toBe(obj1);
+ expect(arg2).toBe(obj2);
+ expect(arg3).toBe(.5);
+ expect(arg4).toBe(.75);
+ expect(arg5).toBe(true);
+ });
+ });
+});
diff --git a/spec/shape/svg/add-shape.spec.js b/spec/shape/svg/add-shape.spec.js
new file mode 100644
index 000000000..3ea3f6820
--- /dev/null
+++ b/spec/shape/svg/add-shape.spec.js
@@ -0,0 +1,31 @@
+var addShape = mojs.addShape;
+var getSvgShapeNameID = mojs.__helpers__.getSvgShapeNameID;
+
+var addShape = mojs.addShape;
+
+describe('`addShape` ->', function () {
+ it('should add SVG root for shapes', function () {
+ var root = document.querySelector('#mojs-svg-shapes');
+
+ expect(root.tagName.toLowerCase()).toBe('svg');
+ expect(root.style.display).toBe('none');
+ });
+
+ it('should add shape', function () {
+ var shapeName = 'some-shape';
+ var shapeID = 'mojs-some-shape-id';
+ var shape = '
-
- ../spec/shapes/bit.coffee
-
-
- it 'should work with camelCase attribute names', -> - bit.el = document.createElementNS?(ns, "rect") - bit.setAttr strokeWidth: 2 - expect(bit.el.getAttribute('stroke-width')).toBe '2'
-path.setAttribute 'd', 'M0,0 L100,100'
-probably not needed http://jsperf.com/gettotallength-vs-3-functions -as getTotalLength is faster then 3 function calls for webkits -and longer for ff and ies, but anyways it is too fast to care about -it 'should not call getLength method if radius didnt change', -> - bit = new Bit - ctx: document.createElementNS ns, 'svg' - radius: 100 - isIt: true - bit.setAttrsIfChanged 'radius', 100 - bit.draw() - spyOn bit, 'getLength' - bit.setAttrsIfChanged 'radius', 100 - bit.draw() - expect(bit.getLength).not.toHaveBeenCalled()
-
-
- ../spec/shapes/circle.coffee
-
-
-
-
- ../spec/shapes/cross.coffee
-
-
-
-
- ../spec/shapes/equal.coffee
-
-
-
-
- ../spec/shapes/line.coffee
-
-
-
-
- ../spec/shapes/polygon.coffee
-
-
- it 'should call drawShape only once', -> - tri = new Polygon ctx: svg, points: 8 - spyOn tri, 'drawShape' - tri.draw() - expect(tri.drawShape).not.toHaveBeenCalled()
-
-
- ../spec/shapes/rect.coffee
-
-
-
-
- ../spec/shapes/zigzag.coffee
-
-
-
-
- ../spec/tween/tweener.coffee
-
-
-
expect(bit.el.getAttribute('rx')) .toBe 30 -expect(bit.el.getAttribute('stroke')).toBe 'orange'
-