|
1
|
|
|
import { Animation } from '../../../controls'; |
|
2
|
|
|
|
|
3
|
|
|
describe( 'Animation Control', function() { |
|
4
|
|
|
let $target = $( '<div data-wow-duration="1.5s" data-wow-delay="0s">' ), |
|
5
|
|
|
animationControl = new Animation( { target: $target } ), |
|
6
|
|
|
$control = animationControl.render(); |
|
7
|
|
|
|
|
8
|
|
|
it( 'creates html', function() { |
|
9
|
|
|
expect( !! $control.html().length ).toEqual( true ); |
|
10
|
|
|
} ); |
|
11
|
|
|
|
|
12
|
|
|
it( 'adds animation classes', function() { |
|
13
|
|
|
$control.find( 'select' ).val( 'fadeOut' ).change(); |
|
14
|
|
|
expect( $target.hasClass( 'wow' ) ).toEqual( true ); |
|
15
|
|
|
} ); |
|
16
|
|
|
|
|
17
|
|
|
it( 'presets sliders', function() { |
|
18
|
|
|
expect( animationControl.delayControl.$input.val() ).toEqual( '0' ); |
|
19
|
|
|
expect( animationControl.durationControl.$input.val() ).toEqual( '1.5' ); |
|
20
|
|
|
} ); |
|
21
|
|
|
|
|
22
|
|
|
it( 'presets type', () => { |
|
23
|
|
|
let $target = $( '<div class="wow fadeIn">' ), |
|
24
|
|
|
animationControl = new Animation( { target: $target } ), |
|
25
|
|
|
$control = animationControl.render(); |
|
|
|
|
|
|
26
|
|
|
|
|
27
|
|
|
expect( animationControl.$typeControl.val() ).toEqual( 'fadeIn' ); |
|
28
|
|
|
} ); |
|
29
|
|
|
|
|
30
|
|
|
it( 'works without presets', function() { |
|
31
|
|
|
let $target = $( '<div>' ), |
|
32
|
|
|
animationControl = new Animation( { target: $target } ), |
|
33
|
|
|
$control = animationControl.render(); |
|
|
|
|
|
|
34
|
|
|
|
|
35
|
|
|
expect( animationControl.$typeControl.val() ).toEqual( '' ); |
|
36
|
|
|
expect( animationControl.delayControl.$input.val() ).toEqual( '1' ); |
|
37
|
|
|
expect( animationControl.durationControl.$input.val() ).toEqual( '1' ); |
|
38
|
|
|
} ); |
|
39
|
|
|
|
|
40
|
|
|
} ); |
|
41
|
|
|
|
BoldGrid /
controls
Loading history...