@splidejs/splide/src/js/utils/dom/addClass/addClass.test.ts

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

import { addClass } from './addClass';


describe( 'addClass', () => {
  beforeEach( () => {
    document.body.innerHTML = '<div id="container"></div>';
  } );

  test( 'can add a class to the element.', () => {
    const container = document.getElementById( 'container' );
    addClass( container, 'active' );
    expect( container.classList.contains( 'active' ) ).toBe( true );
  } );

  test( 'can add classes to the element.', () => {
    const container = document.getElementById( 'container' );

    addClass( container, [ 'active', 'visible' ] );

    expect( container.classList.contains( 'active' ) ).toBe( true );
    expect( container.classList.contains( 'visible' ) ).toBe( true );
  } );
} );