@glidejs/glide/tests/functional/update.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 defaults from '../../src/defaults'
import Glide from '../../entry/entry-complete'

describe('Calling `update()` method with', () => {
  beforeEach(() => {
    document.body.innerHTML = html
  })

  test('new options should extend previous settings', () => {
    let options = {
      startAt: 1,
      focusAt: 1,
      perView: 2
    }

    let glide = new Glide('#glide', { startAt: 0 }).mount()

    glide.update(options)

    expect(glide.settings).toEqual(Object.assign(defaults, options))
  })

  test('new `startAt` option should change active slide', () => {
    let { slides } = query(document)

    let glide = new Glide('#glide', { startAt: 0 }).mount()

    glide.update({ startAt: 1 })

    expect(glide.index).toBe(1)
    expect(slides[1].classList.contains(defaults.classes.slide.active)).toBe(true)
  })

  test('additional slide should be updated', () => {
    let { wrapper } = query(document)
    let newSlide = document.createElement('li')
    newSlide.className = 'glide__slide'
    newSlide.innerHTML = 0

    let glide = new Glide('#glide', { startAt: 0 }).mount()

    wrapper.append(newSlide)
    glide.update()

    expect(newSlide.style.width).toBeTruthy()
  })
})