| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|
+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/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/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/numberToFrames.spec.js b/spec/helpers/numberToFrames.spec.js
new file mode 100644
index 000000000..be766d1fb
--- /dev/null
+++ b/spec/helpers/numberToFrames.spec.js
@@ -0,0 +1,21 @@
+var helpers = mojs.__helpers__;
+var numberToFrame = helpers.numberToFrame;
+
+describe('numberToFrame function ->', function () {
+ it('should transform input number', function () {
+ expect(numberToFrame(516)).toBe(512);
+ expect(numberToFrame(313)).toBe(320);
+ expect(numberToFrame(240)).toBe(240);
+ expect(numberToFrame(220)).toBe(224);
+ expect(numberToFrame(213)).toBe(208);
+ expect(numberToFrame(200)).toBe(208);
+ expect(numberToFrame(31)).toBe(32);
+ expect(numberToFrame(30)).toBe(32);
+ expect(numberToFrame(24)).toBe(32);
+ expect(numberToFrame(22)).toBe(16);
+ expect(numberToFrame(18)).toBe(16);
+ expect(numberToFrame(12)).toBe(16);
+ expect(numberToFrame(11)).toBe(16);
+ expect(numberToFrame(7)).toBe(0);
+ });
+});
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/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/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/easing/approximate.coffee b/spec/old/easing/approximate.coffee
similarity index 100%
rename from spec/easing/approximate.coffee
rename to spec/old/easing/approximate.coffee
diff --git a/spec/easing/approximate.js b/spec/old/easing/approximate.js
similarity index 100%
rename from spec/easing/approximate.js
rename to spec/old/easing/approximate.js
diff --git a/spec/easing/bezier-easing.coffee b/spec/old/easing/bezier-easing.coffee
similarity index 100%
rename from spec/easing/bezier-easing.coffee
rename to spec/old/easing/bezier-easing.coffee
diff --git a/spec/easing/bezier-easing.js b/spec/old/easing/bezier-easing.js
similarity index 100%
rename from spec/easing/bezier-easing.js
rename to spec/old/easing/bezier-easing.js
diff --git a/spec/easing/easing.coffee b/spec/old/easing/easing.coffee
similarity index 100%
rename from spec/easing/easing.coffee
rename to spec/old/easing/easing.coffee
diff --git a/spec/easing/easing.js b/spec/old/easing/easing.js
similarity index 100%
rename from spec/easing/easing.js
rename to spec/old/easing/easing.js
diff --git a/spec/easing/path-easing.coffee b/spec/old/easing/path-easing.coffee
similarity index 100%
rename from spec/easing/path-easing.coffee
rename to spec/old/easing/path-easing.coffee
diff --git a/spec/easing/path-easing.js b/spec/old/easing/path-easing.js
similarity index 100%
rename from spec/easing/path-easing.js
rename to spec/old/easing/path-easing.js
diff --git a/spec/module.coffee b/spec/old/module.coffee
similarity index 100%
rename from spec/module.coffee
rename to spec/old/module.coffee
diff --git a/spec/module.js b/spec/old/module.js
similarity index 100%
rename from spec/module.js
rename to spec/old/module.js
diff --git a/spec/mojs.coffee b/spec/old/mojs.coffee
similarity index 100%
rename from spec/mojs.coffee
rename to spec/old/mojs.coffee
diff --git a/spec/tween/timeline.coffee b/spec/old/tween/old/timeline.coffee
similarity index 100%
rename from spec/tween/timeline.coffee
rename to spec/old/tween/old/timeline.coffee
diff --git a/spec/tween/timeline.js b/spec/old/tween/old/timeline.js
similarity index 100%
rename from spec/tween/timeline.js
rename to spec/old/tween/old/timeline.js
diff --git a/spec/old/tween/old/tween.test.js b/spec/old/tween/old/tween.test.js
new file mode 100644
index 000000000..151c2ab69
--- /dev/null
+++ b/spec/old/tween/old/tween.test.js
@@ -0,0 +1,7707 @@
+mojs = mojs.default;
+const { Tween, __helpers } = mojs;
+const { ClassProto, tweener } = __helpers;
+
+// prevent tweener from sleeping on page blur - for testing in real browser
+tweener.caffeinate();
+
+var smallNumber = 0.00000001;
+
+describe('Tween ->', function() {
+ describe('extention ->', function() {
+ return it('should extend `ProtoClass` class', function() {
+ var tw = new Tween;
+ return expect(tw instanceof ClassProto).toBe(true);
+ });
+ });
+ // describe('name ->', function() {
+ // it('should set self custom name', function() {
+ // var name, t;
+ // tweener['_Tweens'] = void 0;
+ // name = 'Light tween 1';
+ // t = new Tween({
+ // name: name
+ // });
+ // return expect(t._props.name).toBe(name);
+ // });
+ // return it('should make generic name if no one was specified', function() {
+ // var t;
+ // tweener['_Tweens'] = void 0;
+ // t = new Tween;
+ // expect(t._props.name).toBe('Tween 1');
+ // t = new Tween;
+ // return expect(t._props.name).toBe('Tween 2');
+ // });
+ // });
+ // describe('constructor ->', function() {
+ // return it('should increment _name on tweener', function() {
+ // var t;
+ // tweener['_Tweens'] = void 0;
+ // t = new Tween;
+ // expect(tweener['_Tweens']).toBe(1);
+ // t = new Tween;
+ // expect(tweener['_Tweens']).toBe(2);
+ // t = new Tween;
+ // return expect(tweener['_Tweens']).toBe(3);
+ // });
+ // });
+ describe('defaults ->', function() {
+ it('should have vars', function() {
+ var t;
+ t = new Tween;
+ expect(t._props).toBeDefined();
+ expect(t._negativeShift).toBe(0);
+ expect(t._progressTime).toBe(0);
+ expect(t.progress).toBe(0);
+ return expect(t._state).toBe('stop');
+ });
+ it('should have defaults', function() {
+ var t;
+ t = new Tween;
+ expect(t._defaults.duration).toBe(350);
+ expect(t._defaults.delay).toBe(0);
+ expect(t._defaults.isYoyo).toBe(false);
+ expect(t._defaults.speed).toBe(1);
+ expect(t._defaults.easing).toBe('Sin.Out');
+ expect(t._defaults.backwardEasing).toBe(null);
+ expect(t._defaults.name).toBe(null);
+ expect(t._defaults.nameBase).toBe('Tween');
+ expect(t._defaults.onRefresh).toBe(null);
+ expect(t._defaults.onStart).toBeDefined();
+ expect(t._defaults.onRepeatStart).toBeDefined();
+ expect(t._defaults.onFirstUpdate).toBeDefined();
+ expect(t._defaults.onRepeatComplete).toBeDefined();
+ expect(t._defaults.onComplete).toBeDefined();
+ expect(t._defaults.onUpdate).toBeDefined();
+ expect(t._defaults.onProgress).toBeDefined();
+ expect(t._defaults.onPlaybackStart).toBe(null);
+ expect(t._defaults.onPlaybackPause).toBe(null);
+ expect(t._defaults.onPlaybackStop).toBe(null);
+ expect(t._defaults.onPlaybackComplete).toBe(null);
+ return expect(t._defaults.isChained).toBe(false);
+ });
+ return it('should extend defaults to props', function() {
+ var t;
+ t = new Tween({
+ duration: 1000
+ });
+ expect(t._props.duration).toBe(1000);
+ return expect(t._props.delay).toBe(0);
+ });
+ });
+ describe('init ->', function() {
+ it('should calc time, repeatTime', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 100
+ });
+ expect(t._props.time).toBe(1100);
+ return expect(t._props.repeatTime).toBe(1100);
+ });
+ return it('should calc time, repeatTime #2', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 100,
+ repeat: 2
+ });
+ expect(t._props.time).toBe(1100);
+ return expect(t._props.repeatTime).toBe(3300);
+ });
+ });
+ describe('isChained option ->', function() {
+ it('should receive isChained option', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ isChained: true
+ });
+ return expect(t._props.isChained).toBe(true);
+ });
+ return it('should fallback to default isChained option', function() {
+ var t;
+ t = new Tween({
+ duration: 1000
+ });
+ return expect(t._props.isChained).toBe(false);
+ });
+ });
+ describe('_setStartTime method ->', function() {
+ it('should calculate start time', function() {
+ var expectedTime, t;
+ t = new Tween({
+ duration: 1000,
+ delay: 500
+ })._setStartTime();
+ expectedTime = performance.now() + 500;
+ expect(t._props.startTime).toBeGreaterThan(expectedTime - 50);
+ return expect(t._props.startTime).not.toBeGreaterThan(expectedTime);
+ });
+ it('should receive the start time', function() {
+ var t;
+ t = new Tween({
+ duration: 1000
+ })._setStartTime(1);
+ return expect(t._props.startTime).toBe(1);
+ });
+ it('should calculate end time', function() {
+ var delay, duration, endTime, t;
+ duration = 1000;
+ delay = 500;
+ t = new Tween({
+ duration: duration,
+ delay: delay
+ })._setStartTime();
+ endTime = t._props.startTime + t._props.repeatTime - t._props.delay;
+ return expect(t._props.endTime).toBe(endTime);
+ });
+ it('should calculate end time with repeat', function() {
+ var delay, duration, endTime, t;
+ duration = 1000;
+ delay = 500;
+ t = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ })._setStartTime();
+ endTime = t._props.startTime + t._props.repeatTime - t._props.delay;
+ return expect(t._props.endTime).toBe(endTime);
+ });
+ it('should calculate end time if repeat', function() {
+ var delay, duration, t, time;
+ duration = 1000;
+ delay = 500;
+ t = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ })._setStartTime();
+ time = t._props.startTime + (3 * (duration + delay)) - delay;
+ return expect(t._props.endTime).toBe(time);
+ });
+ it('should calculate startTime and endTime if shifted', function() {
+ var delay, duration, endTime, expectedTime, t;
+ duration = 1000;
+ delay = 500;
+ t = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ });
+ t._setProp('shiftTime', 500);
+ t._setStartTime();
+ expectedTime = performance.now() + 500 + delay;
+ expect(t._props.startTime).toBeGreaterThan(expectedTime - 50);
+ expect(t._props.startTime).not.toBeGreaterThan(expectedTime);
+ endTime = t._props.startTime + (3 * (duration + delay)) - delay;
+ return expect(t._props.endTime).toBe(endTime);
+ });
+ it('should restart flags', function() {
+ var t;
+ t = new Tween({
+ duration: 20,
+ repeat: 2
+ })._setStartTime();
+ t.update(t._props.startTime + 10);
+ t.update(t._props.startTime + 60);
+ expect(t._isCompleted).toBe(true);
+ expect(t._isStarted).toBe(false);
+ expect(t._isRepeatCompleted).toBe(true);
+ t._setStartTime();
+ expect(t._isCompleted).toBe(false);
+ expect(t._isRepeatCompleted).toBe(false);
+ return expect(t._isStarted).toBe(false);
+ });
+ it('should not restart _repeatComplete flag is second param is false', function() {
+ var t;
+ t = new Tween({
+ duration: 20,
+ repeat: 2
+ })._setStartTime();
+ t.update(t._props.startTime + 10);
+ t.update(t._props.startTime + 60);
+ expect(t._isRepeatCompleted).toBe(true);
+ t._setStartTime(1, false);
+ return expect(t._isRepeatCompleted).toBe(true);
+ });
+ it('should set _playTime', function() {
+ var now, t;
+ t = new Tween;
+ t._setStartTime();
+ now = performance.now();
+ expect(t._playTime).toBeDefined();
+ return expect(Math.abs(t._playTime - now)).not.toBeGreaterThan(5);
+ });
+ it('should the start time should be shifted', function() {
+ var now, shift, t;
+ t = new Tween;
+ shift = 2000;
+ t._props.shiftTime = shift;
+ t._setStartTime();
+ now = performance.now();
+ expect(t._playTime).toBeDefined();
+ return expect(Math.abs(t._playTime - (now + shift))).not.toBeGreaterThan(5);
+ });
+ it('should set _playTime to passed time', function() {
+ var now, t;
+ t = new Tween;
+ now = performance.now() + 50;
+ t._setStartTime(now);
+ return expect(t._playTime).toBe(now);
+ });
+ it('should set _playTime to _resumeTime if present', function() {
+ var resumeTime, t;
+ t = new Tween;
+ resumeTime = 3200;
+ t._resumeTime = resumeTime;
+ t._setStartTime();
+ return expect(t._playTime).toBe(resumeTime);
+ });
+ return it('should reset _resumeTime', function() {
+ var t;
+ t = new Tween;
+ t._resumeTime = 3200;
+ t._setStartTime();
+ return expect(t._resumeTime).toBe(null);
+ });
+ });
+ describe('update method ->', function() {
+ it('should update progress', function() {
+ var t = new Tween({
+ duration: 1000,
+ delay: 500
+ });
+ t._setStartTime();
+ var time = t._props.startTime + 199;
+ t.update(time);
+ expect(t.progress).toBe(0);
+ time = t._props.startTime + 200;
+ t.update(time);
+ return expect(t.progress).toBeCloseTo(.2, 5);
+ });
+ it('should update progress with repeat', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 1399);
+ expect(t.progress).toBeCloseTo(0);
+ t.update(t._props.startTime + 1400);
+ expect(t.progress).toBeCloseTo(.2);
+ t.update(t._props.startTime + 2700);
+ expect(t.progress).toBeCloseTo(.3);
+ t.update(t._props.startTime + 3400);
+ return expect(t.progress).toBe(1);
+ });
+ it('should update progress to 1 if in delay gap and previous time value was smaller then the current one', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 300);
+ t.update(t._props.startTime + 500);
+ t.update(t._props.startTime + 1100);
+ return expect(t.progress).toBe(1);
+ });
+ it('should update progress to 1 if in delay gap and previous time value was bigger then the current one', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 1300);
+ t.update(t._props.startTime + 1100);
+ return expect(t.progress).toBe(0);
+ });
+ it('should update progress to 1 on the end', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 200);
+ expect(t.progress).toBeCloseTo(0);
+ t.update(t._props.startTime + 500);
+ expect(t.progress).toBeCloseTo(.5);
+ t.update(t._props.startTime + 1000);
+ return expect(t.progress).toBeCloseTo(1, 3);
+ });
+ it('should return true on the end', function() {
+ var returnValue, t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + t._props.duration / 2);
+ returnValue = t.update(t._props.startTime + 1000);
+ expect(t.progress).toBeCloseTo(1, 3);
+ expect(t._isCompleted).toBe(true);
+ expect(t._isRepeatCompleted).toBe(true);
+ return expect(returnValue).toBe(true);
+ });
+ it('should treat very close to `endTime`, `time` as `endTime`', function() {
+ var returnValue, t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200
+ });
+ t._setStartTime();
+ t.update(t._props.startTime);
+ spyOn(t, '_complete').and.callThrough();
+ returnValue = t.update(t._props.endTime - 0.000000001);
+ expect(t.progress).toBeCloseTo(1, 3);
+ expect(t._isCompleted).toBe(true);
+ expect(t._isRepeatCompleted).toBe(true);
+ return expect(returnValue).toBe(true);
+ });
+ it('should return true on the start', function() {
+ var returnValue, t;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ onUpdate: function(p) {}
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + t._props.duration / 2);
+ returnValue = t.update(t._props.startTime - 1000);
+ expect(t.progress).toBeCloseTo(0, 3);
+ return expect(returnValue).toBe(true);
+ });
+ it('should not call update method if timeline isnt active "-"', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ onUpdate: function() {}
+ });
+ t._setStartTime();
+ spyOn(t._props, 'onUpdate');
+ t.update(t._props.startTime - 500);
+ return expect(t._props.onUpdate).not.toHaveBeenCalled();
+ });
+ it('should not call update method if timeline isnt active but was "-"', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ onUpdate: function() {}
+ });
+ t._setStartTime();
+ spyOn(t._props, 'onUpdate');
+ t.update(t._props.startTime + 500);
+ t.update(t._props.startTime + 200);
+ expect(t._isInActiveArea).toBe(true);
+ t.update(t._props.startTime - 500);
+ expect(t._isInActiveArea).toBe(false);
+ expect(t._props.onUpdate).toHaveBeenCalledWith(0, 0, false, false);
+ t.update(t._props.startTime - 500);
+ expect(t._isInActiveArea).toBe(false);
+ return expect(t._props.onUpdate.calls.count()).toBe(2);
+ });
+ it('should not call update method if timeline isnt active "+"', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ onUpdate: function() {}
+ });
+ spyOn(t._props, 'onUpdate');
+ t._setStartTime();
+ t.update(performance.now() + 1500);
+ return expect(t._props.onUpdate).not.toHaveBeenCalled();
+ });
+ it('should not call update method if timeline isnt active but was "+"', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ onUpdate: function() {}
+ });
+ spyOn(t._props, 'onUpdate');
+ t._setStartTime();
+ t.update(t._props.startTime + 200);
+ t.update(t._props.startTime + 500);
+ expect(t._isInActiveArea).toBe(true);
+ t.update(t._props.startTime + 1500);
+ expect(t._isInActiveArea).toBe(false);
+ return expect(t._props.onUpdate).toHaveBeenCalledWith(1, 1, true, false);
+ });
+ it('should set Tween to the end if Tween ended', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ delay: 500
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 200);
+ t.update(t._props.startTime + 1200);
+ return expect(t.progress).not.toBe(1);
+ });
+ it('should save progress time to _progressTime', function() {
+ var delay, duration, t, time, updateTime;
+ delay = 500;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ delay: delay
+ });
+ t._setStartTime();
+ updateTime = 199;
+ time = t._props.startTime + updateTime;
+ t.update(time - 1);
+ t.update(time);
+ return expect(t._progressTime).toBeCloseTo(delay + updateTime, 5);
+ });
+ it('should save progress start point time to _progressTime', function() {
+ var delay, duration, t, time, updateTime;
+ delay = 500;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ delay: delay
+ });
+ t._setStartTime();
+ updateTime = 199;
+ time = t._props.startTime - 2 * delay;
+ t.update(time - 1);
+ t.update(time);
+ return expect(t._progressTime).toBe(0);
+ });
+ it('should save progress 0 at the end time to _progressTime', function() {
+ var delay, duration, t, time, updateTime;
+ delay = 500;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ });
+ t._setStartTime();
+ updateTime = 199;
+ time = t._props.startTime + 4 * (duration + delay);
+ t.update(time - 1);
+ t.update(time);
+ return expect(t._progressTime).toBeCloseTo(t._props.repeatTime, 3);
+ });
+ it('should update with reversed time if _props.isReversed', function() {
+ var delay, duration, shift, t, time;
+ delay = 500;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ });
+ t._setStartTime();
+ t._setProp('isReversed', true);
+ shift = 200;
+ time = t._props.startTime + shift;
+ t.update(time - 1);
+ t.update(time);
+ return expect(t._prevTime).toBeCloseTo(t._props.endTime - delay - shift, 3);
+ });
+ it('should update save reversed time to _prevTime on when skipping frame', function() {
+ var duration, shift, t, time;
+ duration = 1000;
+ t = new Tween({
+ duration: duration
+ });
+ t._setStartTime();
+ t._setProp('isReversed', true);
+ shift = 200;
+ time = t._props.startTime + shift;
+ t.update(time);
+ return expect(t._prevTime).toBeCloseTo(t._props.endTime - t._progressTime, 3);
+ });
+ it('should skip frame with `undefined` too', function() {
+ var duration, shift, t, time;
+ duration = 1000;
+ t = new Tween({
+ duration: duration
+ });
+ t._setStartTime();
+ t._wasUknownUpdate = false;
+ t._prevTime = void 0;
+ shift = 200;
+ time = t._props.startTime + shift;
+ t.update(time);
+ return expect(t._wasUknownUpdate).toBe(true);
+ });
+ it('should recalculate time for speed if defined', function() {
+ var delay, duration, speed, startPoint, t, time;
+ delay = 50;
+ duration = 1000;
+ speed = 2;
+ t = new Tween({
+ speed: speed,
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ });
+ t.play().pause();
+ time = t._props.startTime + duration / 4;
+ startPoint = t._props.startTime - delay;
+ t.update(time - 1);
+ t.update(time);
+ return expect(t._prevTime).toBe(startPoint + speed * (time - startPoint));
+ });
+ it('should ignore speed if _playTime is not set', function() {
+ var delay, duration, speed, t, time;
+ delay = 200;
+ duration = 1000;
+ speed = 2;
+ t = new Tween({
+ speed: speed,
+ duration: duration,
+ delay: delay,
+ repeat: 2
+ });
+ t._setStartTime();
+ time = t._props.startTime + duration / 2;
+ t._playTime = null;
+ t.update(time);
+ return expect(t._prevTime).toBe(time);
+ });
+ it('should save _onEdge property', function() {
+ var duration, t;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ repeat: 1
+ });
+ t._setStartTime();
+ t.update(t._props.startTime);
+ t.update(t._props.startTime + duration / 2);
+ expect(t._onEdge).toBe(0);
+ t.update(t._props.startTime + duration + 1);
+ expect(t._onEdge).toBe(1);
+ t.update(t._props.startTime + duration + 2);
+ return expect(t._onEdge).toBe(0);
+ });
+ it('should save _onEdge property || reverse', function() {
+ var duration, t;
+ duration = 1000;
+ t = new Tween({
+ duration: duration,
+ repeat: 1
+ });
+ t._setStartTime();
+ t.update(t._props.endTime - 1);
+ t.update(t._props.endTime - duration / 2);
+ expect(t._onEdge).toBe(0);
+ t.update(t._props.endTime - duration - 1);
+ expect(t._onEdge).toBe(-1);
+ t.update(t._props.endTime - duration - 2);
+ return expect(t._onEdge).toBe(0);
+ });
+ it('should receive _prevTime', function() {
+ var prevTime, t, time;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2,
+ onStart: function() {}
+ });
+ t._setStartTime();
+ prevTime = 1;
+ time = 2;
+ spyOn(t, '_updateInActiveArea').and.callThrough();
+ spyOn(t._props, 'onStart');
+ t.update(t._props.startTime + 1300, time, prevTime);
+ expect(t._updateInActiveArea).toHaveBeenCalled();
+ return expect(t._props.onStart).toHaveBeenCalledWith(true, false);
+ });
+ it('should receive _prevTime #2', function() {
+ var prevTime, t, time;
+ t = new Tween({
+ duration: 1000,
+ delay: 200,
+ repeat: 2,
+ onStart: function() {}
+ });
+ t._setStartTime();
+ t._prevTime = 2;
+ prevTime = 1;
+ time = 2;
+ spyOn(t, '_updateInActiveArea').and.callThrough();
+ spyOn(t._props, 'onStart');
+ t.update(t._props.startTime + 1300, time, prevTime);
+ expect(t._updateInActiveArea).toHaveBeenCalled();
+ return expect(t._props.onStart).toHaveBeenCalledWith(true, false);
+ });
+ // it('should recalc received _prevTime if speed is present', function() {
+ // var t, tm;
+ // tm = new Timeline;
+ // t = new Tween({
+ // duration: 1000,
+ // speed: .5,
+ // onStart: function() {},
+ // onComplete: function() {}
+ // });
+ // tm.add(t);
+ // spyOn(t._props, 'onStart');
+ // spyOn(t._props, 'onComplete');
+ // tm._setStartTime();
+ // tm.update(tm._props.startTime);
+ // tm.update(tm._props.startTime + 10);
+ // expect(t._props.onStart).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).not.toHaveBeenCalled();
+ // });
+ // it('should update all children timelines if onEdge', function() {
+ // var t;
+ // t = new Timeline;
+ // t.add(new Tween, new Tween);
+ // spyOn(t._timelines[0], 'update');
+ // spyOn(t._timelines[1], 'update');
+ // t.update(20, 10, false, 1);
+ // expect(t._timelines[0].update).toHaveBeenCalledWith(20, 10, false, 1);
+ // return expect(t._timelines[1].update).toHaveBeenCalledWith(20, 10, false, 1);
+ // });
+ // it('should call callbacks if on edge "+1" + was yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 2,
+ // isYoyo: true
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // duration: duration,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(0);
+ // tm.setProgress(.25);
+ // tm.setProgress(.35);
+ // tm.setProgress(.55);
+ // spyOn(t._props, 'onStart');
+ // spyOn(t._props, 'onRepeatStart');
+ // tm.setProgress(.85);
+ // expect(t._props.onStart).toHaveBeenCalledWith(false, false);
+ // return expect(t._props.onRepeatStart).toHaveBeenCalledWith(false, false);
+ // });
+ // it('should call callbacks if on edge "+1" + wasnt yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 2
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // duration: duration,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(0);
+ // tm.setProgress(.25);
+ // tm.setProgress(.35);
+ // tm.setProgress(.55);
+ // spyOn(t._props, 'onRepeatComplete');
+ // spyOn(t._props, 'onComplete');
+ // tm.setProgress(.85);
+ // expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ // });
+ // it('should call callbacks if on edge "-1" + was yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 1,
+ // isYoyo: true
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // duration: duration,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(0);
+ // tm.setProgress(.25);
+ // tm.setProgress(.35);
+ // tm.setProgress(.55);
+ // tm.setProgress(.56);
+ // tm.setProgress(.54);
+ // spyOn(t._props, 'onRepeatComplete');
+ // spyOn(t._props, 'onComplete');
+ // tm.setProgress(.25);
+ // expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ // });
+ // it('should call callbacks if on edge "-1" + wasnt yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 1
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // duration: duration,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(1);
+ // tm.setProgress(.85);
+ // spyOn(t._props, 'onRepeatStart');
+ // spyOn(t._props, 'onStart');
+ // tm.setProgress(.45);
+ // expect(t._props.onRepeatStart).toHaveBeenCalledWith(false, false);
+ // return expect(t._props.onStart).toHaveBeenCalledWith(false, false);
+ // });
+ // return it("should call callbacks if on edge '-1' + wasnt yoyo but only if prevTime was active", function() {
+ // var t1, t2, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 1
+ // });
+ // t1 = new Tween({
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // t2 = new Tween({
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.append(t1, t2);
+ // tm.setProgress(0);
+ // tm.setProgress(.1);
+ // tm.setProgress(.2);
+ // tm.setProgress(.3);
+ // tm.setProgress(.4);
+ // tm.setProgress(.6);
+ // tm.setProgress(.65);
+ // tm.setProgress(.55);
+ // spyOn(t1._props, 'onComplete').and.callThrough();
+ // spyOn(t1._props, 'onRepeatStart').and.callThrough();
+ // spyOn(t1._props, 'onStart').and.callThrough();
+ // spyOn(t2._props, 'onRepeatStart').and.callThrough();
+ // spyOn(t2._props, 'onStart').and.callThrough();
+ // tm.setProgress(.45);
+ // tm.setProgress(.3);
+ // expect(t1._props.onStart).toHaveBeenCalledWith(false, false);
+ // expect(t1._props.onRepeatStart).toHaveBeenCalledWith(false, false);
+ // expect(t2._props.onStart).not.toHaveBeenCalledWith(false, false);
+ // expect(t2._props.onRepeatStart).not.toHaveBeenCalledWith(false, false);
+ // expect(t1._props.onComplete).not.toHaveBeenCalledWith(false, false);
+ // return expect(t1._isCompleted).toBe(true);
+ // });
+ // });
+ // it('should call callbacks if on edge "-1" + was yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 1,
+ // isYoyo: true
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // isYoyo: true,
+ // duration: duration,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(1);
+ // tm.setProgress(.85);
+ // spyOn(t._props, 'onRepeatComplete');
+ // spyOn(t._props, 'onComplete');
+ // tm.setProgress(.45);
+ // expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ // });
+ // it('should call callbacks if on edge "+1" + wasn\'t yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 2,
+ // isYoyo: true
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // repeat: 2,
+ // isYoyo: true,
+ // speed: .5,
+ // duration: duration,
+ // delay: duration / 2,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(.05);
+ // tm.setProgress(.1);
+ // tm.setProgress(.15);
+ // tm.setProgress(.2);
+ // tm.setProgress(.25);
+ // tm.setProgress(.3);
+ // spyOn(t._props, 'onRepeatComplete');
+ // spyOn(t._props, 'onComplete');
+ // tm.setProgress(.35);
+ // expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ // });
+ // it('should call callbacks if on edge "+1" + wasn\'t yoyo', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline({
+ // repeat: 2,
+ // isYoyo: true
+ // });
+ // duration = 1000;
+ // t = new Tween({
+ // repeat: 2,
+ // isYoyo: true,
+ // speed: 2,
+ // duration: duration,
+ // delay: duration / 2,
+ // onStart: function() {},
+ // onRepeatStart: function() {},
+ // onUpdate: function() {},
+ // onProgress: function() {},
+ // onRepeatComplete: function() {},
+ // onComplete: function() {},
+ // onFirstUpdate: function() {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(.05);
+ // tm.setProgress(.1);
+ // tm.setProgress(.15);
+ // tm.setProgress(.2);
+ // tm.setProgress(.25);
+ // tm.setProgress(.3);
+ // spyOn(t._props, 'onRepeatComplete');
+ // spyOn(t._props, 'onComplete');
+ // tm.setProgress(.35);
+ // expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ });
+
+ describe('onUpdate callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onUpdate: function() {}
+ });
+ return expect(t._props.onUpdate).toBeDefined();
+ });
+ it('should call onUpdate callback with the current progress', function() {
+ var t;
+ t = new Tween({
+ duration: 1000,
+ easing: 'bounce.out',
+ onUpdate: function() {}
+ });
+ spyOn(t._props, 'onUpdate');
+ t._setStartTime();
+ t.update(t._props.startTime + 499);
+ t.update(t._props.startTime + 500);
+ return expect(t._props.onUpdate).toHaveBeenCalledWith(t.easedProgress, t.progress, true, false);
+ });
+ it('should have the right scope', function() {
+ var isRightScope, t;
+ isRightScope = false;
+ t = new Tween({
+ onUpdate: function() {
+ return isRightScope = this instanceof Tween;
+ }
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 199);
+ t.update(t._props.startTime + 200);
+ return expect(isRightScope).toBe(true);
+ });
+ it('should not be called on delay', function() {
+ var t;
+ t = new Tween({
+ delay: 200,
+ repeat: 2,
+ onUpdate: function() {}
+ });
+ spyOn(t._props, 'onUpdate').and.callThrough();
+ t._setStartTime();
+ t.update(t._props.startTime + t._props.duration + 50);
+ t.update(t._props.startTime + t._props.duration + 100);
+ t.update(t._props.startTime + t._props.duration + 150);
+ return expect(t._props.onUpdate.calls.count()).toBe(0);
+ });
+ it('should be called just once on delay', function() {
+ var t;
+ t = new Tween({
+ delay: 200,
+ repeat: 2,
+ onUpdate: function() {}
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 50);
+ t.update(t._props.startTime + t._props.duration / 2);
+ spyOn(t._props, 'onUpdate').and.callThrough();
+ t.update(t._props.startTime + t._props.duration + 50);
+ t.update(t._props.startTime + t._props.duration + 100);
+ t.update(t._props.startTime + t._props.duration + 150);
+ return expect(t._props.onUpdate.calls.count()).toBe(1);
+ });
+ it('should pass eased progress and raw progress', function() {
+ var easedProgress, progress, t;
+ easedProgress = null;
+ progress = null;
+ t = new Tween({
+ easing: 'cubic.out',
+ onUpdate: function(ep, p) {
+ easedProgress = ep;
+ return progress = p;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.5);
+ return expect(easedProgress).toBe(mojs.easing.cubic.out(progress));
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onUpdate: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onUpdate: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ it('should not fire when completed and return to "-" inactive area', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ onUpdate: function() {}
+ });
+ t._setStartTime();
+ t.update(t._props.startTime);
+ t.update(t._props.startTime + t._props.duration / 2);
+ t.update(t._props.startTime + t._props.duration);
+ spyOn(t, '_setProgress');
+ t.update(t._props.startTime - 10);
+ return expect(t._setProgress).not.toHaveBeenCalled();
+ });
+
+ /*
+ TWEEN IN NORMAL DIRECTION
+ */
+ it('should be called with 1 and 0 on each repeat period', function() {
+ var completeCnt, completeDirection, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 1,
+ duration: duration,
+ easing: 'Linear.None',
+ onUpdate: function(p, ep, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ var startTime = 0;
+ t._setStartTime(startTime);
+ timeShift = 0;
+ t.update(startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(startTime + timeShift + duration);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = duration;
+ t.update(startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(startTime + timeShift + duration);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ return expect(firstUpdateDirection).toBe(true);
+ });
+ it('should be called with 1 and 0 on each repeat period if missed time', function() {
+ var completeCnt, completeDirection, duration, firstUpdateCnt, firstUpdateDirection, gap, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 1,
+ duration: duration,
+ easing: 'Linear.None',
+ onUpdate: function(p, ep, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ gap = 5;
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + duration - gap);
+ expect(updateValue).toBeCloseTo(.9, 5);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBeCloseTo(.1, 5);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBeCloseTo(1);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ return expect(firstUpdateDirection).toBe(true);
+ });
+ it('should be called with 1 and 0 on each repeat period if delay', function() {
+ var completeCnt, completeDirection, delay, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ delay = 20;
+ updateValue = null;
+ updateDirection = null;
+
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ onUpdate: function(p, ep, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+
+ t._setStartTime();
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift + smallNumber);
+
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + duration + smallNumber);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ timeShift = duration + delay;
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + duration);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ timeShift = 2 * (duration + delay);
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + duration + smallNumber);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ });
+ it('should be called with 1 and 0 on each repeat period if in delay', function() {
+ var completeCnt, completeDirection, delay, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ delay = 20;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ onUpdate: function(p, ep, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBe(.5);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = duration + delay;
+ t.update(t._props.startTime + timeShift + 10);
+ expect(updateValue).toBeCloseTo(.2, 5);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = 2 * (duration + delay);
+ t.update(t._props.startTime + timeShift + 10);
+ expect(updateValue).toBeCloseTo(.2, 5);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime + timeShift + duration + delay / 2 + 10);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ });
+ it('should be called with 0 and 1 on each repeat period || reverse', function() {
+ var completeCnt, completeDirection, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * duration;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(t._isCompleted).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ return expect(firstUpdateDirection).toBe(false);
+ });
+ it('should be called with 0 and 1 on each repeat period if missed time || reverse', function() {
+ var completeCnt, completeDirection, duration, firstUpdateCnt, firstUpdateDirection, gap, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, pe, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ gap = 5;
+ timeShift = 3 * duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(zeroCnt).toBe(0);
+ expect(oneCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration + gap);
+ expect(updateValue).toBeCloseTo(.1, 5);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift - gap);
+ expect(updateValue).toBeCloseTo(.9, 5);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration + gap);
+ expect(updateValue).toBeCloseTo(.1, 5);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - duration - gap);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(2);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime - gap);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(4);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(3);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ t.update(t._props.startTime - gap - 15);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(4);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(3);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ return expect(firstUpdateDirection).toBe(true);
+ });
+ it('should be called with 0 and 1 on each repeat period if in delay || reverse', function() {
+ var completeCnt, completeDirection, delay, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 50;
+ delay = 20;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, pe, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift + 5);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(zeroCnt).toBe(0);
+ expect(oneCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 15);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ return expect(firstUpdateDirection).toBe(false);
+ });
+ it('should be called with 0 and 1 on each repeat period if delay || reverse', function() {
+ var completeCnt, completeDirection, delay, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, t, timeShift, updateDirection, updateValue, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ completeCnt = 0;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ startDirection = null;
+ completeDirection = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ duration = 500;
+ delay = 200;
+ updateValue = null;
+ updateDirection = null;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, pe, isForward) {
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward) {
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward) {
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward) {
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward) {
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward) {
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift - duration - smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 10);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(3);
+ expect(repeatStartCnt).toBe(4);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(2);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ return expect(firstUpdateDirection).toBe(true);
+ });
+
+ /*
+ TWEEN IN NORMAL DIRECTION || YOYO
+ */
+ it('should be called with 1 and 0 on each repeat period || yoyo', function() {
+ var completeCnt, completeDirection, completeYoyo, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 500;
+ t = new Tween({
+ repeat: 1,
+ isYoyo: true,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(updateYoyo).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ expect(firstUpdateYoyo).toBe(null);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + duration);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift + (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + duration);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 1 and 0 on each repeat period if missed time || yoyo', function() {
+ var completeCnt, completeDirection, completeYoyo, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, gap, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 50;
+ t = new Tween({
+ repeat: 1,
+ isYoyo: true,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ gap = 5;
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + duration - gap);
+ expect(updateValue).toBeCloseTo(.9, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBeCloseTo(.9, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBeCloseTo(0);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 1 and 0 on each repeat period if delay || yoyo', function() {
+ var completeCnt, completeDirection, completeYoyo, delay, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 50;
+ delay = 20;
+ t = new Tween({
+ repeat: 2,
+ isYoyo: true,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+
+ t.update(t._props.startTime + timeShift + (duration / 2) + smallNumber);
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift + duration + smallNumber);
+ expect(updateValue).toBe(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration + delay;
+
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift + (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * (duration + delay);
+
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(zeroCnt).toBe(1);
+ expect(oneCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + (duration / 4));
+ expect(updateValue).toBeCloseTo(.25, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(2);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift + duration + smallNumber);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(3);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 1 and 0 on each repeat period if in delay || yoyo', function() {
+ var completeCnt, completeDirection, completeYoyo, delay, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 50;
+ delay = 20;
+ t = new Tween({
+ repeat: 1,
+ isYoyo: true,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift + (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(repeatCompleteYoyo).toBe(null);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration + delay;
+ t.update(t._props.startTime + timeShift + 10);
+ expect(updateValue).toBeCloseTo(.8, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(completeYoyo).toBe(null);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift + duration + delay / 2);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * (duration + delay);
+ t.update(t._props.startTime + timeShift + 10);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(true);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(true);
+ expect(completeYoyo).toBe(true);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(true);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 0 and 1 on each repeat period || reverse yoyo', function() {
+ var completeCnt, completeDirection, completeYoyo, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 50;
+ t = new Tween({
+ repeat: 2,
+ isYoyo: true,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * duration;
+ t.update(t._props.startTime + timeShift - smallNumber);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.25, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 0;
+ t.update(t._props.startTime + timeShift);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration / 2);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 0 and 1 on each repeat period if missed time || yoyo reverse', function() {
+ var completeCnt, completeDirection, completeYoyo, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, gap, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 50;
+ t = new Tween({
+ repeat: 2,
+ isYoyo: true,
+ duration: duration,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ gap = 5;
+ timeShift = 3 * duration;
+ t.update(t._props.startTime + timeShift + gap);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration + gap);
+ expect(updateValue).toBeCloseTo(.1, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * duration;
+ t.update(t._props.startTime + timeShift - gap);
+ expect(updateValue).toBeCloseTo(.1, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - (duration / 4));
+ expect(updateValue).toBeCloseTo(.25, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - gap);
+ expect(updateValue).toBeCloseTo(.9, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime - gap);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(4);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(2);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime - gap);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(5);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(3);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime - gap - 15);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(5);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(3);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ it('should be called with 0 and 1 on each repeat period if in delay || yoyo reverse', function() {
+ var completeCnt, completeDirection, completeYoyo, delay, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 500;
+ delay = 200;
+ t = new Tween({
+ repeat: 2,
+ isYoyo: true,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift + 5);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(zeroCnt).toBe(0);
+ expect(oneCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+ t.update(t._props.startTime + timeShift - (duration / 4));
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.25, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 5);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateDirection).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 15);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ return expect(firstUpdateDirection).toBe(false);
+ });
+ return it('should be called with 0 and 1 on each repeat period if delay || yoyo reverse', function() {
+ var completeCnt, completeDirection, completeYoyo, delay, duration, firstUpdateCnt, firstUpdateDirection, firstUpdateYoyo, oneCnt, repeatCnt, repeatCompleteDirection, repeatCompleteYoyo, repeatStartCnt, repeatStartDirection, repeatStartYoyo, startCnt, startDirection, startYoyo, t, timeShift, updateDirection, updateValue, updateYoyo, zeroCnt;
+ zeroCnt = 0;
+ oneCnt = 0;
+ startCnt = 0;
+ startDirection = null;
+ startYoyo = null;
+ firstUpdateCnt = 0;
+ firstUpdateDirection = null;
+ firstUpdateYoyo = null;
+ updateValue = null;
+ updateDirection = null;
+ updateYoyo = null;
+ repeatStartDirection = null;
+ repeatCompleteDirection = null;
+ repeatCompleteYoyo = null;
+ repeatCnt = 0;
+ repeatStartCnt = 0;
+ repeatStartYoyo = null;
+ completeCnt = 0;
+ completeDirection = null;
+ completeYoyo = null;
+ duration = 500;
+ delay = 200;
+ t = new Tween({
+ repeat: 2,
+ isYoyo: true,
+ duration: duration,
+ delay: delay,
+ easing: 'Linear.None',
+ backwardEasing: 'Linear.None',
+ onUpdate: function(p, ep, isForward, isYoyo) {
+ updateYoyo = isYoyo;
+ updateDirection = isForward;
+ updateValue = p;
+ (Math.abs(p - 0) < smallNumber) && zeroCnt++;
+ (Math.abs(p - 1) < smallNumber) && oneCnt++;
+ },
+ onRepeatComplete: function(isForward, isYoyo) {
+ repeatCompleteYoyo = isYoyo;
+ repeatCompleteDirection = isForward;
+ return repeatCnt++;
+ },
+ onRepeatStart: function(isForward, isYoyo) {
+ repeatStartYoyo = isYoyo;
+ repeatStartDirection = isForward;
+ return repeatStartCnt++;
+ },
+ onStart: function(isForward, isYoyo) {
+ startYoyo = isYoyo;
+ startDirection = isForward;
+ return startCnt++;
+ },
+ onComplete: function(isForward, isYoyo) {
+ completeYoyo = isYoyo;
+ completeDirection = isForward;
+ return completeCnt++;
+ },
+ onFirstUpdate: function(isForward, isYoyo) {
+ firstUpdateYoyo = isYoyo;
+ firstUpdateDirection = isForward;
+ return firstUpdateCnt++;
+ }
+ });
+ t._setStartTime();
+ timeShift = 3 * (duration + delay) - delay;
+
+ t.update(t._props.startTime + timeShift + smallNumber);
+ expect(updateValue).toBe(null);
+ expect(updateDirection).toBe(null);
+ expect(t._wasUknownUpdate).toBe(true);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatCnt).toBe(0);
+ expect(repeatCompleteDirection).toBe(null);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(completeCnt).toBe(0);
+ expect(completeDirection).toBe(null);
+ expect(firstUpdateCnt).toBe(0);
+ expect(firstUpdateDirection).toBe(null);
+
+ t.update(t._props.startTime + timeShift - (duration / 2));
+ expect(updateValue).toBeCloseTo(.5, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(0);
+ expect(repeatStartCnt).toBe(0);
+ expect(repeatStartDirection).toBe(null);
+ expect(repeatStartYoyo).toBe(null);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift - duration - smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(1);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.25, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(0);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(1);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = 2 * (duration + delay) - delay;
+
+ t.update(t._props.startTime + timeShift - duration - smallNumber);
+ expect(updateValue).toBeCloseTo(1, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(true);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(2);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(true);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ timeShift = duration;
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(1);
+ expect(repeatStartCnt).toBe(2);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(true);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(startCnt).toBe(0);
+ expect(startDirection).toBe(null);
+ expect(startYoyo).toBe(null);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - smallNumber);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+ t.update(t._props.startTime + timeShift - duration - 10);
+ expect(updateValue).toBeCloseTo(0, 3);
+ expect(updateDirection).toBe(false);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(3);
+ expect(repeatStartDirection).toBe(false);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(1);
+ expect(startDirection).toBe(false);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(1);
+ expect(firstUpdateDirection).toBe(false);
+ expect(firstUpdateYoyo).toBe(false);
+
+ t.update(t._props.startTime + timeShift - duration / 4);
+ expect(updateValue).toBeCloseTo(.75, 5);
+ expect(updateDirection).toBe(true);
+ expect(updateYoyo).toBe(false);
+ expect(t._wasUknownUpdate).toBe(false);
+ expect(oneCnt).toBe(1);
+ expect(zeroCnt).toBe(2);
+ expect(repeatStartCnt).toBe(4);
+ expect(repeatStartDirection).toBe(true);
+ expect(repeatStartYoyo).toBe(false);
+ expect(repeatCnt).toBe(3);
+ expect(repeatCompleteDirection).toBe(false);
+ expect(repeatCompleteYoyo).toBe(false);
+ expect(startCnt).toBe(2);
+ expect(startDirection).toBe(true);
+ expect(startYoyo).toBe(false);
+ expect(completeCnt).toBe(1);
+ expect(completeDirection).toBe(false);
+ expect(completeYoyo).toBe(false);
+ expect(firstUpdateCnt).toBe(2);
+ expect(firstUpdateDirection).toBe(true);
+ return expect(firstUpdateYoyo).toBe(false);
+ });
+ });
+ describe('specific _update behaviour', function() {
+ // it('should call repeatComplete if immediately returned inside Timeline', function() {
+ // var t, tm;
+ // tm = new Timeline({
+ // repeat: 1,
+ // isYoyo: true
+ // });
+ // t = new Tween({
+ // onStart: function(isForward, isYoyo) {},
+ // onRepeatStart: function(isForward, isYoyo) {},
+ // onComplete: function(isForward, isYoyo) {},
+ // onRepeatComplete: function(isForward, isYoyo) {},
+ // onFirstUpdate: function(isForward, isYoyo) {},
+ // onProgress: function(p, isForward, isYoyo) {},
+ // onUpdate: function(ep, p, isForward, isYoyo) {}
+ // });
+ // tm.add(t);
+ // tm.setProgress(0);
+ // tm.setProgress(.1);
+ // tm.setProgress(.35);
+ // tm.setProgress(.5);
+ // tm.setProgress(.6);
+ // spyOn(t._props, 'onRepeatComplete');
+ // tm.setProgress(.5);
+ // return expect(t._props.onRepeatComplete).toHaveBeenCalledWith(true, false);
+ // });
+ it('should call repeatComplete only once when in delay', function() {
+ var delay, duration, t;
+ duration = 2000;
+ delay = 1000;
+ t = new Tween({
+ repeat: 1,
+ isYoyo: true,
+ duration: duration,
+ delay: delay
+ });
+ spyOn(t._props, 'onRepeatComplete');
+ t.setProgress(1);
+ t.setProgress(.85);
+ t.setProgress(.75);
+ t.setProgress(.6);
+ t.setProgress(.45);
+ t.setProgress(.25);
+ return expect(t._props.onRepeatComplete.calls.count()).toBe(2);
+ });
+ //it('should not call onComplete and onRepeatComplete on start', function() {
+ // var et, st, tm, tw;
+ // tm = new mojs.Timeline({
+ // repeat: 1,
+ // isYoyo: true
+ // });
+ // tw = new mojs.Tween({
+ // duration: 2000,
+ // onStart: function(isForward, isYoyo) {},
+ // onRepeatStart: function(isForward, isYoyo) {},
+ // onComplete: function(isForward, isYoyo) {},
+ // onRepeatComplete: function(isForward, isYoyo) {},
+ // onFirstUpdate: function(isForward, isYoyo) {},
+ // onProgress: function(p, isForward, isYoyo) {},
+ // onUpdate: function(ep, p, isForward, isYoyo) {}
+ // });
+ // tm.add(tw);
+ // tm._setStartTime();
+ // st = tm._props.startTime;
+ // et = tm._props.endTime;
+ // tm.update(st);
+ // tm.update(st + 1000);
+ // tm.update(st + 2000);
+ // tm.update(st + 3000);
+ // tm.update(st + 3100);
+ // tm.update(st + 3300);
+ // spyOn(tw._props, 'onRepeatComplete');
+ // spyOn(tw._props, 'onComplete');
+ // tm.update(tm._props.endTime - .0000000000001);
+ // expect(tw._props.onRepeatComplete).not.toHaveBeenCalled();
+ // return expect(tw._props.onComplete).not.toHaveBeenCalled();
+ // });
+ });
+ describe('specific _complete behaviour', function() {
+ return it('should not fire on immediate stop', function(dfr) {
+ var tw;
+ tw = new mojs.Tween;
+ spyOn(tw, '_complete');
+ spyOn(tw, '_repeatComplete');
+ tw.play();
+ return setTimeout(function() {
+ tw.stop();
+ expect(tw._repeatComplete).not.toHaveBeenCalled();
+ expect(tw._complete).not.toHaveBeenCalled();
+ return dfr();
+ }, 1);
+ });
+ });
+ describe('_getPeriod method ->', function() {
+ it('should get current period', function() {
+ var delay, duration, t, timeShift;
+ duration = 50;
+ delay = 20;
+ t = new Tween({
+ isIt: 1,
+ repeat: 3,
+ duration: duration,
+ delay: delay
+ });
+ t._setStartTime();
+ expect(t._getPeriod(t._props.startTime + smallNumber - delay/2)).toBe('delay');
+ expect(t._getPeriod(t._props.startTime + smallNumber)).toBe(0);
+ expect(t._getPeriod(t._props.startTime + smallNumber + duration / 2)).toBe(0);
+ expect(t._getPeriod(t._props.startTime - smallNumber + duration)).toBe(0);
+ period = duration + delay;
+ expect(t._getPeriod(t._props.startTime + period - delay / 2)).toBe('delay');
+ expect(t._delayT).toBe(1);
+ expect(t._getPeriod(t._props.startTime + period + smallNumber)).toBe(1);
+ expect(t._getPeriod(t._props.startTime + period + duration / 2)).toBe(1);
+ expect(t._getPeriod(t._props.startTime + period + duration - smallNumber)).toBe(1);
+ period = 2 * (duration + delay);
+ expect(t._getPeriod(t._props.startTime + period - delay / 2)).toBe('delay');
+ expect(t._delayT).toBe(2);
+ expect(t._getPeriod(t._props.startTime + period + smallNumber)).toBe(2);
+ expect(t._getPeriod(t._props.startTime + period + duration / 2)).toBe(2);
+ expect(t._getPeriod(t._props.startTime + period + duration - smallNumber)).toBe(2);
+ period = 3 * (duration + delay);
+ expect(t._getPeriod(t._props.startTime + period - delay / 2)).toBe('delay');
+ expect(t._delayT).toBe(3);
+ expect(t._getPeriod(t._props.startTime + period + smallNumber)).toBe(3);
+ expect(t._getPeriod(t._props.startTime + period + duration / 2)).toBe(3);
+ expect(t._getPeriod(t._props.startTime + period + duration - smallNumber)).toBe(3);
+ });
+ it('should get the current period with no delay', function() {
+ var duration, t, timeShift;
+ duration = 50;
+ t = new Tween({
+ repeat: 3,
+ duration: duration
+ });
+ t._setStartTime();
+ expect(t._getPeriod(t._props.startTime + smallNumber)).toBe(0);
+ expect(t._getPeriod(t._props.startTime + duration / 2)).toBe(0);
+ expect(t._getPeriod(t._props.startTime + duration)).toBe(1);
+ expect(t._getPeriod(t._props.startTime + duration + smallNumber)).toBe(1);
+ timeShift = duration;
+ expect(t._getPeriod(t._props.startTime + timeShift + duration / 2)).toBe(1);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration)).toBe(2);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration + smallNumber)).toBe(2);
+ timeShift = 2 * duration;
+ expect(t._getPeriod(t._props.startTime + timeShift + duration / 2)).toBe(2);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration)).toBe(3);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration + smallNumber)).toBe(3);
+ timeShift = 3 * duration;
+ expect(t._getPeriod(t._props.startTime + timeShift + duration / 2)).toBe(3);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration)).toBe(4);
+ expect(t._getPeriod(t._props.startTime + timeShift + duration + smallNumber)).toBe(4);
+ });
+ it('should return period number if time > endTime', function() {
+ var delay, duration, t, timeShift;
+ duration = 50;
+ delay = 20;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay
+ });
+ t._setStartTime();
+ timeShift = 3 * (duration + delay) - delay;
+ return expect(t._getPeriod(t._props.startTime + timeShift + delay / 2)).toBe(3);
+ });
+ it('should round instead of floor if time >= endTime', function() {
+ var duration, t;
+ duration = 50 + 3 / 2.123;
+ t = new Tween({
+ repeat: 2,
+ duration: duration
+ });
+ t._setStartTime();
+ return expect(t._getPeriod(t._props.startTime + 3 * duration)).toBe(3);
+ });
+ return it('should not fail because of precision error', function() {
+ var delay, duration, t;
+ duration = 500 + 4 / 10000.123;
+ delay = 200 + 4 / 10000.123;
+ t = new Tween({
+ repeat: 2,
+ duration: duration,
+ delay: delay
+ });
+ t._setStartTime();
+ return expect(t._getPeriod(t._props.endTime)).toBe(3);
+ });
+ });
+ describe('onComplete callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onComplete: function() {}
+ });
+ return expect(t._props.onComplete).toBeDefined();
+ });
+ it('should call onComplete callback', function() {
+ var t;
+ t = new Tween({
+ duration: 100,
+ onComplete: function() {}
+ })._setStartTime();
+ spyOn(t._props, 'onComplete');
+ t.update(t._props.startTime + 50);
+ t.update(t._props.startTime + 51);
+ t.update(t._props.startTime + 101);
+ return expect(t._props.onComplete).toHaveBeenCalled();
+ });
+ it('should be called just once', function() {
+ var cnt, t;
+ cnt = 0;
+ t = new Tween({
+ duration: 32,
+ onComplete: function() {
+ return cnt++;
+ }
+ })._setStartTime();
+ spyOn(t._props, 'onComplete');
+ t.update(t._props.startTime + 0);
+ t.update(t._props.startTime + 10);
+ t.update(t._props.startTime + 20);
+ t.update(t._props.startTime + 30);
+ t.update(t._props.startTime + 34);
+ expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ return expect(t._props.onComplete.calls.count()).toBe(1);
+ });
+ // it('should be called just once when inside timeline', function() {
+ // var duration, t, tm;
+ // tm = new mojs.Timeline;
+ // duration = 32;
+ // t = new Tween({
+ // duration: duration,
+ // onComplete: function() {}
+ // })._setStartTime();
+ // tm.add(t);
+ // tm._setStartTime();
+ // spyOn(t._props, 'onComplete');
+ // tm.update(t._props.startTime + 0);
+ // tm.update(t._props.startTime + duration / 2);
+ // tm.update(t._props.startTime + duration);
+ // expect(t._props.onComplete).toHaveBeenCalledWith(true, false);
+ // return expect(t._props.onComplete.calls.count()).toBe(1);
+ // });
+ // it('should fire only once when inside timeline #2', function() {
+ // var cnt, delay, duration, t1, t2, tm;
+ // cnt = 0;
+ // duration = 50;
+ // delay = 10;
+ // tm = new mojs.Timeline;
+ // t1 = new Tween({
+ // delay: delay,
+ // duration: duration,
+ // onComplete: function() {
+ // return cnt++;
+ // }
+ // });
+ // t2 = new Tween({
+ // delay: 2 * delay,
+ // duration: 2 * duration
+ // });
+ // tm.add(t1, t2);
+ // tm._setStartTime();
+ // tm.update(t1._props.startTime);
+ // tm.update(t1._props.startTime + duration / 2);
+ // tm.update(t1._props.startTime + duration + delay / 2);
+ // tm.update(t1._props.startTime + duration + delay + 1);
+ // tm.update(t1._props.startTime + 2 * duration + delay / 2);
+ // tm.update(t1._props.startTime + 2 * (duration + delay));
+ // tm.update(t1._props.startTime + 2 * (duration + delay) + delay);
+ // tm.update(t1._props.startTime + 2 * (duration + delay) + 2 * delay);
+ // tm.update(t1._props.startTime + 2 * (duration + delay) + 3 * delay);
+ // tm.update(t1._props.startTime + 2 * (duration + delay) + 4 * delay);
+ // return expect(cnt).toBe(1);
+ // });
+ it('should reset isCompleted flag', function() {
+ var t;
+ t = new Tween({
+ duration: 32
+ })._setStartTime();
+ t.update(t._props.startTime + 10);
+ t.update(t._props.startTime + 11);
+ t.update(t._props.endTime);
+ expect(t._isCompleted).toBe(true);
+ t.update(t._props.startTime + 10);
+ return expect(t._isCompleted).toBe(false);
+ });
+ it('should have the right scope', function() {
+ var isRightScope, t;
+ isRightScope = null;
+ t = new Tween({
+ duration: 10,
+ onComplete: function() {
+ return isRightScope = this instanceof Tween;
+ }
+ });
+ t._setStartTime().update(t._props.startTime + 2);
+ t._setStartTime().update(t._props.startTime + 3);
+ t._setStartTime().update(t._props.startTime + 11);
+ return expect(isRightScope).toBe(true);
+ });
+ return it('should fire after the last onUpdate', function(dfr) {
+ var proc, t;
+ proc = 0;
+ t = new Tween({
+ duration: 32,
+ onUpdate: function(p) {
+ return proc = p;
+ },
+ onComplete: function() {
+ expect(proc).toBe(1);
+ return dfr();
+ }
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 1);
+ t.update(t._props.startTime + 2);
+ return t.update(t._props.startTime + 32);
+ });
+ });
+ describe('onStart callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onStart: function() {}
+ });
+ return expect(t._props.onStart).toBeDefined();
+ });
+ it('should restart if tween was completed', function() {
+ var startCnt, t;
+ startCnt = 0;
+ t = new Tween({
+ onStart: function() {
+ return startCnt++;
+ }
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + t._props.duration / 2);
+ expect(startCnt).toBe(0);
+ t.update(t._props.startTime + t._props.duration / 2 + 10);
+ expect(startCnt).toBe(1);
+ t.update(t._props.startTime + t._props.duration);
+ expect(startCnt).toBe(1);
+ t.update(t._props.startTime - 10);
+ expect(startCnt).toBe(1);
+ t.update(t._props.startTime + t._props.duration / 2);
+ return expect(startCnt).toBe(2);
+ });
+ it('should run before onComplete if tween ended', function() {
+ var callback, startCnt, t;
+ startCnt = 0;
+ callback = null;
+ t = new Tween({
+ onStart: function() {
+ if (callback == null) {
+ callback = 'start';
+ }
+ return startCnt++;
+ },
+ onComplete: function() {
+ return callback != null ? callback : callback = 'complete';
+ }
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + t._props.duration / 2);
+ expect(startCnt).toBe(0);
+ t.update(t._props.startTime + t._props.duration / 2 + 10);
+ expect(startCnt).toBe(1);
+ t.update(t._props.startTime + t._props.duration);
+ expect(startCnt).toBe(1);
+ return expect(callback).toBe('start');
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onStart: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onStart: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ describe('onFirstUpdate callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onFirstUpdate: function() {}
+ });
+ return expect(t._props.onFirstUpdate).toBeDefined();
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onFirstUpdate: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onFirstUpdate: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should have tween object on the onFirstUpdate function', function() {
+ var onFirstUpdate, t, tweenObject;
+ tweenObject = null;
+ onFirstUpdate = function() {
+ return tweenObject = onFirstUpdate.tween;
+ };
+ t = new Tween({
+ onFirstUpdate: onFirstUpdate
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(tweenObject).toBe(t);
+ });
+ });
+ describe('onRepeatStart callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onRepeatStart: function() {}
+ });
+ return expect(t._props.onRepeatStart).toBeDefined();
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onRepeatStart: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onRepeatStart: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ describe('onRepeatComplete callback ->', function() {
+ it('should be defined', function() {
+ var t;
+ t = new Tween({
+ onRepeatComplete: function() {}
+ });
+ return expect(t._props.onRepeatComplete).toBeDefined();
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onRepeatComplete: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ t.setProgress(1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onRepeatComplete: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ t.setProgress(1);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ describe('yoyo option ->', function() {
+ return it('should receive yoyo option', function() {
+ var t;
+ t = new Tween({
+ isYoyo: true
+ });
+ return expect(t._props.isYoyo).toBe(true);
+ });
+ });
+ describe('easing ->', function() {
+ it('should parse easing string', function() {
+ var t;
+ t = new Tween({
+ easing: 'Linear.None'
+ });
+ return expect(typeof t._props.easing).toBe('function');
+ });
+ it('should parse standart easing', function() {
+ var t;
+ t = new Tween({
+ easing: 'Sin.Out',
+ duration: 100
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 49);
+ expect(t.progress).toBe(0);
+ expect(t.easedProgress).toBe(void 0);
+ t.update(t._props.startTime + 50);
+ return expect(t.easedProgress).toBe(mojs.easing.sin.out(t.progress));
+ });
+ it('should work with easing function', function() {
+ var easings, t;
+ easings = {
+ one: function() {
+ var a;
+ return a = 1;
+ }
+ };
+ t = new Tween({
+ easing: easings.one
+ });
+ return expect(t._props.easing.toString()).toBe(easings.one.toString());
+ });
+ it('should work with easing function', function(dfr) {
+ var easings, t;
+ easings = {
+ one: function(k) {
+ return k;
+ }
+ };
+ spyOn(easings, 'one');
+ t = new Tween({
+ easing: easings.one
+ });
+ t._setStartTime();
+ t.update(t._props.startTime + 39);
+ t.update(t._props.startTime + 40);
+ return setTimeout((function() {
+ expect(easings.one).toHaveBeenCalled();
+ return dfr();
+ }), 50);
+ });
+ return describe('backward easing ->', function() {
+ return it('should parse backward easing', function() {
+ var easingStr, t;
+ easingStr = 'cubic.out';
+ t = new Tween({
+ backwardEasing: easingStr
+ });
+ expect(t._props.backwardEasing).toBe(mojs.easing.cubic.out);
+ });
+ });
+ });
+ describe('_setProgress method ->', function() {
+ it('should set the current progress', function() {
+ var eased, t;
+ t = new Tween({
+ easing: 'Bounce.Out'
+ });
+ t._setStartTime();
+ t._prevTime = t._props.startTime;
+ t._setProgress(.75, t._prevTime + 1);
+ expect(t.progress).toBe(.75);
+ eased = mojs.easing.bounce.out(.75);
+ return expect(t.easedProgress.toFixed(2)).toBe(eased.toFixed(2));
+ });
+ it('should set the backward eased progress if yoyo', function() {
+ var eased, t;
+ t = new Tween({
+ easing: 'Bounce.Out',
+ backwardEasing: 'cubic.in'
+ });
+ t._setStartTime();
+ t._prevTime = t._props.startTime + t._props.repeatTime;
+ t._setProgress(.75, t._prevTime + 1, true);
+ expect(t.progress).toBe(.75);
+ eased = mojs.easing.cubic["in"](.75);
+ return expect(t.easedProgress.toFixed(2)).toBe(eased.toFixed(2));
+ });
+ it('should set the backward eased progress if backward', function() {
+ var eased, t;
+ t = new Tween({
+ easing: 'Bounce.Out',
+ backwardEasing: 'cubic.in'
+ });
+ t._setStartTime();
+ t._prevTime = t._props.startTime + t._props.repeatTime;
+ t._setProgress(.75, t._prevTime - 1);
+ expect(t.progress).toBe(.75);
+ eased = mojs.easing.cubic["in"](.75);
+ return expect(t.easedProgress.toFixed(2)).toBe(eased.toFixed(2));
+ });
+ it('should set the current progress if backward and yoyo', function() {
+ var eased, t;
+ t = new Tween({
+ easing: 'Bounce.Out'
+ });
+ t._setStartTime();
+ t._prevTime = t._props.startTime;
+ t._setProgress(.75, t._prevTime - 1, true);
+ expect(t.progress).toBe(.75);
+ eased = mojs.easing.bounce.out(.75);
+ return expect(t.easedProgress.toFixed(2)).toBe(eased.toFixed(2));
+ });
+ it('should set fallback to easing if backwardEasing wasnt defined', function() {
+ var eased, t;
+ t = new Tween({
+ easing: 'Bounce.Out'
+ });
+ t._setStartTime();
+ t._prevTime = t._props.startTime;
+ t._setProgress(.75, t._prevTime - 1);
+ expect(t.progress).toBe(.75);
+ eased = mojs.easing.bounce.out(.75);
+ return expect(t.easedProgress.toFixed(2)).toBe(eased.toFixed(2));
+ });
+ it('should set return self', function() {
+ var obj, t;
+ t = new Tween({
+ easing: 'Bounce.Out'
+ });
+ obj = t._setProgress(.75);
+ return expect(obj).toBe(t);
+ });
+ return it('should save prevYoyo to props', function() {
+ var obj, t;
+ t = new Tween({
+ easing: 'Bounce.Out'
+ });
+ obj = t._setProgress(.75, 1, true);
+ return expect(t._props.wasYoyo).toBe(true);
+ });
+ });
+ describe('_setProps method ->', function() {
+ it('should set new tween options', function() {
+ var t;
+ t = new Tween({
+ duration: 100,
+ delay: 0
+ });
+ t._setProp({
+ duration: 1000,
+ delay: 200
+ });
+ expect(t._props.duration).toBe(1000);
+ return expect(t._props.delay).toBe(200);
+ });
+ it('should work with arguments', function() {
+ var t;
+ t = new Tween({
+ duration: 100
+ });
+ t._setProp('duration', 1000);
+ return expect(t._props.duration).toBe(1000);
+ });
+ it('should call _calcDimentions method', function() {
+ var t;
+ t = new Tween({
+ duration: 100
+ });
+ spyOn(t, '_calcDimentions');
+ t._setProp('duration', 1000);
+ return expect(t._calcDimentions).toHaveBeenCalled();
+ });
+ it('should update the time', function() {
+ var t;
+ t = new Tween({
+ duration: 100,
+ delay: 100
+ });
+ t._setProp('duration', 1000);
+ return expect(t._props.time).toBe(1100);
+ });
+ return it('should parse easing', function() {
+ var t;
+ t = new Tween({
+ duration: 100
+ });
+ t._setProp('easing', 'elastic.in');
+ return expect(t._props.easing).toBe(mojs.easing.elastic["in"]);
+ });
+ });
+
+ describe('_subPlay method ->', function() {
+ describe('_prevTime recalculation ->', function() {
+ it('should set _resumeTime', function() {
+ var now, t;
+ t = new Tween;
+ now = performance.now();
+ t.play();
+ return expect(now - t._playTime).not.toBeGreaterThan(5);
+ });
+ it('should recalc _prevTime play + play', function(dfr) {
+ var t;
+ t = new Tween;
+ t.play();
+ return setTimeout(function() {
+ t.pause();
+ t.play().pause();
+
+ var prevTime = t._props.startTime + t._progressTime;
+ expect(t._prevTime).toBe(prevTime);
+ return dfr();
+ }, 200);
+ });
+ it('should recalc _prevTime play + play regarding delay', function(dfr) {
+ var delay, t;
+ delay = 200;
+ t = new Tween({
+ delay: delay
+ });
+ t.play();
+ return setTimeout(function() {
+ var now, prevTime;
+ t.pause();
+ now = performance.now();
+ t.play().pause();
+ prevTime = t._props.startTime + t._progressTime - delay;
+ expect(t._prevTime).toBe(prevTime);
+ return dfr();
+ }, 200);
+ });
+ it('should recalc _prevTime playBackward + playBackward', function(dfr) {
+ var t;
+ t = new Tween;
+ t.playBackward();
+ return setTimeout(function() {
+ var now, prevTime;
+ t.pause();
+ now = performance.now();
+ t.playBackward().pause();
+ prevTime = t._props.endTime - t._progressTime;
+ expect(t._prevTime).toBe(prevTime);
+ return dfr();
+ }, 200);
+ });
+ it('should flip _progressTime if changing direction', function(dfr) {
+ var t;
+ t = new Tween;
+ t.play();
+ return setTimeout(function() {
+ var now, progressTime;
+ t.pause();
+ now = performance.now();
+ progressTime = t._progressTime;
+ t.playBackward().pause();
+ expect(t._progressTime).toBeCloseTo(t._props.repeatTime - progressTime, 5);
+ return dfr();
+ }, 200);
+ });
+ it('should flip _progressTime if changing direction #pauseless 1', function(dfr) {
+ var t;
+ t = new Tween;
+ t.play();
+ return setTimeout(function() {
+ var now, progressTime;
+ now = performance.now();
+ progressTime = t._progressTime;
+ t.playBackward().pause();
+ expect(t._progressTime).toBeCloseTo(t._props.repeatTime - progressTime, 5);
+ return dfr();
+ }, 200);
+ });
+ it('should flip _progressTime if changing direction', function(dfr) {
+ var t;
+ t = new Tween;
+ t.playBackward();
+ return setTimeout(function() {
+ var now, progressTime;
+ t.pause();
+ now = performance.now();
+ progressTime = t._progressTime;
+ t.play().pause();
+ expect(t._progressTime).toBeCloseTo(t._props.repeatTime - progressTime, 5);
+ return dfr();
+ }, 200);
+ });
+ return it('should flip _progressTime if changing direction #pauseless 2', function(dfr) {
+ var t;
+ t = new Tween;
+ t.playBackward();
+ return setTimeout(function() {
+ var now, progressTime;
+ now = performance.now();
+ progressTime = t._progressTime;
+ t.play().pause();
+ expect(t._progressTime).toBeCloseTo(t._props.repeatTime - progressTime, 5);
+ return dfr();
+ }, 200);
+ });
+ });
+ it('should recalc startTime', function(dfr) {
+ var duration, shift, t;
+ duration = 1000;
+ shift = 200;
+ t = new Tween({
+ duration: duration
+ });
+ t.play();
+ return setTimeout(function() {
+ var startTime;
+ t.pause();
+ startTime = performance.now() - Math.abs(shift) - t._progressTime;
+ spyOn(t, '_setStartTime');
+ t.play(shift);
+ expect(Math.abs(startTime - t._setStartTime.calls.argsFor(0)[0])).not.toBeGreaterThan(5);
+ return dfr();
+ }, duration / 2);
+ });
+ it('should pass false as second param to _setStartTime', function(dfr) {
+ var duration, shift, t;
+ duration = 1000;
+ shift = 200;
+ t = new Tween({
+ duration: duration
+ });
+ t.play();
+ return setTimeout(function() {
+ var startTime;
+ t.pause();
+ startTime = performance.now() - Math.abs(shift) - t._progressTime;
+ spyOn(t, '_setStartTime');
+ t.play(shift);
+ expect(t._setStartTime.calls.argsFor(0)[1]).toBe(false);
+ return dfr();
+ }, duration / 2);
+ });
+ return it('should recalc startTime regarding speed', function(dfr) {
+ var duration, shift, speed, t;
+ duration = 1000;
+ shift = 200;
+ speed = .5;
+ t = new Tween({
+ duration: duration,
+ speed: speed
+ });
+ t.play();
+ return setTimeout(function() {
+ var startTime;
+ t.pause();
+ startTime = performance.now() - Math.abs(shift) - t._progressTime;
+ spyOn(t, '_setStartTime');
+ t.play(shift);
+ expect(Math.abs(startTime - t._setStartTime.calls.argsFor(0)[0])).not.toBeGreaterThan(5);
+ return dfr();
+ }, duration / 2);
+ });
+ });
+ describe('play method ->', function() {
+ it('should get the start time', function() {
+ var p, t;
+ t = new Tween;
+ t.play();
+ p = t._props;
+ expect(p.startTime).toBeDefined();
+ return expect(p.endTime).toBe(p.startTime + p.repeatTime);
+ });
+ it('should set _state to "play"', function() {
+ var t;
+ t = new Tween;
+ t.play();
+ return expect(t._state).toBe('play');
+ });
+ it('should reset _progressTime to 0 if tween ended', function() {
+ var t, time;
+ t = new Tween;
+ t._setStartTime();
+ time = t._props.startTime;
+ t.setProgress(1).play();
+ return expect(Math.abs(time - t._props.startTime)).not.toBeGreaterThan(5);
+ });
+ it('should reset isReversed to false', function() {
+ var t;
+ t = new Tween;
+ t._props.isReversed = true;
+ t.play();
+ return expect(t._props.isReversed).toBe(false);
+ });
+ it('should call the setStartTime method', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, '_setStartTime');
+ t.play();
+ return expect(t._setStartTime).toHaveBeenCalled();
+ });
+ it('should add itself to tweener', function() {
+ var t;
+ t = new Tween;
+ spyOn(tweener, 'add');
+ t.play();
+ return expect(tweener.add).toHaveBeenCalled();
+ });
+ it('should receive progress time', function() {
+ var shift, startTime, t, time;
+ t = new Tween;
+ t._setStartTime();
+ time = t._props.startTime;
+ shift = 200;
+ t.play(shift);
+ startTime = time - shift;
+ return expect(startTime - t._props.startTime).not.toBeGreaterThan(5);
+ });
+ it('should treat negative progress time as positive', function() {
+ var shift, t, time;
+ t = new Tween;
+ t._setStartTime();
+ time = t._props.startTime;
+ shift = -200;
+ t.play(shift);
+ return expect(Math.abs(t._props.startTime - (time - Math.abs(shift)))).not.toBeGreaterThan(5);
+ });
+ it('should encount time progress', function() {
+ var duration, progress, start, t;
+ duration = 1000;
+ t = new Tween({
+ duration: duration
+ });
+ progress = .5;
+ t.setProgress(progress - .1);
+ t.setProgress(progress);
+ t.play();
+ start = performance.now() - progress * t._props.repeatTime;
+ return expect(Math.abs(t._props.startTime - start)).not.toBeGreaterThan(5);
+ });
+ it('should return immediately if already playing', function() {
+ var result, t;
+ t = new Tween({
+ duration: 1000
+ });
+ t.play();
+ spyOn(t, '_subPlay');
+ result = t.play();
+ expect(t._subPlay).not.toHaveBeenCalled();
+ return expect(result).toBe(t);
+ });
+ it('should run if already playing but ended', function(dfr) {
+ var duration, t;
+ duration = 50;
+ t = new Tween({ duration });
+
+ t.play();
+ return setTimeout(function() {
+ spyOn(t, '_subPlay').and.callThrough();
+ t.play();
+ expect(t._subPlay).toHaveBeenCalled();
+ return dfr();
+ }, 3 * duration);
+
+ });
+ return it('should call _subPlay with "play" string', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_subPlay');
+ t.play();
+ return expect(t._subPlay).toHaveBeenCalledWith(0, 'play');
+ });
+ });
+ describe('resume method ->', function() {
+ it('should call play if prev state is play', function() {
+ var shift, t;
+ t = new Tween;
+ t.play();
+ t.pause();
+ spyOn(t, 'play');
+ shift = 200;
+ t.resume(shift);
+ return expect(t.play).toHaveBeenCalledWith(shift);
+ });
+ it('should call play if prev state is reverse', function() {
+ var shift, t;
+ t = new Tween;
+ t.playBackward();
+ t.pause();
+ spyOn(t, 'playBackward');
+ shift = 200;
+ t.resume(shift);
+ return expect(t.playBackward).toHaveBeenCalledWith(shift);
+ });
+ it('should do nothing if state is not pause', function() {
+ var result, t;
+ t = new Tween;
+ t.playBackward();
+ t.stop();
+ spyOn(t, 'play');
+ spyOn(t, 'playBackward');
+ result = t.resume();
+ expect(t.play).not.toHaveBeenCalled();
+ expect(t.playBackward).not.toHaveBeenCalled();
+ return expect(result).toBe(t);
+ });
+ return it('should always return this', function() {
+ var t;
+ t = new Tween;
+ t.playBackward();
+ t.pause();
+ return expect(t.resume()).toBe(t);
+ });
+ });
+ describe('playBackward method ->', function() {
+ it('should set _state to "reverse"', function() {
+ var t;
+ t = new Tween;
+ t.playBackward();
+ return expect(t._state).toBe('reverse');
+ });
+ it('should return self', function() {
+ var obj, t;
+ t = new Tween;
+ obj = t.playBackward(200);
+ return expect(obj).toBe(t);
+ });
+ it('should overwrite play state', function() {
+ var t;
+ t = new Tween;
+ t.playBackward(200);
+ expect(t._prevState).toBe('stop');
+ return expect(t._state).toBe('reverse');
+ });
+ it('should recalc _progressTime', function() {
+ var duration, progress, t;
+ duration = 1000;
+ t = new Tween({
+ duration: duration
+ });
+ t.setProgress(.75);
+ progress = t._progressTime;
+ t.playBackward();
+ return expect(t._progressTime).toBe(progress);
+ });
+ it('should recalc _progressTime if previous state was "play"', function() {
+ var duration, progress, t;
+ duration = 1000;
+ t = new Tween({
+ duration: duration
+ });
+ t.setProgress(.75);
+ progress = t._progressTime;
+ t.play().playBackward();
+ return expect(t._progressTime).toBe(t._props.repeatTime - progress);
+ });
+ it('should return immediately if already reversing', function() {
+ var result, t;
+ t = new Tween({
+ duration: 1000
+ });
+ t.playBackward();
+ spyOn(t, '_subPlay');
+ result = t.playBackward();
+ expect(t._subPlay).not.toHaveBeenCalled();
+ return expect(result).toBe(t);
+ });
+ it('should run if already reversing but ended', function(dfr) {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t.playBackward();
+ return setTimeout(function() {
+ spyOn(t, '_subPlay');
+ t.playBackward();
+ expect(t._subPlay).toHaveBeenCalled();
+ return dfr();
+ }, 2 * duration);
+ });
+
+ return it('should call _subPlay with "reverse" string', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_subPlay');
+ t.playBackward();
+ return expect(t._subPlay).toHaveBeenCalledWith(0, 'reverse');
+ });
+ });
+ describe('pause method ->', function() {
+ it('should call t.remove method with self', function() {
+ var timeline;
+ tweener.removeAll();
+ timeline = new Tween({
+ duration: 2000
+ });
+ timeline.play();
+ spyOn(timeline, '_removeFromTweener');
+ timeline.pause();
+ return expect(timeline._removeFromTweener).toHaveBeenCalled();
+ });
+ it('should set _state to "pause"', function() {
+ var t;
+ t = new Tween;
+ return t.pause();
+ });
+ return it('should remove immediately if paused', function() {
+ var result, t;
+ t = new Tween;
+ t.play().pause();
+ spyOn(t, '_removeFromTweener');
+ result = t.pause();
+ expect(t._removeFromTweener).not.toHaveBeenCalled();
+ return expect(result).toBe(t);
+ });
+ });
+ describe('stop method ->', function() {
+ it('should call reset method', function() {
+ var timeline;
+ tweener.removeAll();
+ timeline = new Tween({
+ duration: 2000
+ });
+ timeline.play();
+ spyOn(timeline, 'reset');
+ timeline.stop();
+ return expect(timeline.reset).toHaveBeenCalled();
+ });
+ it('should reset progress to 0 if played', function() {
+ var tw;
+ tweener.removeAll();
+ tw = new Tween({
+ duration: 2000
+ });
+ tw.play();
+ spyOn(tw, 'setProgress');
+ tw.stop();
+ return expect(tw.setProgress).toHaveBeenCalledWith(0);
+ });
+ it('should reset progress to 1 if playedBackward', function() {
+ var tw;
+ tweener.removeAll();
+ tw = new Tween({
+ duration: 2000
+ });
+ tw.playBackward();
+ spyOn(tw, 'setProgress');
+ tw.stop();
+ return expect(tw.setProgress).toHaveBeenCalledWith(1);
+ });
+ it('should receive progress to set', function() {
+ var tw;
+ tweener.removeAll();
+ tw = new Tween({
+ duration: 2000
+ });
+ tw.playBackward();
+ spyOn(tw, 'setProgress');
+ tw.stop(.5);
+ return expect(tw.setProgress).toHaveBeenCalledWith(.5);
+ });
+ it('should return immediately if already stopped', function() {
+ var result, t;
+ t = new Tween;
+ t.stop();
+ t._props.isReversed = true;
+ result = t.stop();
+ expect(t._props.isReversed).toBe(true);
+ return expect(result).toBe(t);
+ });
+ return it('should set `_wasUknownUpdate` to undefined', function() {
+ var t;
+ t = new Tween({ });
+ t.play();
+ spyOn(t, 'reset');
+ spyOn(t, 'setProgress');
+ t._wasUknownUpdate = true;
+ t.stop();
+ return expect(t._wasUknownUpdate).not.toBeDefined();
+ });
+ });
+ describe('reset method ->', function() {
+ it('should call removeFromTweener method with self', function() {
+ var timeline;
+ tweener.removeAll();
+ timeline = new Tween({
+ duration: 2000
+ });
+ timeline.play();
+ spyOn(timeline, '_removeFromTweener');
+ timeline.reset();
+ return expect(timeline._removeFromTweener).toHaveBeenCalled();
+ });
+ it('should reset _prevTime to undefined', function() {
+ var tw;
+ tweener.removeAll();
+ tw = new Tween({
+ duration: 2000
+ });
+ tw.play();
+ tw.reset();
+ return expect(tw._prevTime).toBe(void 0);
+ });
+ it('should set _state to "stop"', function() {
+ var t;
+ t = new Tween;
+ t.reset();
+ return expect(t._state).toBe('stop');
+ });
+ it('should set isReversed to false', function() {
+ var t;
+ t = new Tween;
+ t._props.isReversed = true;
+ t.play().reset();
+ return expect(t._props.isReversed).toBe(false);
+ });
+ it('should set prevYoyo to false', function() {
+ var t;
+ t = new Tween;
+ t._prevYoyo = true;
+ t.play().reset();
+ return expect(t._prevYoyo).toBe(void 0);
+ });
+ it('should set _isCompleted to false', function() {
+ var t;
+ t = new Tween;
+ t._isCompleted = true;
+ t.play().reset();
+ return expect(t._isCompleted).toBe(false);
+ });
+ it('should set _isStarted to false', function() {
+ var t;
+ t = new Tween;
+ t._isStarted = true;
+ t.play().reset();
+ return expect(t._isStarted).toBe(false);
+ });
+ it('should set _isFirstUpdate to false', function() {
+ var t;
+ t = new Tween;
+ t._isFirstUpdate = true;
+ t.play().reset();
+ return expect(t._isFirstUpdate).toBe(false);
+ });
+ it('should set _progressTime to 0', function() {
+ var t;
+ t = new Tween;
+ t.play();
+ t._progressTime = 20;
+ t.reset();
+ return expect(t._progressTime).toBe(0);
+ });
+ it('should set _wasUknownUpdate to undefined', function() {
+ var t;
+ t = new Tween;
+ t.play();
+ t._wasUknownUpdate = 20;
+ t.reset();
+ return expect(t._wasUknownUpdate).toBe(void 0);
+ });
+ return it('should return this', function() {
+ var result, tw;
+ tw = new mojs.Tween;
+ result = tw.reset();
+ return expect(result).toBe(tw);
+ });
+ });
+ describe('replay method ->', function() {
+ it('should call reset and play methods', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, 'reset').and.callThrough();
+ spyOn(t, 'play').and.callThrough();
+ t.replay(200);
+ expect(t.reset).toHaveBeenCalled();
+ return expect(t.play).toHaveBeenCalledWith(200);
+ });
+ it('should return this', function() {
+ var result, t;
+ t = new Tween;
+ result = t.replay(200);
+ return expect(result).toBe(t);
+ });
+ return it('should fallback to 0 shift', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, 'play').and.callThrough();
+ t.replay();
+ return expect(t.play).toHaveBeenCalledWith(0);
+ });
+ });
+ describe('replayBackward method ->', function() {
+ it('should call reset and playBackward methods', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, 'reset').and.callThrough();
+ spyOn(t, 'playBackward').and.callThrough();
+ t.replayBackward(200);
+ expect(t.reset).toHaveBeenCalled();
+ return expect(t.playBackward).toHaveBeenCalledWith(200);
+ });
+ it('should return this', function() {
+ var result, t;
+ t = new Tween;
+ result = t.replayBackward(200);
+ return expect(result).toBe(t);
+ });
+ return it('should fallback to 0 shift', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, 'playBackward').and.callThrough();
+ t.replayBackward();
+ return expect(t.playBackward).toHaveBeenCalledWith(0);
+ });
+ });
+ describe('setSpeed method ->', function() {
+ it('should return this', function() {
+ var tw;
+ tw = new Tween;
+ return expect(tw.setSpeed(.5)).toBe(tw);
+ });
+ it('should set speed', function() {
+ var speed, tw;
+ tw = new Tween;
+ speed = 3.2;
+ tw.setSpeed(speed);
+ return expect(tw._props.speed).toBe(speed);
+ });
+ it('should call _setResume time if playing', function() {
+ var speed, tw;
+ tw = new Tween;
+ speed = 3.2;
+ tw._setPlaybackState('play');
+ spyOn(tw, '_setResumeTime');
+ tw.setSpeed(speed);
+ return expect(tw._setResumeTime).toHaveBeenCalledWith('play');
+ });
+ it('should call _setResume time if playingBackward', function() {
+ var speed, tw;
+ tw = new Tween;
+ speed = 3.2;
+ tw._setPlaybackState('reverse');
+ spyOn(tw, '_setResumeTime');
+ tw.setSpeed(speed);
+ return expect(tw._setResumeTime).toHaveBeenCalledWith('reverse');
+ });
+ it('should not call _setResume time if stopped', function() {
+ var speed, tw;
+ tw = new Tween;
+ speed = 3.2;
+ spyOn(tw, '_setResumeTime');
+ tw.setSpeed(speed);
+ return expect(tw._setResumeTime).not.toHaveBeenCalledWith('stop');
+ });
+ return it('should not call _setResume time if paused', function() {
+ var speed, tw;
+ tw = new Tween;
+ speed = 3.2;
+ spyOn(tw, '_setResumeTime');
+ tw.setSpeed(speed);
+ return expect(tw._setResumeTime).not.toHaveBeenCalledWith('pause');
+ });
+ });
+ describe('_setPlaybackState method ->', function() {
+ it('should set playback state', function() {
+ var t;
+ t = new Tween;
+ t._setPlaybackState('play');
+ return expect(t._state).toBe('play');
+ });
+ it('should track previous playback state', function() {
+ var t;
+ t = new Tween;
+ t._setPlaybackState('play');
+ t._setPlaybackState('pause');
+ expect(t._prevState).toBe('play');
+ return expect(t._state).toBe('pause');
+ });
+ describe('onPlaybackStart / play callback ->', function() {
+ it('should call _playbackStart method if play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('play');
+ return expect(t._playbackStart).toHaveBeenCalled();
+ });
+ it('should call _playbackStart method if play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ t._setPlaybackState('pause');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('play');
+ return expect(t._playbackStart).toHaveBeenCalled();
+ });
+ it('should not call _playbackStart method if already play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('play');
+ return expect(t._playbackStart).not.toHaveBeenCalled();
+ });
+ return it('should not call _playbackStart method if already reverse', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('reverse');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('play');
+ return expect(t._playbackStart).not.toHaveBeenCalled();
+ });
+ });
+ describe('onPlaybackStart / reverse callback ->', function() {
+ it('should call _playbackStart method if reverse', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('reverse');
+ return expect(t._playbackStart).toHaveBeenCalled();
+ });
+ it('should call _playbackStart method if reverse', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('reverse');
+ t._setPlaybackState('pause');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('reverse');
+ return expect(t._playbackStart).toHaveBeenCalled();
+ });
+ it('should not call _playbackStart method if already reverse', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('reverse');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('reverse');
+ return expect(t._playbackStart).not.toHaveBeenCalled();
+ });
+ return it('should not call _playbackStart method if already play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackStart');
+ t._setPlaybackState('reverse');
+ return expect(t._playbackStart).not.toHaveBeenCalled();
+ });
+ });
+ describe('onPlaybackPause / pause callback ->', function() {
+ it('should call _playbackPause method if pause', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackPause');
+ t._setPlaybackState('pause');
+ return expect(t._playbackPause).toHaveBeenCalled();
+ });
+ it('should call _playbackPause method if play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackPause');
+ t._setPlaybackState('pause');
+ return expect(t._playbackPause).toHaveBeenCalled();
+ });
+ it('should call _playbackPause method if already was reverse', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('reverse');
+ spyOn(t, '_playbackPause');
+ t._setPlaybackState('pause');
+ return expect(t._playbackPause).toHaveBeenCalled();
+ });
+ it('should not call _playbackPause method if already stopped', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_playbackPause');
+ t._setPlaybackState('pause');
+ return expect(t._playbackPause).not.toHaveBeenCalled();
+ });
+ return it('should not call _playbackPause method if already paused', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ t._setPlaybackState('pause');
+ spyOn(t, '_playbackPause');
+ t._setPlaybackState('pause');
+ return expect(t._playbackPause).not.toHaveBeenCalled();
+ });
+ });
+ return describe('onPlaybackStop / stop callback ->', function() {
+ it('should call _playbackStop method if stop', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackStop');
+ t._setPlaybackState('stop');
+ return expect(t._playbackStop).toHaveBeenCalled();
+ });
+ it('should call _playbackStop method if stop', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackStop');
+ t._setPlaybackState('stop');
+ return expect(t._playbackStop).toHaveBeenCalled();
+ });
+ it('should call _playbackStop method if was play', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ spyOn(t, '_playbackStop');
+ t._setPlaybackState('stop');
+ return expect(t._playbackStop).toHaveBeenCalled();
+ });
+ it('should call _playbackStop method if already paused', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t._setPlaybackState('play');
+ t._setPlaybackState('pause');
+ spyOn(t, '_playbackStop');
+ t._setPlaybackState('stop');
+ return expect(t._playbackStop).toHaveBeenCalled();
+ });
+ return it('should not call _playbackStop method if already stopped', function() {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, '_playbackStop');
+ t._setPlaybackState('stop');
+ return expect(t._playbackStop).not.toHaveBeenCalled();
+ });
+ });
+ });
+ describe('_removeFromTweener method ->', function() {
+ return it('should call tweener.remove method with self', function() {
+ var timeline;
+ tweener.removeAll();
+ timeline = new Tween({
+ duration: 2000
+ });
+ timeline.play();
+ timeline._removeFromTweener();
+ return expect(tweener.tweens.length).toBe(0);
+ });
+ });
+ describe('_complete method ->', function() {
+ it('should call onComplete callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onComplete: fun
+ });
+ tw._complete();
+ return expect(isCalled).toBe(true);
+ });
+ it('should set isCompleted to true', function() {
+ var tw;
+ tw = new Tween;
+ tw._complete();
+ return expect(tw._isCompleted).toBe(true);
+ });
+ it('should set isStarted flag to false', function() {
+ var tw;
+ tw = new Tween;
+ tw._complete();
+ return expect(tw._isStarted).toBe(false);
+ });
+ it('should set isFirstUpdate flag to false', function() {
+ var tw;
+ tw = new Tween;
+ tw._complete();
+ return expect(tw._isFirstUpdate).toBe(false);
+ });
+ return it('should set _prevYoyo to undefined', function() {
+ var tw;
+ tw = new Tween;
+ tw._prevYoyo = true;
+ tw._complete();
+ return expect(tw._prevYoyo).toBe(void 0);
+ });
+ });
+ describe('_start method ->', function() {
+ it('should call onStart callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onStart: fun
+ });
+ tw._start();
+ return expect(isCalled).toBe(true);
+ });
+ it('should set isStarted to true', function() {
+ var tw;
+ tw = new Tween;
+ tw._start();
+ return expect(tw._isStarted).toBe(true);
+ });
+ it('should set isCompleted flag to false', function() {
+ var tw;
+ tw = new Tween;
+ tw._start();
+ return expect(tw._isCompleted).toBe(false);
+ });
+ return it('should be called just once', function() {
+ var tw;
+ tw = new Tween;
+ tw._start();
+ tw._isCompleted = true;
+ tw._start();
+ return expect(tw._isCompleted).toBe(true);
+ });
+ });
+ describe('_playbackStart method ->', function() {
+ it('should call onPlaybackStart callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onPlaybackStart: fun
+ });
+ tw._playbackStart();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onPlaybackStart callback with callbacksContext', function() {
+ var context, fun, isRightScrope, tw;
+ isRightScrope = null;
+ context = {};
+ fun = function() {
+ return isRightScrope = this === context;
+ };
+ tw = new Tween({
+ callbacksContext: context,
+ onPlaybackStart: fun
+ });
+ tw._playbackStart();
+ return expect(isRightScrope).toBe(true);
+ });
+ return it('should not throw if onPlaybackStart not set', function() {
+ var fun, tw;
+ tw = new Tween;
+ fun = function() {
+ return tw._playbackStart();
+ };
+ return expect(fun).not.toThrow();
+ });
+ });
+ describe('_playbackPause method ->', function() {
+ it('should call onPlaybackPause callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onPlaybackPause: fun
+ });
+ tw._playbackPause();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onPlaybackPause callback with callbacksContext', function() {
+ var context, fun, isRightScrope, tw;
+ isRightScrope = null;
+ context = {};
+ fun = function() {
+ return isRightScrope = this === context;
+ };
+ tw = new Tween({
+ callbacksContext: context,
+ onPlaybackPause: fun
+ });
+ tw._playbackPause();
+ return expect(isRightScrope).toBe(true);
+ });
+ return it('should not throw if onPlaybackPause not set', function() {
+ var fun, tw;
+ tw = new Tween;
+ fun = function() {
+ return tw._playbackPause();
+ };
+ return expect(fun).not.toThrow();
+ });
+ });
+ describe('_playbackStop method ->', function() {
+ it('should call onPlaybackStop callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onPlaybackStop: fun
+ });
+ tw._playbackStop();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onPlaybackStop callback with callbacksContext', function() {
+ var context, fun, isRightScrope, tw;
+ isRightScrope = null;
+ context = {};
+ fun = function() {
+ return isRightScrope = this === context;
+ };
+ tw = new Tween({
+ callbacksContext: context,
+ onPlaybackStop: fun
+ });
+ tw._playbackStop();
+ return expect(isRightScrope).toBe(true);
+ });
+ return it('should not throw if onPlaybackStop not set', function() {
+ var fun, tw;
+ tw = new Tween;
+ fun = function() {
+ return tw._playbackStop();
+ };
+ return expect(fun).not.toThrow();
+ });
+ });
+ describe('_playbackComplete method ->', function() {
+ it('should call onPlaybackComplete callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onPlaybackComplete: fun
+ });
+ tw._playbackComplete();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onPlaybackComplete callback with callbacksContext', function() {
+ var context, fun, isRightScrope, tw;
+ isRightScrope = null;
+ context = {};
+ fun = function() {
+ return isRightScrope = this === context;
+ };
+ tw = new Tween({
+ callbacksContext: context,
+ onPlaybackComplete: fun
+ });
+ tw._playbackComplete();
+ return expect(isRightScrope).toBe(true);
+ });
+ return it('should not throw if onPlaybackComplete not set', function() {
+ var fun, tw;
+ tw = new Tween;
+ fun = function() {
+ return tw._playbackComplete();
+ };
+ return expect(fun).not.toThrow();
+ });
+ });
+ describe('_repeatComplete method ->', function() {
+ it('should call onRepeatComplete callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onRepeatComplete: fun
+ });
+ tw._repeatComplete();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onRepeatComplete callback only once', function() {
+ var cnt, fun, tw;
+ cnt = 0;
+ fun = function() {
+ return cnt++;
+ };
+ tw = new Tween({
+ onRepeatComplete: fun
+ });
+ tw._repeatComplete();
+ tw._repeatComplete();
+ return expect(cnt).toBe(1);
+ });
+ return it('should set isRepeatCompleted to true', function() {
+ var tw;
+ tw = new Tween;
+ tw._repeatComplete();
+ return expect(tw._isRepeatCompleted).toBe(true);
+ });
+ });
+ describe('_repeatStart method ->', function() {
+ it('should call onRepeatStart callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onRepeatStart: fun
+ });
+ tw._repeatStart();
+ return expect(isCalled).toBe(true);
+ });
+ it('should call onRepeatStart callback only once', function() {
+ var cnt, fun, tw;
+ cnt = 0;
+ fun = function() {
+ return cnt++;
+ };
+ tw = new Tween({
+ onRepeatStart: fun
+ });
+ tw._repeatStart();
+ tw._repeatStart();
+ return expect(cnt).toBe(1);
+ });
+ return it('should set isRepeatStart to true', function() {
+ var tw;
+ tw = new Tween;
+ tw._repeatStart();
+ return expect(tw._isRepeatStart).toBe(true);
+ });
+ });
+ describe('_firstUpdate method ->', function() {
+ it('should call onFirstUpdate callback', function() {
+ var fun, isCalled, tw;
+ isCalled = null;
+ fun = function() {
+ return isCalled = true;
+ };
+ tw = new Tween({
+ onFirstUpdate: fun
+ });
+ tw._firstUpdate();
+ return expect(isCalled).toBe(true);
+ });
+ return it('should call onFirstUpdate callback only once', function() {
+ var cnt, fun, tw;
+ cnt = 0;
+ fun = function() {
+ return cnt++;
+ };
+ tw = new Tween({
+ onFirstUpdate: fun
+ });
+ tw._firstUpdate();
+ tw._firstUpdate();
+ return expect(cnt).toBe(1);
+ });
+ });
+ describe('callbacks order || forward ->', function() {
+ it('should have the right order when normal direction || start', function() {
+ var order, tw;
+ order = [];
+ tw = new Tween({
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime);
+ tw.update(tw._props.startTime + 10);
+ expect(order[0]).toBe('start');
+ expect(order[1]).toBe('repeat-start');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ return expect(order[4]).toBe(void 0);
+ });
+ it('should have the right order when normal direction || start #2', function() {
+ var duration, isReact, order, tw;
+ order = [];
+ isReact = false;
+ duration = 500;
+ tw = new Tween({
+ duration: duration,
+ onStart: function() {
+ return isReact && order.push('start');
+ },
+ onRepeatStart: function() {
+ return isReact && order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return isReact && order.push('first-update');
+ },
+ onUpdate: function() {
+ return isReact && order.push('update');
+ },
+ onRepeatComplete: function() {
+ return isReact && order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return isReact && order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration / 2 + 10);
+ tw.update(tw._props.startTime + duration / 2 - 10);
+ tw.update(tw._props.startTime);
+ isReact = true;
+ tw.update(tw._props.startTime + duration / 2);
+ expect(order[0]).toBe('start');
+ expect(order[1]).toBe('repeat-start');
+ expect(order[2]).toBe('first-update');
+ return expect(order[3]).toBe('update');
+ });
+ it('should have the right order when normal direction || end', function() {
+ var duration, order, tw;
+ order = [];
+ duration = 500;
+ tw = new Tween({
+ duration: duration,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration);
+ expect(order[0]).toBe('start');
+ expect(order[1]).toBe('repeat-start');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('repeat-complete');
+ expect(order[6]).toBe('complete');
+ return expect(order[7]).toBe(void 0);
+ });
+ it('should have the right order when normal direction || repeat end', function() {
+ var duration, order, tw;
+ order = [];
+ duration = 500;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration + 10);
+ tw.update(tw._props.startTime + duration + duration / 2);
+ tw.update(tw._props.startTime + duration + duration);
+ expect(order[0]).toBe('start');
+ expect(order[1]).toBe('repeat-start');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('repeat-complete');
+ expect(order[5]).toBe('repeat-start');
+ expect(order[6]).toBe('update');
+ expect(order[7]).toBe('update');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('repeat-complete');
+ expect(order[10]).toBe('complete');
+ return expect(order[11]).toBe(void 0);
+ });
+ return it('should have the right order when normal direction || end + delay', function() {
+ var delay, duration, order, tw;
+ order = [];
+ duration = 500;
+ delay = 200;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ delay: delay,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration + delay / 2);
+ tw.update(tw._props.startTime + duration + delay + 10);
+ tw.update(tw._props.startTime + duration + delay + duration / 2);
+ tw.update(tw._props.startTime + duration + delay + duration);
+ expect(order[0]).toBe('start');
+ expect(order[1]).toBe('repeat-start');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('repeat-complete');
+ expect(order[6]).toBe('repeat-start');
+ expect(order[7]).toBe('update');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('update');
+ expect(order[10]).toBe('repeat-complete');
+ expect(order[11]).toBe('complete');
+ return expect(order[12]).toBe(void 0);
+ });
+ });
+ describe('callbacks order || backward ->', function() {
+ it('should have the right order when reverse direction || start', function() {
+ var duration, order, tw;
+ order = [];
+ duration = 500;
+ tw = new Tween({
+ duration: duration,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + duration - duration / 4);
+ tw.update(tw._props.startTime + duration / 2);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ return expect(order[4]).toBe(void 0);
+ });
+ it('should have the right order when reverse direction || end', function() {
+ var duration, order, tw;
+ order = [];
+ duration = 500;
+ tw = new Tween({
+ duration: duration,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + duration);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('update');
+ expect(order[6]).toBe('repeat-start');
+ expect(order[7]).toBe('start');
+ return expect(order[8]).toBe(void 0);
+ });
+ it('should have the right order when reverse direction || repeat end', function() {
+ var duration, order, tw;
+ order = [];
+ duration = 500;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + duration + duration);
+ tw.update(tw._props.startTime + duration + duration / 2);
+ tw.update(tw._props.startTime + duration + 10);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('repeat-start');
+ expect(order[6]).toBe('repeat-complete');
+ expect(order[7]).toBe('update');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('update');
+ expect(order[10]).toBe('repeat-start');
+ expect(order[11]).toBe('start');
+ return expect(order[12]).toBe(void 0);
+ });
+ it('should have the right order when reverse direction || end + delay', function() {
+ var delay, duration, order, tw;
+ order = [];
+ duration = 500;
+ delay = 200;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ delay: delay,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + duration + delay + duration);
+ tw.update(tw._props.startTime + duration + delay + duration / 2);
+ tw.update(tw._props.startTime + duration + delay + 10);
+ tw.update(tw._props.startTime + duration + delay / 2);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('update');
+ expect(order[6]).toBe('repeat-start');
+ expect(order[7]).toBe('repeat-complete');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('update');
+ expect(order[10]).toBe('update');
+ expect(order[11]).toBe('repeat-start');
+ expect(order[12]).toBe('start');
+ return expect(order[13]).toBe(void 0);
+ });
+ it('should have the right order when reverse direction || end + delay #2', function() {
+ var delay, duration, order, tw;
+ order = [];
+ duration = 500;
+ delay = 200;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ delay: delay,
+ onStart: function() {
+ return order.push('start');
+ },
+ onRepeatStart: function() {
+ return order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return order.push('first-update');
+ },
+ onUpdate: function() {
+ return order.push('update');
+ },
+ onRepeatComplete: function() {
+ return order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime + duration + delay + duration);
+ tw.update(tw._props.startTime + duration + delay + duration / 2);
+ tw.update(tw._props.startTime + duration + delay + 10);
+ tw.update(tw._props.startTime + duration + delay / 2);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime - 10);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('update');
+ expect(order[6]).toBe('repeat-start');
+ expect(order[7]).toBe('repeat-complete');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('update');
+ expect(order[10]).toBe('update');
+ expect(order[11]).toBe('repeat-start');
+ expect(order[12]).toBe('start');
+ return expect(order[13]).toBe(void 0);
+ });
+ return it('should have the right order when reverse direction || end + delay #3', function() {
+ var delay, duration, isReact, order, tw;
+ order = [];
+ duration = 500;
+ delay = 200;
+ isReact = false;
+ tw = new Tween({
+ repeat: 1,
+ duration: duration,
+ delay: delay,
+ onStart: function() {
+ return isReact && order.push('start');
+ },
+ onRepeatStart: function() {
+ return isReact && order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return isReact && order.push('first-update');
+ },
+ onUpdate: function() {
+ return isReact && order.push('update');
+ },
+ onRepeatComplete: function() {
+ return isReact && order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return isReact && order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration);
+ tw.update(tw._props.startTime + duration + delay);
+ tw.update(tw._props.startTime + duration + delay + duration / 2);
+ tw.update(tw._props.startTime + duration + delay + duration + 10);
+ isReact = true;
+ tw.update(tw._props.startTime + duration + delay + duration / 2);
+ tw.update(tw._props.startTime + duration + delay + 10);
+ tw.update(tw._props.startTime + duration + delay / 2);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + 10);
+ tw.update(tw._props.startTime - 10);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('update');
+ expect(order[6]).toBe('repeat-start');
+ expect(order[7]).toBe('repeat-complete');
+ expect(order[8]).toBe('update');
+ expect(order[9]).toBe('update');
+ expect(order[10]).toBe('update');
+ expect(order[11]).toBe('repeat-start');
+ expect(order[12]).toBe('start');
+ return expect(order[13]).toBe(void 0);
+ });
+ });
+ it('should have the right order when reverse direction || end + delay #3', function() {
+ var delay, duration, isReact, order, tw;
+ order = [];
+ duration = 500;
+ delay = 200;
+ isReact = false;
+ tw = new Tween({
+ duration: duration,
+ onStart: function() {
+ return isReact && order.push('start');
+ },
+ onRepeatStart: function() {
+ return isReact && order.push('repeat-start');
+ },
+ onFirstUpdate: function() {
+ return isReact && order.push('first-update');
+ },
+ onUpdate: function() {
+ return isReact && order.push('update');
+ },
+ onRepeatComplete: function() {
+ return isReact && order.push('repeat-complete');
+ },
+ onComplete: function() {
+ return isReact && order.push('complete');
+ }
+ });
+ tw._setStartTime();
+ tw.update(tw._props.startTime);
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime + duration);
+ isReact = true;
+ tw.update(tw._props.startTime + duration / 2);
+ tw.update(tw._props.startTime - 10);
+ expect(order[0]).toBe('complete');
+ expect(order[1]).toBe('repeat-complete');
+ expect(order[2]).toBe('first-update');
+ expect(order[3]).toBe('update');
+ expect(order[4]).toBe('update');
+ expect(order[5]).toBe('repeat-start');
+ expect(order[6]).toBe('start');
+ return expect(order[7]).toBe(void 0);
+ });
+ describe('negative delay', function() {
+ it('should save negative delay to _negativeShift property', function() {
+ var tw;
+ tw = new Tween({
+ delay: -200
+ });
+ return expect(tw._negativeShift).toBe(-200);
+ });
+ it('should set negative delay to 0', function() {
+ var tw;
+ tw = new Tween({
+ delay: -200
+ });
+ expect(tw._negativeShift).toBe(-200);
+ return expect(tw._props.delay).toBe(0);
+ });
+ return it('should calculate startTime regarding negative delay', function() {
+ var delay, time, tw;
+ delay = -200;
+ tw = new Tween({
+ delay: delay
+ });
+ time = performance.now();
+ tw._setStartTime(time);
+ return expect(tw._props.startTime).toBe(time - 200);
+ });
+ });
+ describe('setProgress method ->', function() {
+ it('should call _setStartTime if there is no this._props.startTime', function() {
+ var t;
+ t = new Tween;
+ spyOn(t, '_setStartTime');
+ t.setProgress(.5);
+ return expect(t._setStartTime).toHaveBeenCalled();
+ });
+ it('should return self', function() {
+ var result, t;
+ t = new Tween;
+ result = t.setProgress(.5);
+ return expect(result).toBe(t);
+ });
+ it('should call self update', function() {
+ var duration, progress, t;
+ duration = 500;
+ progress = .75;
+ t = new Tween({
+ duration: duration
+ });
+ spyOn(t, 'update');
+ t.setProgress(progress);
+ return expect(t.update).toHaveBeenCalledWith(t._props.startTime + (progress * duration));
+ });
+ it('should not set the progress less then 0', function() {
+ var delay, t;
+ delay = 5000;
+ t = new Tween({
+ delay: delay
+ });
+ spyOn(t, 'update');
+ t.setProgress(-1.5);
+ return expect(t.update).toHaveBeenCalledWith(t._props.startTime - delay);
+ });
+ it('should not set the progress more then 1', function() {
+ var delay, t;
+ delay = 200;
+ t = new Tween({
+ delay: delay
+ });
+ spyOn(t, 'update');
+ t.setProgress(1.5);
+ return expect(t.update).toHaveBeenCalledWith((t._props.startTime - delay) + t._props.repeatTime);
+ });
+ return it('should set _playTime to null', function() {
+ var delay, t;
+ delay = 200;
+ t = new Tween({
+ delay: delay
+ });
+ t.play().pause();
+ t.setProgress(.5);
+ return expect(t._playTime).toBe(null);
+ });
+ });
+ describe('onComplete callback ->', function() {
+
+ // TODO: uncomment when `timeline` implemented
+
+ // it('should be called just once when finished and inside Timeline ->', function() {
+ // var completeCnt, completeDirection, debug, duration, firstUpdateCnt, firstUpdateDirection, oneCnt, repeatCnt, repeatCompleteDirection, repeatStartCnt, repeatStartDirection, startCnt, startDirection, tm, tw, updateDirection, updateValue, zeroCnt;
+ // zeroCnt = 0;
+ // oneCnt = 0;
+ // startCnt = 0;
+ // completeCnt = 0;
+ // repeatCnt = 0;
+ // repeatStartCnt = 0;
+ // firstUpdateCnt = 0;
+ // firstUpdateDirection = null;
+ // startDirection = null;
+ // completeDirection = null;
+ // repeatStartDirection = null;
+ // repeatCompleteDirection = null;
+ // duration = 50;
+ // updateValue = null;
+ // updateDirection = null;
+ // debug = false;
+ // tm = new Timeline;
+ // tw = new Tween({
+ // duration: duration,
+ // onUpdate: function(p, ep, isForward) {
+ // debug && console.log("ONUPDATE " + p);
+ // updateDirection = isForward;
+ // updateValue = p;
+ // (p === 0) && zeroCnt++;
+ // return (p === 1) && oneCnt++;
+ // },
+ // onRepeatComplete: function(isForward) {
+ // debug && console.log("REPEAT COMPLETE " + isForward);
+ // repeatCompleteDirection = isForward;
+ // return repeatCnt++;
+ // },
+ // onRepeatStart: function(isForward) {
+ // debug && console.log("REPEAT START " + isForward);
+ // repeatStartDirection = isForward;
+ // return repeatStartCnt++;
+ // },
+ // onStart: function(isForward) {
+ // debug && console.log("START " + isForward);
+ // startDirection = isForward;
+ // return startCnt++;
+ // },
+ // onComplete: function(isForward) {
+ // debug && console.log("COMPLETE " + isForward);
+ // completeDirection = isForward;
+ // return completeCnt++;
+ // },
+ // onFirstUpdate: function(isForward) {
+ // debug && console.log("FIRST UPDATE " + isForward);
+ // firstUpdateDirection = isForward;
+ // return firstUpdateCnt++;
+ // }
+ // });
+ // tm.add(tw);
+ // tm.setProgress(0);
+ // tm.setProgress(.5);
+ // tm.setProgress(.9);
+ // tm.setProgress(1);
+ // tm.setProgress(.9);
+ // tm.setProgress(.8);
+ // return expect(completeCnt).toBe(2);
+ // });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onComplete: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ t.setProgress(1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onComplete: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ t.setProgress(1);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ describe('_progress method ->', function() {
+ return it('should call onProgress callback', function() {
+ var args, duration, time, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ spyOn(tw._props, 'onProgress');
+ tw._setStartTime();
+ time = tw._props.startTime + duration / 2;
+ tw._prevTime = time - 1;
+ tw._progress(.5, time);
+ args = tw._props.onProgress.calls.first().args;
+ expect(args[0]).toBeCloseTo(.5, 3);
+ return expect(args[1]).toBe(true);
+ });
+ });
+ describe('onProgress callback ->', function() {
+ it('should be called with current progress and direction', function() {
+ var duration, time, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw._setStartTime();
+ time = tw._props.startTime + duration / 2;
+ tw.update(time - 1);
+ tw.update(time);
+
+ expect(parseFloat(tw._progress.calls.mostRecent().args[0].toFixed(5))).toBe(.5)
+ expect(tw._progress.calls.mostRecent().args[1]).toBe(time)
+
+ expect(parseFloat(tw._props.onProgress.calls.mostRecent().args[0].toFixed(5))).toBe(.5)
+ expect(tw._props.onProgress.calls.mostRecent().args[1]).toBe(true)
+ });
+ it('should include all delays and repeats', function() {
+ var delay, duration, p, repeat, resultProgress, startPoint, time, tw;
+ duration = 1000;
+ delay = 200;
+ repeat = 2;
+ tw = new Tween({
+ duration: duration,
+ delay: delay,
+ repeat: repeat,
+ onProgress: function() {}
+ });
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw._setStartTime();
+ time = tw._props.startTime + 2 * (duration + delay) + duration / 2;
+ tw.update(time - 1);
+ tw.update(time);
+ p = tw._props;
+ startPoint = p.startTime - p.delay;
+ resultProgress = (time - startPoint) / p.repeatTime;
+ expect(tw._progress).toHaveBeenCalledWith(resultProgress, time);
+ return expect(tw._props.onProgress).toHaveBeenCalledWith(resultProgress, true);
+ });
+ it('should be called only in active bounds regarding delay "-"', function() {
+ var delay, duration, p, startPoint, time, tw;
+ duration = 1000;
+ delay = 200;
+ tw = new Tween({
+ duration: duration,
+ delay: delay,
+ onProgress: function() {}
+ });
+ tw._setStartTime();
+ p = tw._props;
+ startPoint = p.startTime - p.delay;
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ time = p.startTime - delay / 2;
+ tw.update(time - 1);
+ tw.update(time);
+ expect(tw._progress).toHaveBeenCalledWith((delay / 2) / p.repeatTime, time);
+ expect(tw._progress.calls.count()).toBe(1);
+ return expect(tw._props.onProgress).toHaveBeenCalledWith((delay / 2) / p.repeatTime, true);
+ });
+ it('should be called only in active bounds "-"', function() {
+ var delay, duration, time, tw;
+ duration = 1000;
+ delay = 200;
+ tw = new Tween({
+ duration: duration,
+ delay: delay,
+ onProgress: function() {}
+ });
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw._setStartTime();
+ time = (tw._props.startTime - delay) - delay / 2;
+ tw.update(time - 1);
+ tw.update(time);
+ expect(tw._progress).not.toHaveBeenCalled();
+ return expect(tw._props.onProgress).not.toHaveBeenCalled();
+ });
+ it('should be called only in active bounds "+"', function() {
+ var duration, time, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw._setStartTime();
+ time = tw._props.startTime + 2 * duration;
+ tw.update(time - 1);
+ tw.update(time);
+ expect(tw._progress).not.toHaveBeenCalled();
+ return expect(tw._props.onProgress).not.toHaveBeenCalled();
+ });
+ it('should be called only once after active bounds "-"', function() {
+ var duration, time, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ tw._setStartTime();
+ time = tw._props.startTime + duration / 2;
+ tw.update(time);
+ tw.update(time - 10);
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw.update(time - duration);
+ tw.update(time - duration - 10);
+ expect(tw._progress).toHaveBeenCalledWith(0, time - duration, false);
+ expect(tw._progress.calls.count()).toBe(1);
+ expect(tw._props.onProgress).toHaveBeenCalledWith(0, false);
+ return expect(tw._props.onProgress.calls.count()).toBe(1);
+ });
+ it('should be called only once after active bounds "+"', function() {
+ var duration, time, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ tw._setStartTime();
+ time = tw._props.startTime + duration / 2;
+ tw.update(time);
+ tw.update(time + 10);
+ spyOn(tw, '_progress').and.callThrough();
+ spyOn(tw._props, 'onProgress');
+ tw.update(time + duration);
+ tw.update(time + duration + 10);
+ expect(tw._progress).toHaveBeenCalledWith(1, time + duration);
+ expect(tw._progress.calls.count()).toBe(1);
+ expect(tw._props.onProgress).toHaveBeenCalledWith(1, true);
+ return expect(tw._props.onProgress.calls.count()).toBe(1);
+ });
+ it('should run with right context', function() {
+ var isRightContext, t;
+ isRightContext = null;
+ t = new Tween({
+ onProgress: function() {
+ return isRightContext = this === t;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ return it('should run with custom context', function() {
+ var contextObj, isRightContext, t;
+ isRightContext = null;
+ contextObj = {};
+ t = new Tween({
+ callbacksContext: contextObj,
+ onProgress: function() {
+ return isRightContext = this === contextObj;
+ }
+ });
+ t.setProgress(0);
+ t.setProgress(.1);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ describe('_normPrevTimeForward method', function() {
+ return it('should return normalized _prevTimee', function() {
+ var duration, p, tw;
+ duration = 1000;
+ tw = new Tween({
+ duration: duration,
+ onProgress: function() {}
+ });
+ tw._setStartTime();
+ p = tw._props;
+ return expect(tw._normPrevTimeForward()).toBe(p.startTime + tw._progressTime - p.delay);
+ });
+ });
+ describe('playback ->', function() {
+ return it('should set state to stop when finished', function(dfr) {
+ var duration, t;
+ duration = 50;
+ t = new Tween({
+ duration: duration
+ });
+ t.play();
+ return setTimeout(function() {
+ expect(t._state).toBe('stop');
+ return dfr();
+ }, 2 * duration);
+ });
+ });
+ describe('onTweenerFinish method ->', function() {
+ it('should call _playbackComplete method', function() {
+ var tw;
+ tw = new Tween({
+ duration: 50
+ });
+ spyOn(tw, '_playbackComplete');
+ tw.onTweenerFinish();
+ return expect(tw._playbackComplete).toHaveBeenCalled();
+ });
+ it('should set _state to stop', function(dfr) {
+ var duration, tw;
+ duration = 50;
+ tw = new Tween({
+ duration: duration
+ });
+ tw.play();
+ return setTimeout(function() {
+ expect(tw._state).toBe('stop');
+ expect(tw._prevState).toBe('play');
+ return dfr();
+ }, 2 * duration);
+ });
+ });
+ describe('callbacksContext option', function() {
+ return it('should receive callbacks context object', function() {
+ var obj, tw;
+ obj = {};
+ tw = new Tween({
+ callbacksContext: obj
+ });
+ return expect(tw._props.callbacksContext).toBe(obj);
+ });
+ });
+ describe('_extendDefaults method ->', function() {
+ it('should call super', function() {
+ var tw;
+ spyOn(ClassProto.prototype, '_extendDefaults').and.callThrough();
+ tw = new Tween;
+ tw._extendDefaults();
+ return expect(ClassProto.prototype._extendDefaults).toHaveBeenCalled();
+ });
+ it('should parse easing', function() {
+ var tw;
+ tw = new Tween;
+ tw._props.easing = 'cubic.in';
+ tw._extendDefaults();
+ return expect(typeof tw._props.easing).toBe('function');
+ });
+ it('should set _parent on easing function', function() {
+ var tw;
+ tw = new Tween;
+ tw._props.easing = 'cubic.in';
+ tw._extendDefaults();
+ expect(typeof tw._props.easing).toBe('function');
+ return expect(tw._props.easing._parent).toBe(tw);
+ });
+ it('should parse backwardEasing', function() {
+ var tw;
+ tw = new Tween({
+ backwardEasing: 'cubic.in'
+ });
+ expect(typeof tw._props.backwardEasing).toBe('function');
+ return expect(tw._props.backwardEasing).toBe(mojs.easing.cubic["in"]);
+ });
+ it('should set _parent on easing function', function() {
+ var tw;
+ tw = new Tween({
+ backwardEasing: 'cubic.in'
+ });
+ expect(typeof tw._props.backwardEasing).toBe('function');
+ expect(tw._props.backwardEasing).toBe(mojs.easing.cubic["in"]);
+ return expect(tw._props.backwardEasing._parent).toBe(tw);
+ });
+ return it('should not parse backwardEasing if `null`', function() {
+ var tw;
+ tw = new Tween;
+ return expect(tw._props.backwardEasing).toBe(null);
+ });
+ });
+ describe('_callbackOverrides object ->', function() {
+ it('should receive _callbackOverrides object', function() {
+ var callbackOverrides, o, tw;
+ callbackOverrides = {};
+ o = {
+ duration: 200,
+ callbackOverrides: callbackOverrides
+ };
+ tw = new Tween(o);
+ return expect(tw._callbackOverrides).toBe(callbackOverrides);
+ });
+ it('should fallback to empty object', function() {
+ var callbackOverrides, o, tw;
+ callbackOverrides = null;
+ o = {
+ duration: 200,
+ callbackOverrides: callbackOverrides
+ };
+ tw = new Tween(o);
+ return expect(tw._callbackOverrides).toEqual({});
+ });
+ return it('should delete _callbackOverrides object from options', function() {
+ var callbackOverrides, o, tw;
+ callbackOverrides = {};
+ o = {
+ duration: 200,
+ callbackOverrides: callbackOverrides
+ };
+ tw = new Tween(o);
+ return expect(tw._o.callbackOverrides).not.toBeDefined();
+ });
+ });
+ describe('_overrideCallback method ->', function() {
+ it('should override a callback', function() {
+ var fun, result, tr;
+ fun = function() {};
+ tr = new Tween;
+ result = tr._overrideCallback(fun, function() {});
+ expect(result).not.toBe(fun);
+ return expect(typeof result).toBe('function');
+ });
+ it('should call overriden callback', function() {
+ var args, fun, isRightScope, result, tr;
+ args = null;
+ isRightScope = null;
+ fun = function() {
+ args = arguments;
+ return isRightScope = this === tr;
+ };
+ tr = new Tween;
+ result = tr._overrideCallback(fun, function() {});
+ result.call(tr, 'a');
+ expect(args[0]).toBe('a');
+ expect(args.length).toBe(1);
+ return expect(isRightScope).toBe(true);
+ });
+ it('should call passed method callback', function() {
+ var args, cleanUpFun, fun, isRightScope, result, tr;
+ args = null;
+ isRightScope = null;
+ tr = new Tween;
+ fun = function() {};
+ cleanUpFun = function() {
+ args = arguments;
+ return isRightScope = this === tr;
+ };
+ result = tr._overrideCallback(fun, cleanUpFun);
+ result.call(tr, 'a');
+ expect(args[0]).toBe('a');
+ expect(args.length).toBe(1);
+ return expect(isRightScope).toBe(true);
+ });
+ return it('should add isMojsCallbackOverride flag', function() {
+ var args, cleanUpFun, fun, isRightScope, result, tr;
+ args = null;
+ isRightScope = null;
+ tr = new Tween;
+ fun = function() {};
+ cleanUpFun = function() {
+ args = arguments;
+ return isRightScope = this === tr;
+ };
+ result = tr._overrideCallback(fun, cleanUpFun);
+ return expect(result.isMojsCallbackOverride).toBe(true);
+ });
+ });
+ describe('_assignProp method ->', function() {
+ it('should parse easing', function() {
+ var tr;
+ tr = new Tween;
+ tr._assignProp('easing', 'cubic.in');
+ return expect(typeof tr._props.easing).toBe('function');
+ });
+ it('should set parent on easing', function() {
+ var tr;
+ tr = new Tween;
+ tr._assignProp('easing', 'cubic.in');
+ expect(typeof tr._props.easing).toBe('function');
+ return expect(tr._props.easing._parent).toBe(tr);
+ });
+ it('should fallback to defaults for null values', function() {
+ var tr;
+ tr = new Tween;
+ tr._assignProp('speed', null);
+ return expect(tr._props.speed).toBe(tr._defaults.speed);
+ });
+ it('should override callbacks if key in _callbackOverrides object', function() {
+ var controlCallback, funBefore, tr;
+ tr = new Tween;
+ funBefore = function() {};
+ controlCallback = function() {};
+ tr._callbackOverrides = {
+ onStart: controlCallback
+ };
+ spyOn(tr, '_overrideCallback').and.callThrough();
+ tr._assignProp('onStart', funBefore);
+ expect(tr._props.onStart).not.toBe(funBefore);
+ return expect(tr._overrideCallback).toHaveBeenCalledWith(funBefore, controlCallback);
+ });
+ it('should not override callbacks if already overriden', function() {
+ var controlCallback, funBefore, tr;
+ tr = new Tween;
+ funBefore = function() {};
+ controlCallback = function() {};
+ tr._callbackOverrides = {
+ onStart: controlCallback
+ };
+ spyOn(tr, '_overrideCallback').and.callThrough();
+ funBefore.isMojsCallbackOverride = true;
+ tr._assignProp('onStart', funBefore);
+ return expect(tr._overrideCallback).not.toHaveBeenCalledWith(funBefore, controlCallback);
+ });
+ return it('should override undefined values', function() {
+ var controlCallback, tr;
+ tr = new Tween;
+ controlCallback = function() {};
+ tr._callbackOverrides = {
+ onStart: controlCallback
+ };
+ spyOn(tr, '_overrideCallback').and.callThrough();
+ tr._assignProp('onStart', null);
+ expect(typeof tr._props.onStart).toBe('function');
+ return expect(tr._overrideCallback).toHaveBeenCalledWith(null, controlCallback);
+ });
+ });
+ describe('_setResumeTime method ->', function() {
+ it('should call _setStartTime method', function() {
+ var shift, time, tw;
+ tw = new Tween;
+ spyOn(tw, '_setStartTime');
+ shift = 20;
+ tw._setResumeTime('play', shift);
+ time = tw._resumeTime - Math.abs(shift) - tw._progressTime;
+ return expect(tw._setStartTime).toHaveBeenCalledWith(time, false);
+ });
+ it('should have default of 0 shift', function() {
+ var time, tw;
+ tw = new Tween;
+ spyOn(tw, '_setStartTime');
+ tw._setResumeTime('play');
+ time = tw._resumeTime - Math.abs(0) - tw._progressTime;
+ return expect(tw._setStartTime).toHaveBeenCalledWith(time, false);
+ });
+ describe('_prevTime normalization ->', function() {
+ it('should not set _prevTime if it is undefined', function() {
+ var tw;
+ tw = new Tween;
+ tw._setResumeTime('play');
+ return expect(tw._prevTime).toBe(void 0);
+ });
+ it('should set prevTime to _normPrevTimeForward() if `play`', function() {
+ var tw;
+ tw = new Tween;
+ tw._prevTime = 200;
+ tw._setResumeTime('play');
+ return expect(tw._prevTime).toBe(tw._normPrevTimeForward());
+ });
+ return it('should set prevTime to _normPrevTimeForward() if `reverse`', function() {
+ var tw;
+ tw = new Tween;
+ tw._prevTime = 200;
+ tw._setResumeTime('reverse');
+ return expect(tw._prevTime).toBe(tw._props.endTime - tw._progressTime);
+ });
+ });
+ describe('onRefresh callback ->', function() {
+ it('should be called if time is less then startTime', function() {
+ var delay, p, tw;
+ delay = 200;
+ tw = new Tween({
+ delay: delay,
+ onRefresh: function() {}
+ });
+ tw._setStartTime();
+ p = tw._props;
+ tw.update(p.startTime);
+ tw.update(p.startTime + p.repeatTime / 2);
+ tw.update(p.endTime);
+ spyOn(tw, '_refresh');
+ tw.update(p.endTime + 20);
+ tw.update(p.startTime - 20);
+ tw.update(p.startTime - 10);
+ expect(tw._refresh).toHaveBeenCalledWith(true);
+ return expect(tw._refresh.calls.count()).toBe(1);
+ });
+ it('should be called only if progress !== 0', function() {
+ var delay, p, tw;
+ delay = 200;
+ tw = new Tween({
+ delay: delay,
+ onRefresh: function() {}
+ });
+ tw._setStartTime();
+ p = tw._props;
+ tw.update(p.startTime);
+ tw.update(p.startTime + p.repeatTime / 2);
+ tw.update(p.endTime);
+ spyOn(tw, '_refresh');
+ tw.update(p.endTime + 20);
+ tw.progress = 0;
+ tw.update(p.startTime - 20);
+ tw.update(p.startTime - 10);
+ return expect(tw._refresh).not.toHaveBeenCalledWith(true);
+ });
+ return it('should be called after another play', function() {
+ var delay, p, tw;
+ delay = 200;
+ tw = new Tween({
+ delay: delay,
+ onRefresh: function() {}
+ });
+ tw._setStartTime();
+ p = tw._props;
+ tw.update(p.startTime);
+ tw.update(p.startTime + p.repeatTime / 2);
+ tw.update(p.endTime);
+ tw.update(p.endTime + 20);
+ tw.update(p.startTime - 20);
+ tw.update(p.startTime - 10);
+ spyOn(tw, '_refresh');
+ tw.update(p.startTime);
+ tw.update(p.startTime + p.repeatTime / 2);
+ tw.update(p.endTime);
+ tw.update(p.endTime + 20);
+ tw.update(p.startTime - 20);
+ tw.update(p.startTime - 10);
+ expect(tw._refresh).toHaveBeenCalledWith(true);
+ return expect(tw._refresh.calls.count()).toBe(1);
+ });
+ });
+ return describe('_refresh method ->', function() {
+ it('should call onRefresh callback if defined', function() {
+ var tw;
+ tw = new Tween({
+ onRefresh: function() {}
+ });
+ spyOn(tw._props, 'onRefresh');
+ tw._refresh(true);
+ return expect(tw._props.onRefresh).toHaveBeenCalledWith(true, 0, 0);
+ });
+ it('should call onRefresh with eased progress', function() {
+ var tw;
+ easing = mojs.easing.cubic.in;
+ tw = new Tween({
+ easing: easing,
+ onRefresh: function() {}
+ });
+ spyOn(tw._props, 'onRefresh');
+ tw._refresh(true);
+ return expect(tw._props.onRefresh).toHaveBeenCalledWith(true, easing(0), 0);
+ });
+ it('should call onRefresh with eased progress // after', function() {
+ var tw;
+ easing = mojs.easing.cubic.in;
+ tw = new Tween({
+ easing: easing,
+ onRefresh: function() {}
+ });
+ spyOn(tw._props, 'onRefresh');
+ tw._refresh(false);
+ return expect(tw._props.onRefresh).toHaveBeenCalledWith(false, easing(1), 1);
+ });
+ it('should not throw if no callback set', function() {
+ var tw;
+ tw = new Tween;
+ return expect(function() {
+ return tw._refresh(true);
+ }).not.toThrow();
+ });
+ return it('should call onRefresh callback with right context', function() {
+ var context, isRightContext, tw;
+ context = {};
+ isRightContext = null;
+ tw = new Tween({
+ callbacksContext: context,
+ onRefresh: function() {
+ return isRightContext = this === context;
+ }
+ });
+ tw._refresh(true);
+ return expect(isRightContext).toBe(true);
+ });
+ });
+ });
+ return describe('_updateInActiveArea method ->', function() {
+ return it('should refresh _isRefreshed flag', function() {
+ var tw;
+ tw = new Tween;
+ tw._isRefreshed = true;
+ tw._updateInActiveArea(0);
+ return expect(tw._isRefreshed).toBe(false);
+ });
+ });
+});
diff --git a/spec/tween/tweenable.coffee b/spec/old/tween/old/tweenable.coffee
similarity index 100%
rename from spec/tween/tweenable.coffee
rename to spec/old/tween/old/tweenable.coffee
diff --git a/spec/tween/tweenable.js b/spec/old/tween/old/tweenable.js
similarity index 100%
rename from spec/tween/tweenable.js
rename to spec/old/tween/old/tweenable.js
diff --git a/spec/old/tween/old/tweener.coffee b/spec/old/tween/old/tweener.coffee
new file mode 100644
index 000000000..d1dc4a27e
--- /dev/null
+++ b/spec/old/tween/old/tweener.coffee
@@ -0,0 +1,380 @@
+mojs = mojs.default;
+var tweener = mojs.tweener;
+var Tween = mojs.Tween;
+
+describe('Tweener ->', function() {
+ var isPageVisibility;
+ afterEach(function() {
+ tweener._stopLoop();
+ return tweener.removeAll();
+ });
+ beforeEach(function() {
+ tweener._stopLoop();
+ return tweener.removeAll();
+ });
+ it('have tweens array', function() {
+ expect(tweener.tweens).toBeDefined();
+ return expect(tweener.tweens instanceof Array).toBe(true);
+ });
+ describe('polyfills ->', function() {
+ it('should have performance now defined', function() {
+ return expect(window.performance.now).toBeDefined();
+ });
+ return it('should have requestAnimationFrame defined', function() {
+ return expect(window.requestAnimationFrame).toBeDefined();
+ });
+ });
+ describe('_loop ->', function() {
+ it('should loop over', function(dfr) {
+ tweener._startLoop();
+ tweener.add(new Tween);
+ spyOn(t, '_loop');
+ return setTimeout(function() {
+ expect(tweener._loop).toHaveBeenCalled();
+ return dfr();
+ }, 100);
+ });
+ it('should call update fun', function(dfr) {
+ tweener._startLoop();
+ spyOn(t, '_update');
+ return setTimeout(function() {
+ expect(tweener._update).toHaveBeenCalledWith(jasmine.any(Number));
+ return dfr();
+ }, 100);
+ });
+ it('should stop at the end', function(dfr) {
+ tweener.add(new Tween);
+ tweener._startLoop();
+ setTimeout((function() {
+ return tweener.tweens[0]._update = function() {
+ return true;
+ };
+ }), 100);
+ return setTimeout((function() {
+ expect(tweener._isRunning).toBe(false);
+ return dfr();
+ }), 200);
+ });
+ return it('should stop if !@isRunning', function() {
+ tweener._isRunning = false;
+ spyOn(window, 'requestAnimationFrame');
+ spyOn(t, '_update');
+ tweener._loop();
+ expect(window.requestAnimationFrame).notweener.toHaveBeenCalled();
+ return expect(tweener._update).notweener.toHaveBeenCalled();
+ });
+ });
+ describe('_startLoop method ->', function() {
+ it('should call loop method', function(dfr) {
+ spyOn(t, '_loop');
+ tweener._startLoop();
+ return setTimeout(function() {
+ expect(tweener._loop).toHaveBeenCalled();
+ return dfr();
+ }, 60);
+ });
+ it('should set isRunning flag', function() {
+ expect(tweener._isRunning).toBeFalsy();
+ tweener._startLoop();
+ return expect(tweener._isRunning).toBe(true);
+ });
+ it('should call loop only once', function() {
+ tweener._startLoop();
+ spyOn(t, '_loop');
+ tweener._startLoop();
+ return expect(tweener._loop).notweener.toHaveBeenCalled();
+ });
+ return it('should start only 1 concurrent loop', function() {
+ tweener._startLoop();
+ expect(tweener._isRunning).toBe(true);
+ spyOn(window, 'requestAnimationFrame');
+ tweener._startLoop();
+ return expect(window.requestAnimationFrame).notweener.toHaveBeenCalled();
+ });
+ });
+ describe('_stopLoop method ->', function() {
+ return it('should set isRunning to false', function() {
+ tweener._startLoop();
+ tweener._stopLoop();
+ return expect(tweener._isRunning).toBe(false);
+ });
+ });
+ describe('add method ->', function() {
+ it('should add to tweens', function() {
+ tweener.add(new Tween);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0] instanceof Tween).toBe(true);
+ });
+ it('should add to tweens only once', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ tweener.add(t1);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0]).toBe(t1);
+ });
+ it('should call _startLoop method', function() {
+ spyOn(t, '_startLoop');
+ tweener.add(new Tween);
+ return expect(tweener._startLoop).toHaveBeenCalled();
+ });
+ return it('should set _isRunning to true', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ return expect(t1._isRunning).toBe(true);
+ });
+ });
+ describe('remove method ->', function() {
+ it('should remove a tween', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(t2);
+ return expect(tweener.tweens.length).toBe(1);
+ });
+ it('should be able to remove by i', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(1);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0]).toBe(t1);
+ });
+ it('should set _isRunning to false', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(t1);
+ expect(t1._isRunning).toBe(false);
+ return expect(t2._isRunning).toBe(true);
+ });
+ return it('should call _onTweenerRemove method on each ', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ expect(tweener.tweens.length).toBe(1);
+ spyOn(t1, '_onTweenerRemove');
+ tweener.remove(t1);
+ return expect(t1._onTweenerRemove).toHaveBeenCalled();
+ });
+ });
+ describe('removeAll method ->', function() {
+ return it('should remove all tweens', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.removeAll();
+ return expect(tweener.tweens.length).toBe(0);
+ });
+ });
+ describe('_update method ->', function() {
+ it('should update the current time on every timeline', function() {
+ var time;
+ tweener.add(new Tween);
+ tweener.add(new Tween);
+ spyOn(tweener.tweens[0], '_update');
+ spyOn(tweener.tweens[1], '_update');
+ tweener._update(time = performance.now() + 200);
+ expect(tweener.tweens[0]._update).toHaveBeenCalledWith(time);
+ return expect(tweener.tweens[1]._update).toHaveBeenCalledWith(time);
+ });
+ it('should remove tween if ended', function() {
+ var time, tw;
+ tw = new Tween;
+ tweener.add(tw);
+ tw._update = function() {
+ return true;
+ };
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(t, 'remove').and.callThrough();
+ tweener._update(time = performance.now() + 200);
+ expect(tweener.remove).toHaveBeenCalledWith(tw);
+ return expect(tweener.tweens[0]).notweener.toBeDefined();
+ });
+ it('should set tween\'s _prevTime to undefined if ended', function(dfr) {
+ var startTime, tw;
+ tw = new Tween({
+ duration: 100
+ });
+ tw._setStartTime();
+ tweener.add(tw);
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(t, 'remove').and.callThrough();
+ startTime = performance.now();
+ return setTimeout(function() {
+ expect(tw._prevTime).toBe(void 0);
+ return dfr();
+ }, 400);
+ });
+ return it('should call tween\'s _onTweenerFinish if ended', function(dfr) {
+ var duration, tw;
+ duration = 50;
+ tw = new Tween({
+ duration: duration
+ });
+ tw._setStartTime();
+ tweener.add(tw);
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(tw, '_onTweenerFinish');
+ return setTimeout(function() {
+ expect(tw._onTweenerFinish).toHaveBeenCalled();
+ return dfr();
+ }, 2 * duration);
+ });
+ });
+ isPageVisibility = function() {
+ return (typeof documentweener.hidden !== "undefined") || (typeof documentweener.mozHidden !== "undefined") || (typeof documentweener.msHidden !== "undefined") || (typeof documentweener.webkitHidden !== "undefined");
+ };
+ describe('_listenVisibilityChange method ->', function() {
+ if (!isPageVisibility()) {
+ return;
+ }
+ describe('page visibility init ->', function() {
+ return it('should have ran _listenVisibilityChange method ->', function() {
+ expect(typeof tweener._visibilityHidden).toBe('string');
+ return expect(typeof tweener._visibilityChange).toBe('string');
+ });
+ });
+ it('should set _visibilityHidden property', function() {
+ var isIE, isMozilla, isOldOpera, isWebkit;
+ tweener._visibilityHidden = null;
+ tweener._listenVisibilityChange();
+ isOldOpera = tweener._visibilityHidden === 'hidden';
+ isMozilla = tweener._visibilityHidden === 'mozHidden';
+ isIE = tweener._visibilityHidden === 'msHidden';
+ isWebkit = tweener._visibilityHidden === 'webkitHidden';
+ return expect(isOldOpera || isMozilla || isIE || isWebkit).toBe(true);
+ });
+ it('should set _visibilityChange property', function() {
+ var isIE, isMozilla, isOldOpera, isWebkit;
+ tweener._visibilityChange = null;
+ tweener._listenVisibilityChange();
+ isOldOpera = tweener._visibilityChange === 'visibilitychange';
+ isMozilla = tweener._visibilityChange === 'mozvisibilitychange';
+ isIE = tweener._visibilityChange === 'msvisibilitychange';
+ isWebkit = tweener._visibilityChange === 'webkitvisibilitychange';
+ return expect(isOldOpera || isMozilla || isIE || isWebkit).toBe(true);
+ });
+ return it('should set up visiblilityChange even listener', function() {
+ spyOn(document, 'addEventListener');
+ tweener._listenVisibilityChange();
+ return expect(documentweener.addEventListener).toHaveBeenCalledWith(tweener._visibilityChange, tweener._onVisibilityChange, false);
+ });
+ });
+ describe('_savePlayingTweens method ->', function() {
+ it('should copy all playing tweens to _savedTweens array', function(done) {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ tweener.add(tw1);
+ tweener.add(tw2);
+ tweener.add(tw3);
+ return setTimeout(function() {
+ tweener._savedTweens = [];
+ tweener._savePlayingTweens();
+ expect(tweener._savedTweens.length).toBe(3);
+ expect(tweener._savedTweens[0]).toBe(tw1);
+ expect(tweener._savedTweens[1]).toBe(tw2);
+ expect(tweener._savedTweens[2]).toBe(tw3);
+ return done();
+ }, 50);
+ });
+ return it('should call `pause` on each tween', function(done) {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ tweener.add(tw1);
+ tweener.add(tw2);
+ tweener.add(tw3);
+ spyOn(tw1, 'pause');
+ spyOn(tw2, 'pause');
+ spyOn(tw3, 'pause');
+ return setTimeout(function() {
+ tweener._savedTweens = [];
+ tweener._savePlayingTweens();
+ expect(tw1.pause).toHaveBeenCalled();
+ expect(tw2.pause).toHaveBeenCalled();
+ expect(tw3.pause).toHaveBeenCalled();
+ return done();
+ }, 50);
+ });
+ });
+ describe('_restorePlayingTweens method ->', function() {
+ it('should copy all _savedTweens tweens to tweens array', function() {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw2 = new Tween;
+ tw3 = new Tween;
+ tw1.play();
+ tw2.play();
+ tw3.play();
+ tweener._savePlayingTweens();
+ tweener._restorePlayingTweens();
+ expect(tweener.tweens.length).toBe(3);
+ expect(tweener.tweens[0]).toBe(tw1);
+ expect(tweener.tweens[1]).toBe(tw2);
+ return expect(tweener.tweens[2]).toBe(tw3);
+ });
+ it('should call `resume` on each tween', function() {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ spyOn(tw1, 'resume');
+ spyOn(tw2, 'resume');
+ spyOn(tw3, 'resume');
+ tweener.tweens = [];
+ tweener._savedTweens = [tw1, tw2, tw3];
+ tweener._restorePlayingTweens();
+ expect(tw1.resume).toHaveBeenCalled();
+ expect(tw2.resume).toHaveBeenCalled();
+ return expect(tw3.resume).toHaveBeenCalled();
+ });
+ return it('should check for empty array before resuming', function() {
+ tweener.tweens = [];
+ return expect(function() {
+ return tweener._restorePlayingTweens();
+ }).notweener.toThrow();
+ });
+ });
+ return describe('_onVisibilityChange method ->', function() {
+ it('should call _savePlayingTweens if hidden', function() {
+ tweener._visibilityHidden = 'mojs-tweener-visibility-test';
+ document[tweener._visibilityHidden] = true;
+ spyOn(t, '_savePlayingTweens');
+ tweener._onVisibilityChange();
+ return expect(tweener._savePlayingTweens).toHaveBeenCalled();
+ });
+ return it('should call _restorePlayingTweens if visible', function() {
+ tweener._visibilityHidden = 'mojs-tweener-visibility-test';
+ document[tweener._visibilityHidden] = false;
+ spyOn(t, '_restorePlayingTweens');
+ tweener._onVisibilityChange();
+ return expect(tweener._restorePlayingTweens).toHaveBeenCalled();
+ });
+ });
+});
diff --git a/spec/tween/tweener.js b/spec/old/tween/old/tweener.js
similarity index 97%
rename from spec/tween/tweener.js
rename to spec/old/tween/old/tweener.js
index 214052682..fac011430 100644
--- a/spec/tween/tweener.js
+++ b/spec/old/tween/old/tweener.js
@@ -341,7 +341,7 @@
expect(t.tweens[1]).toBe(tw2);
return expect(t.tweens[2]).toBe(tw3);
});
- return it('should call `resume` on each tween', function() {
+ it('should call `resume` on each tween', function() {
var tw1, tw2, tw3;
tw1 = new Tween;
tw1._setStartTime();
@@ -359,6 +359,12 @@
expect(tw2.resume).toHaveBeenCalled();
return expect(tw3.resume).toHaveBeenCalled();
});
+ return it('should check for empty array before resuming', function() {
+ t.tweens = [];
+ return expect(function() {
+ return t._restorePlayingTweens();
+ }).not.toThrow();
+ });
});
return describe('_onVisibilityChange method ->', function() {
it('should call _savePlayingTweens if hidden', function() {
diff --git a/spec/old/tween/tweener.test.js b/spec/old/tween/tweener.test.js
new file mode 100644
index 000000000..1c0a93add
--- /dev/null
+++ b/spec/old/tween/tweener.test.js
@@ -0,0 +1,387 @@
+var tweener = mojs.tweener;
+
+describe('Tweener ->', function() {
+ var isPageVisibility;
+ afterEach(function() {
+ tweener._stopLoop();
+ return tweener.removeAll();
+ });
+ beforeEach(function() {
+ tweener._stopLoop();
+ return tweener.removeAll();
+ });
+ it('have tweens array', function() {
+ expect(tweener.tweens).toBeDefined();
+ return expect(tweener.tweens instanceof Array).toBe(true);
+ });
+ describe('polyfills ->', function() {
+ it('should have performance now defined', function() {
+ return expect(window.performance.now).toBeDefined();
+ });
+ return it('should have requestAnimationFrame defined', function() {
+ return expect(window.requestAnimationFrame).toBeDefined();
+ });
+ });
+ describe('_loop ->', function() {
+ it('should loop over', function(dfr) {
+ tweener._startLoop();
+ tweener.add(new Tween);
+ spyOn(tweener, '_loop');
+ return setTimeout(function() {
+ expect(tweener._loop).toHaveBeenCalled();
+ return dfr();
+ }, 100);
+ });
+ it('should call update fun', function(dfr) {
+ tweener._startLoop();
+ spyOn(tweener, 'update');
+ return setTimeout(function() {
+ expect(tweener.update).toHaveBeenCalledWith(jasmine.any(Number));
+ return dfr();
+ }, 100);
+ });
+ it('should stop at the end', function(dfr) {
+ tweener.add(new Tween);
+ tweener._startLoop();
+ setTimeout((function() {
+ return tweener.tweens[0].update = function() {
+ return true;
+ };
+ }), 100);
+ return setTimeout((function() {
+ expect(tweener._isRunning).toBe(false);
+ return dfr();
+ }), 200);
+ });
+ return it('should stop if !@isRunning', function() {
+ tweener._isRunning = false;
+ spyOn(window, 'requestAnimationFrame');
+ spyOn(tweener, 'update');
+ tweener._loop();
+ expect(window.requestAnimationFrame).not.toHaveBeenCalled();
+ return expect(tweener.update).not.toHaveBeenCalled();
+ });
+ });
+ describe('_startLoop method ->', function() {
+ it('should call loop method', function(dfr) {
+ spyOn(tweener, '_loop');
+ tweener._startLoop();
+ return setTimeout(function() {
+ expect(tweener._loop).toHaveBeenCalled();
+ return dfr();
+ }, 60);
+ });
+ it('should set isRunning flag', function() {
+ expect(tweener._isRunning).toBeFalsy();
+ tweener._startLoop();
+ return expect(tweener._isRunning).toBe(true);
+ });
+ it('should call loop only once', function() {
+ tweener._startLoop();
+ spyOn(tweener, '_loop');
+ tweener._startLoop();
+ return expect(tweener._loop).not.toHaveBeenCalled();
+ });
+ return it('should start only 1 concurrent loop', function() {
+ tweener._startLoop();
+ expect(tweener._isRunning).toBe(true);
+ spyOn(window, 'requestAnimationFrame');
+ tweener._startLoop();
+ return expect(window.requestAnimationFrame).not.toHaveBeenCalled();
+ });
+ });
+ describe('_stopLoop method ->', function() {
+ return it('should set isRunning to false', function() {
+ tweener._startLoop();
+ tweener._stopLoop();
+ return expect(tweener._isRunning).toBe(false);
+ });
+ });
+ describe('add method ->', function() {
+ it('should add to tweens', function() {
+ tweener.add(new Tween);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0] instanceof Tween).toBe(true);
+ });
+ it('should add to tweens only once', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ tweener.add(t1);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0]).toBe(t1);
+ });
+ it('should call _startLoop method', function() {
+ spyOn(tweener, '_startLoop');
+ tweener.add(new Tween);
+ return expect(tweener._startLoop).toHaveBeenCalled();
+ });
+ return it('should set _isRunning to true', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ return expect(t1._isRunning).toBe(true);
+ });
+ });
+ describe('remove method ->', function() {
+ it('should remove a tween', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(t2);
+ return expect(tweener.tweens.length).toBe(1);
+ });
+ it('should be able to remove by i', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(1);
+ expect(tweener.tweens.length).toBe(1);
+ return expect(tweener.tweens[0]).toBe(t1);
+ });
+ it('should set _isRunning to false', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.remove(t1);
+ expect(t1._isRunning).toBe(false);
+ return expect(t2._isRunning).toBe(true);
+ });
+ return it('should call _onTweenerRemove method on each ', function() {
+ var t1;
+ t1 = new Tween;
+ tweener.add(t1);
+ expect(tweener.tweens.length).toBe(1);
+ spyOn(t1, '_onTweenerRemove');
+ tweener.remove(t1);
+ return expect(t1._onTweenerRemove).toHaveBeenCalled();
+ });
+ });
+ describe('removeAll method ->', function() {
+ return it('should remove all tweens', function() {
+ var t1, t2;
+ t1 = new Tween;
+ t2 = new Tween;
+ tweener.add(t1);
+ tweener.add(t2);
+ expect(tweener.tweens.length).toBe(2);
+ tweener.removeAll();
+ return expect(tweener.tweens.length).toBe(0);
+ });
+ });
+ describe('_update method ->', function() {
+ it('should update the current time on every timeline', function() {
+ var time;
+ tweener.add(new Tween);
+ tweener.add(new Tween);
+ spyOn(tweener.tweens[0], 'update');
+ spyOn(tweener.tweens[1], 'update');
+ tweener.update(time = performance.now() + 200);
+ expect(tweener.tweens[0].update).toHaveBeenCalledWith(time);
+ return expect(tweener.tweens[1].update).toHaveBeenCalledWith(time);
+ });
+ it('should remove tween if ended', function() {
+ var time, tw;
+ tw = new Tween;
+ tweener.add(tw);
+ tw.update = function() {
+ return true;
+ };
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(tweener, 'remove').and.callThrough();
+ tweener.update(time = performance.now() + 200);
+ expect(tweener.remove).toHaveBeenCalledWith(tw);
+ return expect(tweener.tweens[0]).not.toBeDefined();
+ });
+ it('should set tween\'s _prevTime to undefined if ended', function(dfr) {
+ var startTime, tw;
+ tw = new Tween({
+ duration: 100
+ });
+ tw._setStartTime();
+ tweener.add(tw);
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(tweener, 'remove').and.callThrough();
+ startTime = performance.now();
+ return setTimeout(function() {
+ expect(tw._prevTime).toBe(void 0);
+ return dfr();
+ }, 400);
+ });
+ return it('should call tween\'s onTweenerFinish if ended', function(dfr) {
+ var duration, tw;
+ duration = 50;
+ tw = new Tween({
+ duration: duration
+ });
+ tw._setStartTime();
+ tweener.add(tw);
+ expect(tweener.tweens[0]).toBe(tw);
+ spyOn(tw, 'onTweenerFinish');
+ return setTimeout(function() {
+ expect(tw.onTweenerFinish).toHaveBeenCalled();
+ return dfr();
+ }, 2 * duration);
+ });
+ });
+ isPageVisibility = function() {
+ return (typeof document.hidden !== "undefined") || (typeof document.mozHidden !== "undefined") || (typeof document.msHidden !== "undefined") || (typeof document.webkitHidden !== "undefined");
+ };
+ describe('_listenVisibilityChange method ->', function() {
+ if (!isPageVisibility()) {
+ return;
+ }
+ describe('page visibility init ->', function() {
+ return it('should have ran _listenVisibilityChange method ->', function() {
+ expect(typeof tweener._visibilityHidden).toBe('string');
+ return expect(typeof tweener._visibilityChange).toBe('string');
+ });
+ });
+ it('should set _visibilityHidden property', function() {
+ var isIE, isMozilla, isOldOpera, isWebkit;
+ tweener._visibilityHidden = null;
+ tweener._listenVisibilityChange();
+ isOldOpera = tweener._visibilityHidden === 'hidden';
+ isMozilla = tweener._visibilityHidden === 'mozHidden';
+ isIE = tweener._visibilityHidden === 'msHidden';
+ isWebkit = tweener._visibilityHidden === 'webkitHidden';
+ return expect(isOldOpera || isMozilla || isIE || isWebkit).toBe(true);
+ });
+ it('should set _visibilityChange property', function() {
+ var isIE, isMozilla, isOldOpera, isWebkit;
+ tweener._visibilityChange = null;
+ tweener._listenVisibilityChange();
+ isOldOpera = tweener._visibilityChange === 'visibilitychange';
+ isMozilla = tweener._visibilityChange === 'mozvisibilitychange';
+ isIE = tweener._visibilityChange === 'msvisibilitychange';
+ isWebkit = tweener._visibilityChange === 'webkitvisibilitychange';
+ return expect(isOldOpera || isMozilla || isIE || isWebkit).toBe(true);
+ });
+ it('should set up visiblilityChange event listener', function() {
+ spyOn(document, 'addEventListener');
+ tweener._listenVisibilityChange();
+ expect(document.addEventListener).toHaveBeenCalledWith(tweener._visibilityChange, tweener._onVisibilityChange, false);
+ });
+
+ describe('caffeinate ->', function() {
+ it('should remove `visibilityChange` listener', function () {
+ spyOn(document, 'removeEventListener');
+ tweener.caffeinate();
+ expect(document.removeEventListener)
+ .toHaveBeenCalledWith(tweener._visibilityChange, tweener._onVisibilityChange, false);
+ });
+ });
+ });
+ describe('_savePlayingTweens method ->', function() {
+ it('should copy all playing tweens to _savedTweens array', function(done) {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ tweener.add(tw1);
+ tweener.add(tw2);
+ tweener.add(tw3);
+ return setTimeout(function() {
+ tweener._savedTweens = [];
+ tweener._savePlayingTweens();
+ expect(tweener._savedTweens.length).toBe(3);
+ expect(tweener._savedTweens[0]).toBe(tw1);
+ expect(tweener._savedTweens[1]).toBe(tw2);
+ expect(tweener._savedTweens[2]).toBe(tw3);
+ return done();
+ }, 50);
+ });
+ return it('should call `pause` on each tween', function(done) {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ tweener.add(tw1);
+ tweener.add(tw2);
+ tweener.add(tw3);
+ spyOn(tw1, 'pause');
+ spyOn(tw2, 'pause');
+ spyOn(tw3, 'pause');
+ return setTimeout(function() {
+ tweener._savedTweens = [];
+ tweener._savePlayingTweens();
+ expect(tw1.pause).toHaveBeenCalled();
+ expect(tw2.pause).toHaveBeenCalled();
+ expect(tw3.pause).toHaveBeenCalled();
+ return done();
+ }, 50);
+ });
+ });
+ describe('_restorePlayingTweens method ->', function() {
+ it('should copy all _savedTweens tweens to tweens array', function() {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw2 = new Tween;
+ tw3 = new Tween;
+ tw1.play();
+ tw2.play();
+ tw3.play();
+ tweener._savePlayingTweens();
+ tweener._restorePlayingTweens();
+ expect(tweener.tweens.length).toBe(3);
+ expect(tweener.tweens[0]).toBe(tw1);
+ expect(tweener.tweens[1]).toBe(tw2);
+ return expect(tweener.tweens[2]).toBe(tw3);
+ });
+ it('should call `resume` on each tween', function() {
+ var tw1, tw2, tw3;
+ tw1 = new Tween;
+ tw1._setStartTime();
+ tw2 = new Tween;
+ tw2._setStartTime();
+ tw3 = new Tween;
+ tw3._setStartTime();
+ spyOn(tw1, 'resume');
+ spyOn(tw2, 'resume');
+ spyOn(tw3, 'resume');
+ tweener.tweens = [];
+ tweener._savedTweens = [tw1, tw2, tw3];
+ tweener._restorePlayingTweens();
+ expect(tw1.resume).toHaveBeenCalled();
+ expect(tw2.resume).toHaveBeenCalled();
+ return expect(tw3.resume).toHaveBeenCalled();
+ });
+ return it('should check for empty array before resuming', function() {
+ tweener.tweens = [];
+ return expect(function() {
+ return tweener._restorePlayingTweens();
+ }).not.toThrow();
+ });
+ });
+ return describe('_onVisibilityChange method ->', function() {
+ it('should call _savePlayingTweens if hidden', function() {
+ tweener._visibilityHidden = 'mojs-tweener-visibility-test';
+ document[tweener._visibilityHidden] = true;
+ spyOn(tweener, '_savePlayingTweens');
+ tweener._onVisibilityChange();
+ return expect(tweener._savePlayingTweens).toHaveBeenCalled();
+ });
+ return it('should call _restorePlayingTweens if visible', function() {
+ tweener._visibilityHidden = 'mojs-tweener-visibility-test';
+ document[tweener._visibilityHidden] = false;
+ spyOn(tweener, '_restorePlayingTweens');
+ tweener._onVisibilityChange();
+ return expect(tweener._restorePlayingTweens).toHaveBeenCalled();
+ });
+ });
+});
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/shapes/bit.coffee b/spec/shapes/bit.coffee
deleted file mode 100644
index 35259416d..000000000
--- a/spec/shapes/bit.coffee
+++ /dev/null
@@ -1,502 +0,0 @@
-Bit = mojs.shapesMap.getShape('bit')
-ns = 'http://www.w3.org/2000/svg'
-svg = document.createElementNS?(ns, 'svg')
-bit = new Bit ctx: svg
-h = mojs.h
-
-describe 'Bit ->', ->
- describe 'extention ->', ->
- it 'should extend Module', ->
- bit = new Bit
- expect(bit instanceof mojs.Module).toBe true
-
- describe '_defaults', ->
- it 'should have defaults', ->
- bit = new Bit
- defaults = bit._defaults
- expect(defaults[ 'ns' ]).toBe 'http://www.w3.org/2000/svg'
- expect(defaults[ 'ratio' ]).toBe 1
- expect(defaults[ 'radius' ]).toBe 50
- expect(defaults[ 'radiusX' ]).toBe null
- expect(defaults[ 'radiusY' ]).toBe null
- expect(defaults[ 'stroke' ]).toBe 'hotpink'
- expect(defaults[ 'stroke-width' ]).toBe 2
- expect(defaults[ 'stroke-opacity' ]).toBe 1
- expect(defaults[ 'fill' ]).toBe 'transparent'
- expect(defaults[ 'fill-opacity' ]).toBe 1
- expect(defaults[ 'stroke-dasharray' ]).toBe ''
- expect(defaults[ 'stroke-dashoffset' ]).toBe ''
- expect(defaults[ 'stroke-linecap' ]).toBe ''
- expect(defaults[ 'width' ]).toBe 0
- expect(defaults[ 'height' ]).toBe 0
-
- describe '_render method ->', ->
- it 'should set `_isRendered` to `true`', ->
- bit = new Bit
- bit._isRendered = false
- bit._render()
- expect(bit._isRendered).toBe true
-
- it 'should call `_createSVGCanvas` method', ->
- bit = new Bit
- bit._isRendered = false
- spyOn bit, '_createSVGCanvas'
- bit._render()
- expect(bit._createSVGCanvas).toHaveBeenCalled()
-
- it 'should `return` if `_isRendered`', ->
- bit = new Bit
- spyOn bit, '_createSVGCanvas'
- bit._render()
- expect(bit._createSVGCanvas).not.toHaveBeenCalled()
-
- it 'should call `_setCanvasSize` method', ->
- bit = new Bit
- bit._isRendered = false
- spyOn bit, '_setCanvasSize'
- bit._render()
- expect(bit._setCanvasSize).toHaveBeenCalled()
-
- it 'should append `_canvas` to the `parent`', ->
- bit = new Bit
- bit._isRendered = false
- spyOn(bit._props.parent, 'appendChild').and.callThrough()
- bit._render()
- expect(bit._props.parent.appendChild).toHaveBeenCalledWith bit._canvas
- expect(bit._canvas.parentNode).toBe bit._props.parent
-
- # nope
- # it 'should call `_draw` method', ->
- # bit = new Bit
- # bit._isRendered = false
- # spyOn bit, '_draw'
- # bit._render()
- # expect(bit._draw).toHaveBeenCalled()
-
- describe '_createSVGCanvas method ->', ->
- it 'should create _canvas', ->
- bit = new Bit
- bit._canvas = null
- bit._createSVGCanvas()
- expect(bit._canvas.tagName.toLowerCase()).toBe 'svg'
- it 'should create `el`', ->
- bit = new Bit
- bit.el = null
- bit._createSVGCanvas()
- expect(bit.el.tagName.toLowerCase()).toBe bit._props.tag
- expect(bit.el.parentNode).toBe bit._canvas
-
- describe '_setCanvasSize method ->', ->
- it 'should set size of the `_canvas`', ->
- width = 20; height = 50
- bit = new Bit width: width, height: height
- style = bit._canvas.style
- style.width = ''
- style.height = ''
- bit._setCanvasSize()
- expect( style.width ).toBe '100%'
- expect( style.width ).toBe '100%'
- expect( style.left ).toBe '0px'
- expect( style.top ).toBe '0px'
- expect( style.display ).toBe 'block'
- # old
- # describe '_render method ->', ->
- # it 'should have _render method', ->
- # expect(bit._render).toBeDefined()
- # it 'should call _render method on init', ->
- # expect(bit.isRendered).toBe(true)
- # it 'should add self to context', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg
- # expect(svg.firstChild).toBeTruthy()
- # it 'should run draw method', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg
- # spyOn bit, '_draw'
- # bit._render()
- # expect(bit._draw).toHaveBeenCalled()
- # it 'should not run draw method if isDrawLess option passed', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit
- # ctx: svg
- # isDrawLess: true
- # spyOn bit, '_draw'
- # bit._render()
- # expect(bit._draw).not.toHaveBeenCalled()
-
- # describe 'context ->', ->
- # it 'context passed should be real svg node', ->
- # b = new Bit ctx: svg, isIt: 1
- # delete b._o.ctx
- # expect(b._vars()).toBe true
- # b._o.ctx = svg
- # expect(b._vars()).not.toBeDefined()
- describe '_draw method ->', ->
- it 'should set attributes', ->
- svg = document.createElementNS?(ns, 'svg')
- bit = new Bit
- 'stroke': '#0f0'
- 'stroke-width': 3
- 'fill': '#0ff'
- 'stroke-dasharray': 100
- 'stroke-dashoffset': 50
- 'angle': 45
-
- bit._draw()
-
- stroke = bit.el.getAttribute 'stroke'
- strokeWidth = bit.el.getAttribute 'stroke-width'
- fill = bit.el.getAttribute 'fill'
- strokeArray = bit.el.getAttribute 'stroke-dasharray'
- strokeOffset = bit.el.getAttribute 'stroke-dashoffset'
- transform = bit.el.getAttribute 'transform'
- expect(stroke) .toBe '#0f0'
- expect(strokeWidth) .toBe '3'
- expect(fill) .toBe '#0ff'
- expect(strokeArray) .toBe '100'
- expect(strokeOffset) .toBe '50'
-
- it 'should save its state', ->
- svg = document.createElementNS?(ns, 'svg')
- bit = new Bit
- ctx: svg
- x: 20
- y: 20
- stroke: '#0f0'
- 'stroke-width': 3
- 'fill': '#0ff'
- 'fill-opacity': '#f0f'
- 'stroke-dasharray': 100
- 'stroke-dashoffset': 50
- 'stroke-linecap': 'round'
- 'stroke-opacity': .5
- angle: 45
- bit._draw()
- expect(bit._state['stroke']) .toBe '#0f0'
- expect(bit._state['stroke-width']) .toBe 3
- expect(bit._state['stroke-opacity']) .toBe .5
- expect(bit._state['stroke-dasharray']) .toBe 100
- expect(bit._state['stroke-dashoffset']).toBe 50
- expect(bit._state['stroke-linecap']) .toBe 'round'
- expect(bit._state['fill']) .toBe '#0ff'
- expect(bit._state['fill-opacity']) .toBe '#f0f'
- # expect(bit._state['transform']) .toBe 'rotate(45, 20, 20)'
-
- it 'should not set attribute if property not changed ->', ->
- svg = document.createElementNS?(ns, 'svg')
- bit = new Bit ctx: svg, 'stroke-width': 3
- bit._draw()
- spyOn bit.el, 'setAttribute'
- bit._draw()
- expect(bit.el.setAttribute).not.toHaveBeenCalled()
-
- it 'should set attribute if property changed ->', ->
- svg = document.createElementNS?(ns, 'svg')
- bit = new Bit ctx: svg, 'stroke-width': 3
- spyOn bit.el, 'setAttribute'
- bit._setProp 'stroke-width': 4
- bit._draw()
- expect(bit.el.setAttribute).toHaveBeenCalled()
-
- describe 'castStrokeDash method ->', ->
- it 'should not cast pixel values', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
- bit._props['stroke-dashoffset'] = { unit: 'px', value: 100 }
- bit.castStrokeDash 'stroke-dashoffset'
- expect(bit._props['stroke-dashoffset']).toBe 100
- it 'should cast % values', ->
- bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- radius: 100
- bit._draw()
- bit._props['stroke-dashoffset'] = { unit: '%', value: 100 }
- bit.castStrokeDash 'stroke-dashoffset'
- expect(bit._props['stroke-dashoffset']).toBe bit._props.length
-
- it 'should not set 0 value >> ff issue fix', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
-
- bit._props['stroke-dasharray'] = { unit: 'px', value: 0 }
- bit.castStrokeDash 'stroke-dasharray'
- expect(bit._props['stroke-dasharray']).toBe ''
-
- it 'should not set 0 value >> ff issue fix #2', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
-
- bit._props['stroke-dasharray'] = [{ unit: 'px', value: 0 }]
- bit.castStrokeDash 'stroke-dasharray'
- expect(bit._props['stroke-dasharray']).toBe ''
-
- describe 'stroke-dash value setting ->', ->
- it 'should set the property from an array', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
- bit._setProp 'stroke-dasharray', [{ value: 100, unit: 'px' }]
- bit._draw()
- expect(bit._props['stroke-dasharray']).toBe '100 '
-
- it 'should cast % values', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
- bit._draw()
- bit._setProp 'stroke-dasharray', [
- { value: 100, unit: 'px' }, { value: 50, unit: '%' }
- ]
- bit._draw()
- dash = (bit._props.length/100)*50
- expect(bit._props['stroke-dasharray']).toBe "100 #{dash} "
-
- it 'should cast % single values', ->
- bit = new Bit
- ctx: document.createElementNS ns, 'svg'
- radius: 100
- bit._setProp 'stroke-dasharray', { value: 25, unit: '%' }
- bit._draw()
- dash = (bit._props.length/100)*25
- expect(bit._props['stroke-dasharray']).toBe dash
-
- describe 'castPercent method ->', ->
- it 'should cast % values to pixels', ->
- bit = new Bit radius: 100
- bit._draw()
- pixels = bit.castPercent 50
- expect(pixels).toBe (bit._props.length/100) * 50
-
-
- describe 'setSize method ->', ->
- it 'should set width and height of the module', ->
- bit = new Bit radius: 100
- bit._setSize 200, 100
-
- p = bit._props
- expect( p.width ).toBe 200
- expect( p.height ).toBe 100
-
- it 'should call _draw method', ->
- bit = new Bit radius: 100
-
- spyOn bit, '_draw'
- bit._setSize 200, 100
- expect( bit._draw ).toHaveBeenCalled()
-
-
-
-
-
-
-
-
-
-
-
-
- # old
- # describe 'setAttrsIfChanged method ->', ->
- # it 'should not set attribute if property not changed ->', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg, 'stroke-width': 3
- # spyOn bit.el, 'setAttribute'
- # bit._props['stroke-width'] = 3
- # bit.setAttrsIfChanged 'stroke-width': 3
- # expect(bit.el.setAttribute).not.toHaveBeenCalled()
-
- # it 'should set attribute if property changed ->', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg, 'stroke-width', 3
- # spyOn bit.el, 'setAttribute'
- # # bit._props['stroke-width'] = 4
- # bit.setAttrsIfChanged 'stroke-width': 4
- # expect(bit.el.setAttribute).toHaveBeenCalled()
-
- # it 'should save the current value to state if changed ->', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg, 'stroke-width', 2
- # # bit._props['stroke-width'] = 30
- # bit.setAttrsIfChanged 'stroke-width': 30
- # expect(bit._state['stroke-width']).toBe 30
-
- # # old
- # # it 'should recieve value to set ->', ->
- # # svg = document.createElementNS?(ns, 'svg')
- # # bit = new Bit ctx: svg, radius: 20
- # # bit.setAttrsIfChanged 'radius', 30
- # # expect(bit._state['radius']).toBe 30
-
- # it 'should work with values hash ->', ->
- # svg = document.createElementNS?(ns, 'svg')
- # bit = new Bit ctx: svg, radius: 20
- # bit.setAttrsIfChanged radius: 30, stroke: 'orange'
- # expect(bit._state['radius']).toBe 30
- # expect(bit._state['stroke']).toBe 'orange'
- # # expect(bit.el.getAttribute('rx')) .toBe 30
- # # expect(bit.el.getAttribute('stroke')).toBe 'orange'
-
- # # old
- # # describe 'setProp method ->', ->
- # # it 'should set properties ->', ->
- # # bit = new Bit
- # # ctx: svg
- # # stroke: '#0f0'
-
- # # bit._setProp 'stroke', '#ff0000'
- # # expect(bit._props.stroke).toBe '#ff0000'
-
- # # it 'should set multiple properties ->', ->
- # # bit = new Bit
- # # ctx: svg
- # # stroke: '#0f0'
-
- # # bit._setProp
- # # stroke: '#ff0000'
- # # fill: '#0000ff'
- # # expect(bit._props.stroke) .toBe '#ff0000'
- # # expect(bit._props.fill) .toBe '#0000ff'
- # old
- # describe 'setAttr method ->', ->
- # it 'should have setAttr method', ->
- # expect(bit.setAttr).toBeDefined()
- # it 'should set attribute on element', ->
- # bit.el = document.createElementNS?(ns, "line")
- # bit.setAttr 'stroke', '#ff00ff'
- # expect(bit.el.getAttribute('stroke')).toBe '#ff00ff'
- # it 'should set multiple attributes on element', ->
- # bit.el = document.createElementNS?(ns, "circle")
- # bit.setAttr
- # stroke: '#f0f'
- # fill: '#0f0'
- # expect(bit.el.getAttribute('stroke')).toBe '#f0f'
- # expect(bit.el.getAttribute('fill')).toBe '#0f0'
- # # 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'
- # describe 'defaults and options', ->
- # it 'should have defaults object', ->
- # expect(bit._defaults).toBeDefined()
- # it 'should have state object', ->
- # expect(bit._state).toBeDefined()
- # it 'should have _drawMap object', ->
- # expect(bit._drawMap).toBeDefined()
- # expect(bit._drawMapLength).toBeDefined()
- # it 'should have options object', ->
- # expect(bit._o).toBeDefined()
- # it 'should have ratio', ->
- # expect(bit._defaults.ratio).toBeDefined()
- # it 'should have dafaults', ->
- # svg = document.createElementNS?(ns, "svg")
- # bit = new Bit ctx: svg
- # expect(bit._props.radius).toBe(50)
- # # nope
- # # it 'should have extendDefaults method', ->
- # # bit = new Bit
- # # ctx: svg
- # # radius: 45
- # # expect(bit.extendDefaults).toBeDefined()
- # # expect(-> bit.extendDefaults()).not.toThrow()
- # # nope
- # # it 'should extend defaults object to properties', ->
- # # bit = new Bit
- # # ctx: svg
- # # radius: 45
- # # 'stroke-width': 5
- # # expect(bit._props.radius).toBe(45)
- # # expect(bit._props['stroke-width']).toBe(5)
- # # nope
- # # it 'should work with 0 values', ->
- # # bit = new Bit
- # # ctx: svg
- # # radius: 45
- # # 'stroke-width': 5
- # # points: 0
- # # expect(bit._props.points).toBe 0
- # it 'should have namespace object', ->
- # expect(bit._defaults.ns).toBe 'http://www.w3.org/2000/svg'
- # it 'should have shape object', ->
- # expect(bit._defaults.shape).toBeDefined()
- # # nope
- # # describe 'calculations', ->
- # # it 'should calculate transform object', ->
- # # bit = new Bit
- # # ctx: svg
- # # angle: 90
- # # expect(bit._props.transform).toBe('rotate(90, 0, 0)')
- # # expect(bit.calcTransform).toBeDefined()
-
- # describe 'foreign el ->', ->
- # it 'should recieve foreign el', ->
- # el = document.createElementNS ns, 'rect'
- # svg.appendChild el
- # bit = new Bit el: el
- # expect(bit.el).toBe el
-
- # it 'should set isForeign flag', ->
- # el = document.createElementNS ns, 'rect'
- # svg.appendChild el
- # bit = new Bit el: el
- # expect(bit.isForeign).toBe true
-
- # describe '_getLength method ->', ->
- # it 'should calculate total length of the path', ->
- # bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- # radius: 100
- # expect(bit._getLength()).toBe 200
-
- # it 'should if el has getTotalLength method, it should use it', ->
- # path = document.createElementNS ns, 'path'
- # path.setAttribute 'd', 'M0,0 L100,100'
- # bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- # radius: 100
- # el: path
- # expect(bit._getLength()).toBe path.getTotalLength()
-
- # it 'should should call getTotalLength on path only if d attr was set', ->
- # path = document.createElementNS ns, 'path'
- # # path.setAttribute 'd', 'M0,0 L100,100'
- # bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- # radius: 100
- # el: path
- # spyOn path, 'getTotalLength'
- # bit._getLength()
- # expect(path.getTotalLength).not.toHaveBeenCalled()
-
- # describe 'length tracking ->', ->
- # it 'should track self length', ->
- # bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- # radius: 100
- # expect(bit._props.length).toBe 200
-
- # it 'should call _getLength method', ->
- # bit = new Bit
- # ctx: document.createElementNS ns, 'svg'
- # radius: 100
- # spyOn bit, '_getLength'
- # bit._setProp 'radius', 200
- # bit._draw()
- # expect(bit._getLength).toHaveBeenCalled()
-
- # # 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
- # #
- # # bit.setAttrsIfChanged 'radius', 100
- # # bit._draw()
- # # spyOn bit, '_getLength'
- # # bit.setAttrsIfChanged 'radius', 100
- # # bit._draw()
- # # expect(bit._getLength).not.toHaveBeenCalled()
diff --git a/spec/shapes/bit.coffee.html b/spec/shapes/bit.coffee.html
deleted file mode 100644
index e511b57f0..000000000
--- a/spec/shapes/bit.coffee.html
+++ /dev/null
@@ -1,464 +0,0 @@
-
-
-
-
-
-
- ../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'
-