hotwire-animate/resetAnimationClasses.test.js at main · Project-X-Repo/hotwire-animate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const { resetAnimationClasses } = require('./index')

describe('#resetAnimationClasses', () => {
  let element

  beforeEach(() => {
    element = document.createElement('div')
  })

  test("removes 'animate_' class", () => {
    element.setAttribute('class', 'animate__test')
    expect(element.classList.contains('animate__test')).toBeTruthy()

    resetAnimationClasses(element)
    expect(element.classList.contains('animate__test')).toBeFalsy()
  })

  test("removes all 'animate_' classes", () => {
    element.setAttribute('class', 'animate__test animate__another-test')

    resetAnimationClasses(element)
    expect(element.classList.contains('animate__test')).toBeFalsy()
    expect(element.classList.contains('animate__another-test')).toBeFalsy()
  })

  test("removes all 'animate_' classes except 'animate__animated'", () => {
    element.setAttribute('class', 'animate__animated animate__test')

    resetAnimationClasses(element)
    expect(element.classList.contains('animate__test')).toBeFalsy()
    expect(element.classList.contains('animate__animated')).toBeTruthy()
  })
})