File "general.test.ts"

Full path: /home/fsibplc/public_html/sommilito-bank2/splide-4.1.3/src/js/constructors/EventInterface/test/general.test.ts
File size: 3.47 B (3.47 KB bytes)
MIME-type: text/x-java
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

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


describe( 'EventInterface', () => {
  const splide = init( { speed: 0 } );

  test( 'can provide `on` to listen to internal events and lock listeners.', () => {
    const { on } = EventInterface( splide );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    on( 'mounted', callback1 );
    on( 'moved', callback2 );

    splide.emit( 'mounted' );
    splide.emit( 'moved' );

    expect( callback1 ).toHaveBeenCalledTimes( 1 );
    expect( callback2 ).toHaveBeenCalledTimes( 1 );

    // Handlers should not be removed by `off()`.
    splide.off( 'mounted' );
    splide.off( 'moved' );

    splide.emit( 'mounted' );
    splide.emit( 'moved' );

    expect( callback1 ).toHaveBeenCalledTimes( 2 );
    expect( callback2 ).toHaveBeenCalledTimes( 2 );
  } );

  test( 'can receive arguments passed by `emit`.', () => {
    const { on } = EventInterface( splide );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    const array  = [ 1, 2 ];
    const object = { a: 1, b: 2 };

    on( 'myEvent1', callback1 );
    on( 'myEvent2', callback2 );

    splide.emit( 'myEvent1', 1, 2, 3 );
    splide.emit( 'myEvent2', array, object, Infinity );

    expect( callback1 ).toHaveBeenCalledWith( 1, 2, 3 );
    expect( callback2 ).toHaveBeenCalledWith( array, object, Infinity );
  } );

  test( 'can provide `off` to remove locked listeners.', () => {
    const { on, off } = EventInterface( splide );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    on( 'mounted', callback1 );
    on( 'moved', callback2 );

    splide.emit( 'mounted' );
    splide.emit( 'moved' );

    expect( callback1 ).toHaveBeenCalledTimes( 1 );
    expect( callback2 ).toHaveBeenCalledTimes( 1 );

    // `off()` can remove handlers registered by `on()`.
    off( 'mounted' );
    off( 'moved' );

    splide.emit( 'mounted' );
    splide.emit( 'moved' );

    expect( callback1 ).toHaveBeenCalledTimes( 1 );
    expect( callback2 ).toHaveBeenCalledTimes( 1 );
  } );

  test( 'can provide `bind` to listen to native events.', () => {
    const { bind } = EventInterface( splide );
    const div = document.createElement( 'div' );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    bind( window, 'resize', callback1 );
    bind( div, 'click', callback2 );

    fire( window, 'resize' );
    fire( div, 'click' );

    expect( callback1 ).toHaveBeenCalledTimes( 1 );
    expect( callback2 ).toHaveBeenCalledTimes( 1 );
  } );

  test( 'can provide `unbind` to remove listeners.', () => {
    const { bind, unbind } = EventInterface( splide );
    const div = document.createElement( 'div' );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    bind( window, 'resize', callback1 );
    bind( div, 'click', callback2 );

    unbind( window, 'resize' );
    unbind( div, 'click' );

    fire( window, 'resize' );
    fire( div, 'click' );

    expect( callback1 ).not.toHaveBeenCalled();
    expect( callback2 ).not.toHaveBeenCalled();
  } );

  test( 'can remove all listeners when the splide is destroyed.', () => {
    const { on, bind } = EventInterface( splide );
    const callback1 = jest.fn();
    const callback2 = jest.fn();

    bind( window, 'resize', callback1 );
    on( 'moved', callback2 );

    splide.destroy();

    fire( window, 'resize' );
    splide.emit( 'moved' );

    expect( callback1 ).not.toHaveBeenCalled();
    expect( callback2 ).not.toHaveBeenCalled();
  } );
} );