@glidejs/glide/tests/functional/autoplay.test.js

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

import html from '../fixtures/html'
import { query } from '../fixtures/query'
import { afterTransition } from '../fixtures/transition'

import defaults from '../../src/defaults'
import Glide from '../../entry/entry-complete'

describe('Glide initialized with `autoplay`', () => {
  beforeEach(() => {
    document.body.innerHTML = html
  })

  test('as `Number` should move to the next slide after defined interval', (done) => {
    let { slides } = query(document)

    let glide = new Glide('#glide', { autoplay: 500 }).mount()

    setTimeout(() => {
      afterTransition(() => {
        expect(glide.index).toBe(1)
        expect(slides[0].classList.contains(defaults.classes.slide.active)).toBe(false)
        expect(slides[1].classList.contains(defaults.classes.slide.active)).toBe(true)

        done()
      })
    }, 500)
  })

  test('as `false` should not move to the next slide', (done) => {
    let { slides } = query(document)

    let glide = new Glide('#glide', { autoplay: false }).mount()

    setTimeout(() => {
      afterTransition(() => {
        expect(glide.index).toBe(0)
        expect(slides[0].classList.contains(defaults.classes.slide.active)).toBe(true)
        expect(slides[1].classList.contains(defaults.classes.slide.active)).toBe(false)

        done()
      })
    }, 500)
  })
})