Tiny File Manager

Back Back Up Advanced Editor

import { fire, init } from '../../../test';

describe( 'Wheel', () => {
  test( 'can navigate the slider by the mouse wheel.', () => {
    const splide = init( { speed: 0, wheel: true } );
    const { track } = splide.Components.Elements;

fireCancelable( track, 'wheel', { deltaY: 100 } );
    expect( splide.index ).toBe( 1 );

fireCancelable( track, 'wheel', { deltaY: 100 } );
    expect( splide.index ).toBe( 2 );

fireCancelable( track, 'wheel', { deltaY: 100 } );
    expect( splide.index ).toBe( 3 );

fireCancelable( track, 'wheel', { deltaY: -100 } );
    expect( splide.index ).toBe( 2 );

fireCancelable( track, 'wheel', { deltaY: -100 } );
    expect( splide.index ).toBe( 1 );

fireCancelable( track, 'wheel', { deltaY: -100 } );
    expect( splide.index ).toBe( 0 );
  } );

test( 'should be inactive if the `wheel` option is falsy.', () => {
    const splide = init( { speed: 0, wheel: false } );
    const { track } = splide.Components.Elements;

fireCancelable( track, 'wheel', { deltaY: 100 } );
    expect( splide.index ).toBe( 0 );

fireCancelable( track, 'wheel', { deltaY: 100 } );
    expect( splide.index ).toBe( 0 );
  } );
} );

export function fireCancelable( elm: Element | Window, event: string, data: any = {} ): void {
  fire( elm, event, data, { cancelable: true } );
}