@splidejs/splide/src/js/components/Layout/test/rtl.test.ts

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

import { RTL } from '../../../constants/directions';
import { init } from '../../../test';


describe( 'Layout in the RTL mode', () => {
  test( 'can set margin as a gap.', () => {
    const splide = init( { direction: RTL, gap: '2rem' } );

    expect( splide.Components.Elements.slides[ 0 ].style.marginLeft ).toBe( '2rem' );
    expect( splide.Components.Elements.slides[ 1 ].style.marginLeft ).toBe( '2rem' );
    splide.destroy();
  } );
} );