@splidejs/splide/src/js/constructors/EventBinder/test/destroy.test.ts

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

import { fire } from '../../../test';
import { EventBinder } from '../EventBinder';


describe( 'EventBinder#destroy()', () => {
  const div = document.createElement( 'div' );

  test( 'can remove all listeners.', () => {
    const { bind, destroy } = EventBinder();
    const callback1 = jest.fn();
    const callback2 = jest.fn();

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

    destroy();

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

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

  test( 'should not remove listeners bound by other binders.', () => {
    const binder1 = EventBinder();
    const binder2 = EventBinder();
    const binder3 = EventBinder();

    const binder1Callback = jest.fn();
    const binder2Callback = jest.fn();
    const binder3Callback = jest.fn();

    binder1.bind( div, 'click', binder1Callback );
    binder2.bind( div, 'click', binder2Callback );
    binder3.bind( div, 'click', binder3Callback );

    binder2.destroy();

    fire( div, 'click' );

    expect( binder1Callback ).toHaveBeenCalled();
    expect( binder2Callback ).not.toHaveBeenCalled();
    expect( binder3Callback ).toHaveBeenCalled();
  } );
} );