@splidejs/splide/src/js/components/Wheel/test/inertia.test.ts

Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.

import { init } from '../../../test';
import { fireCancelable } from './general.test';


describe( 'Wheel', () => {
  test( 'should move the slider only when the delta is greater than the min threshold.', () => {
    const splide = init( { speed: 0, wheel: true, wheelMinThreshold: 50 } );
    const { track } = splide.Components.Elements;

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

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

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

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

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

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

  test( 'should not move the slider while the wheel component is sleeping.', () => {
    const splide = init( { speed: 0, wheel: true, wheelSleep: 500 } );
    const { track } = splide.Components.Elements;

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

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

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

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