Function init

src/js/test/utils/utils.ts:35–98

( options: Options = {}, args: InitArgs = {} )

 * @return A created Splide instance.
 */
export function init( options: Options = {}, args: InitArgs = {} ): Splide {
  const { width = SLIDER_WIDTH, height = 0 } = options;
  const {
    id,
    length = 10,
    arrows,
    autoplay,
    progress,
    mount  = true,
    html,
    src,
    dataSrc,
    dataSrcset,
    json,
    insertHtml,
    dataInterval,
  } = args;

  const slideWidth  = +width / ( options.perPage || 1 );
  const slideHeight = +height / ( options.perPage || 1 );
  const innerHtml   = html
    || buildHtml( { length, arrows, autoplay, progress, src, dataSrc, dataSrcset, json, id, dataInterval } );

  if ( insertHtml ) {
    if ( ! document.body.innerHTML ) {
      throw new Error( 'Invalid usage.' );
    }

    document.body.insertAdjacentHTML( 'beforeend', innerHtml );
  } else {
    document.head.innerHTML = '';
    document.body.innerHTML = innerHtml;
  }

  const root   = id ? document.getElementById( id ) : document.querySelector( `.${ CLASS_ROOT }` );
  const track  = root.querySelector( `.${ CLASS_TRACK }` );
  const list   = root.querySelector<HTMLElement>( `.${ CLASS_LIST }` );
  const slides = root.querySelectorAll<HTMLElement>( `.${ CLASS_SLIDE }` );

  root.getBoundingClientRect = (): DOMRect => {
    return assign( {}, DOM_RECT, { width: +width } );
  };

  track.getBoundingClientRect = (): DOMRect => {
    return assign( {}, DOM_RECT, { width: +width, right: +width } );
  };

  list.getBoundingClientRect = (): DOMRect => {
    return assign( {}, DOM_RECT, {
      width: +width,
      ...parseTransform( list ),
    } );
  };

  setSlidesRect( Array.from( slides ), list, slideWidth, slideHeight );

  const splide = new Splide( root as HTMLElement, options );