@tabler/core 1.5.1 → 1.6.0

package/js/tests/unit/util/backdrop.spec.ts

@@ -1,213 +0,0 @@
-import { describe, it, expect, beforeAll, afterEach } from 'vitest'
-import Backdrop from '../../../src/bootstrap/util/backdrop'
-import { clearFixture, getFixture } from '../../helpers/fixture'
-
-const CLASS_BACKDROP = '.modal-backdrop'
-const CLASS_NAME_FADE = 'fade'
-const CLASS_NAME_SHOW = 'show'
-
-describe('Backdrop', () => {
-  let fixtureEl: HTMLElement
-
-  beforeAll(() => {
-    fixtureEl = getFixture()
-  })
-
-  afterEach(() => {
-    clearFixture()
-    for (const el of document.querySelectorAll(CLASS_BACKDROP)) {
-      el.remove()
-    }
-  })
-
-  describe('show', () => {
-    it('should append the backdrop and include the "show" class', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, isAnimated: false })
-        const getElements = () => document.querySelectorAll(CLASS_BACKDROP)
-
-        expect(getElements()).toHaveLength(0)
-
-        instance.show()
-        instance.show(() => {
-          expect(getElements()).toHaveLength(1)
-          for (const el of getElements()) {
-            expect(el.classList.contains(CLASS_NAME_SHOW)).toBe(true)
-          }
-
-          resolve()
-        })
-      })
-    })
-
-    it('should not append the backdrop if not visible', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: false, isAnimated: true })
-        const getElements = () => document.querySelectorAll(CLASS_BACKDROP)
-
-        expect(getElements()).toHaveLength(0)
-        instance.show(() => {
-          expect(getElements()).toHaveLength(0)
-          resolve()
-        })
-      })
-    })
-
-    it('should include the "fade" class if animated', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, isAnimated: true })
-        const getElements = () => document.querySelectorAll(CLASS_BACKDROP)
-
-        expect(getElements()).toHaveLength(0)
-        instance.show(() => {
-          expect(getElements()).toHaveLength(1)
-          for (const el of getElements()) {
-            expect(el.classList.contains(CLASS_NAME_FADE)).toBe(true)
-          }
-
-          resolve()
-        })
-      })
-    })
-  })
-
-  describe('hide', () => {
-    it('should remove the backdrop html', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, isAnimated: true })
-        const getElements = () => document.body.querySelectorAll(CLASS_BACKDROP)
-
-        expect(getElements()).toHaveLength(0)
-        instance.show(() => {
-          expect(getElements()).toHaveLength(1)
-          instance.hide(() => {
-            expect(getElements()).toHaveLength(0)
-            resolve()
-          })
-        })
-      })
-    })
-
-    it('should remove the "show" class', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, isAnimated: true })
-        const elem = instance._getElement()
-
-        instance.show()
-        instance.hide(() => {
-          expect(elem.classList.contains(CLASS_NAME_SHOW)).toBe(false)
-          resolve()
-        })
-      })
-    })
-
-    it('should not try to remove if not visible', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: false, isAnimated: true })
-        const getElements = () => document.querySelectorAll(CLASS_BACKDROP)
-
-        expect(getElements()).toHaveLength(0)
-        expect(instance._isAppended).toBe(false)
-        instance.show(() => {
-          instance.hide(() => {
-            expect(getElements()).toHaveLength(0)
-            expect(instance._isAppended).toBe(false)
-            resolve()
-          })
-        })
-      })
-    })
-  })
-
-  describe('click callback', () => {
-    it('should execute callback on click', () => {
-      return new Promise<void>((resolve) => {
-        let called = false
-        const instance = new Backdrop({
-          isVisible: true,
-          isAnimated: false,
-          clickCallback: () => {
-            called = true
-          },
-        })
-
-        instance.show(() => {
-          const clickEvent = new Event('mousedown', { bubbles: true, cancelable: true })
-          document.querySelector(CLASS_BACKDROP)!.dispatchEvent(clickEvent)
-          setTimeout(() => {
-            expect(called).toBe(true)
-            resolve()
-          }, 10)
-        })
-      })
-    })
-  })
-
-  describe('Config', () => {
-    it('should be appended on document.body by default', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true })
-        instance.show(() => {
-          expect(document.querySelector(CLASS_BACKDROP)!.parentElement).toBe(document.body)
-          resolve()
-        })
-      })
-    })
-
-    it('should find rootElement if passed as a string', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, rootElement: 'body' })
-        instance.show(() => {
-          expect(document.querySelector(CLASS_BACKDROP)!.parentElement).toBe(document.body)
-          resolve()
-        })
-      })
-    })
-
-    it('should be appended on custom rootElement', () => {
-      return new Promise<void>((resolve) => {
-        fixtureEl.innerHTML = '<div id="wrapper"></div>'
-        const wrapper = fixtureEl.querySelector('#wrapper')!
-
-        const instance = new Backdrop({ isVisible: true, rootElement: wrapper })
-        instance.show(() => {
-          expect(document.querySelector(CLASS_BACKDROP)!.parentElement).toBe(wrapper)
-          resolve()
-        })
-      })
-    })
-
-    it('should allow configuring className', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, className: 'foo' })
-        instance.show(() => {
-          expect(document.querySelector('.foo')).toBe(instance._getElement())
-          instance.dispose()
-          resolve()
-        })
-      })
-    })
-  })
-
-  describe('dispose', () => {
-    it('should do nothing if not appended', () => {
-      const instance = new Backdrop({ isVisible: true, isAnimated: false })
-      expect(instance._isAppended).toBe(false)
-      instance.dispose()
-      expect(instance._isAppended).toBe(false)
-    })
-
-    it('should remove element and reset _isAppended after show', () => {
-      return new Promise<void>((resolve) => {
-        const instance = new Backdrop({ isVisible: true, isAnimated: false })
-        instance.show(() => {
-          expect(instance._isAppended).toBe(true)
-          instance.dispose()
-          expect(instance._isAppended).toBe(false)
-          expect(document.querySelectorAll(CLASS_BACKDROP)).toHaveLength(0)
-          resolve()
-        })
-      })
-    })
-  })
-})

package/js/tests/unit/util/component-functions.spec.ts

@@ -1,88 +0,0 @@
-import { describe, it, expect, beforeAll, afterEach, vi } from 'vitest'
-import BaseComponent from '../../../src/bootstrap/base-component'
-import { enableDismissTrigger } from '../../../src/bootstrap/util/component-functions'
-import { clearFixture, createEvent, getFixture } from '../../helpers/fixture'
-
-class DummyClass extends BaseComponent {
-  static get NAME(): string {
-    return 'test'
-  }
-
-  hide() {
-    return true
-  }
-
-  testMethod() {
-    return true
-  }
-}
-
-describe('Component Functions', () => {
-  let fixtureEl: HTMLElement
-
-  beforeAll(() => {
-    fixtureEl = getFixture()
-  })
-
-  afterEach(() => {
-    clearFixture()
-  })
-
-  describe('data-bs-dismiss', () => {
-    it('should get plugin and execute given method on click', () => {
-      fixtureEl.innerHTML = ['<div id="foo" class="test">', '  <button type="button" data-bs-dismiss="test" data-bs-target="#foo"></button>', '</div>'].join('')
-
-      const spyGet = vi.spyOn(DummyClass, 'getOrCreateInstance')
-      const spyTest = vi.spyOn(DummyClass.prototype, 'testMethod')
-
-      enableDismissTrigger(DummyClass, 'testMethod')
-      fixtureEl.querySelector('[data-bs-dismiss="test"]')!.dispatchEvent(createEvent('click'))
-
-      expect(spyGet).toHaveBeenCalled()
-      expect(spyTest).toHaveBeenCalled()
-
-      vi.restoreAllMocks()
-    })
-
-    it('should use closest class when no data-bs-target', () => {
-      fixtureEl.innerHTML = ['<div id="foo" class="test">', '  <button type="button" data-bs-dismiss="test"></button>', '</div>'].join('')
-
-      const spyGet = vi.spyOn(DummyClass, 'getOrCreateInstance')
-      const spyHide = vi.spyOn(DummyClass.prototype, 'hide')
-
-      enableDismissTrigger(DummyClass)
-      fixtureEl.querySelector('[data-bs-dismiss="test"]')!.dispatchEvent(createEvent('click'))
-
-      expect(spyGet).toHaveBeenCalled()
-      expect(spyHide).toHaveBeenCalled()
-
-      vi.restoreAllMocks()
-    })
-
-    it('should not trigger if disabled', () => {
-      fixtureEl.innerHTML = ['<div id="foo" class="test">', '  <button type="button" disabled data-bs-dismiss="test"></button>', '</div>'].join('')
-
-      const spy = vi.spyOn(DummyClass, 'getOrCreateInstance')
-
-      enableDismissTrigger(DummyClass)
-      fixtureEl.querySelector('[data-bs-dismiss="test"]')!.dispatchEvent(createEvent('click'))
-
-      expect(spy).not.toHaveBeenCalled()
-
-      vi.restoreAllMocks()
-    })
-
-    it('should preventDefault for <a> elements', () => {
-      fixtureEl.innerHTML = ['<div id="foo" class="test">', '  <a type="button" data-bs-dismiss="test"></a>', '</div>'].join('')
-
-      enableDismissTrigger(DummyClass)
-      const preventSpy = vi.spyOn(Event.prototype, 'preventDefault')
-
-      fixtureEl.querySelector('[data-bs-dismiss="test"]')!.dispatchEvent(createEvent('click'))
-
-      expect(preventSpy).toHaveBeenCalled()
-
-      vi.restoreAllMocks()
-    })
-  })
-})

package/js/tests/unit/util/config.spec.ts

@@ -1,150 +0,0 @@
-import { describe, it, expect, beforeAll, afterEach, vi } from 'vitest'
-import Config from '../../../src/bootstrap/util/config'
-import { clearFixture, getFixture } from '../../helpers/fixture'
-
-class DummyConfigClass extends Config {
-  static get NAME(): string {
-    return 'dummy'
-  }
-}
-
-describe('Config', () => {
-  let fixtureEl: HTMLElement
-
-  beforeAll(() => {
-    fixtureEl = getFixture()
-  })
-
-  afterEach(() => {
-    clearFixture()
-  })
-
-  describe('NAME', () => {
-    it('should return plugin NAME', () => {
-      expect(DummyConfigClass.NAME).toBe('dummy')
-    })
-  })
-
-  describe('Default', () => {
-    it('should return plugin defaults', () => {
-      expect(typeof DummyConfigClass.Default).toBe('object')
-    })
-  })
-
-  describe('DefaultType', () => {
-    it('should return plugin default type', () => {
-      expect(typeof DummyConfigClass.DefaultType).toBe('object')
-    })
-  })
-
-  describe('mergeConfigObj', () => {
-    it('should parse data attributes and merge with defaults, data attributes excel defaults', () => {
-      fixtureEl.innerHTML = '<div id="test" data-bs-test-bool="false" data-bs-test-int="8" data-bs-test-string1="bar"></div>'
-
-      vi.spyOn(DummyConfigClass, 'Default', 'get').mockReturnValue({
-        testBool: true,
-        testString: 'foo',
-        testString1: 'foo',
-        testInt: 7,
-      })
-
-      const instance = new DummyConfigClass()
-      const result = instance._mergeConfigObj({}, fixtureEl.querySelector('#test')!)
-
-      expect(result.testBool).toBe(false)
-      expect(result.testString).toBe('foo')
-      expect(result.testString1).toBe('bar')
-      expect(result.testInt).toBe(8)
-
-      vi.restoreAllMocks()
-    })
-
-    it('should let programmatic config excel data attributes', () => {
-      fixtureEl.innerHTML = '<div id="test" data-bs-test-bool="false" data-bs-test-int="8" data-bs-test-string-1="bar"></div>'
-
-      vi.spyOn(DummyConfigClass, 'Default', 'get').mockReturnValue({
-        testBool: true,
-        testString: 'foo',
-        testString1: 'foo',
-        testInt: 7,
-      })
-
-      const instance = new DummyConfigClass()
-      const result = instance._mergeConfigObj(
-        {
-          testString1: 'test',
-          testInt: 3,
-        },
-        fixtureEl.querySelector('#test')!,
-      )
-
-      expect(result.testBool).toBe(false)
-      expect(result.testString).toBe('foo')
-      expect(result.testString1).toBe('test')
-      expect(result.testInt).toBe(3)
-
-      vi.restoreAllMocks()
-    })
-
-    it('should omit data-bs-config if it is not an object', () => {
-      fixtureEl.innerHTML = '<div id="test" data-bs-config="foo" data-bs-test-int="8"></div>'
-
-      vi.spyOn(DummyConfigClass, 'Default', 'get').mockReturnValue({
-        testInt: 7,
-        testInt2: 79,
-      })
-
-      const instance = new DummyConfigClass()
-      const result = instance._mergeConfigObj({}, fixtureEl.querySelector('#test')!)
-
-      expect(result.testInt).toBe(8)
-      expect(result.testInt2).toBe(79)
-
-      vi.restoreAllMocks()
-    })
-  })
-
-  describe('typeCheckConfig', () => {
-    it('should throw TypeError for wrong config types', () => {
-      vi.spyOn(DummyConfigClass, 'DefaultType', 'get').mockReturnValue({
-        toggle: 'boolean',
-        parent: '(string|element)',
-      })
-
-      const obj = new DummyConfigClass()
-      expect(() => {
-        obj._typeCheckConfig({ toggle: true, parent: 777 })
-      }).toThrow(TypeError)
-
-      vi.restoreAllMocks()
-    })
-
-    it('should accept null when type includes null', () => {
-      vi.spyOn(DummyConfigClass, 'DefaultType', 'get').mockReturnValue({
-        toggle: 'boolean',
-        parent: '(null|element)',
-      })
-
-      const obj = new DummyConfigClass()
-      expect(() => {
-        obj._typeCheckConfig({ toggle: true, parent: null })
-      }).not.toThrow()
-
-      vi.restoreAllMocks()
-    })
-
-    it('should accept undefined when type includes undefined', () => {
-      vi.spyOn(DummyConfigClass, 'DefaultType', 'get').mockReturnValue({
-        toggle: 'boolean',
-        parent: '(undefined|element)',
-      })
-
-      const obj = new DummyConfigClass()
-      expect(() => {
-        obj._typeCheckConfig({ toggle: true, parent: undefined })
-      }).not.toThrow()
-
-      vi.restoreAllMocks()
-    })
-  })
-})

package/js/tests/unit/util/focustrap.spec.ts

@@ -1,232 +0,0 @@
-import { describe, it, expect, beforeAll, beforeEach, afterEach, vi } from 'vitest'
-import FocusTrap from '../../../src/bootstrap/util/focustrap'
-import { clearFixture, getFixture } from '../../helpers/fixture'
-
-vi.mock('../../../src/bootstrap/util/index', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('../../../src/bootstrap/util/index')>()
-  return {
-    ...actual,
-    isVisible: () => true,
-  }
-})
-
-describe('FocusTrap', () => {
-  let fixtureEl: HTMLElement
-  let trapEl: HTMLElement
-
-  beforeAll(() => {
-    fixtureEl = getFixture()
-  })
-
-  beforeEach(() => {
-    fixtureEl.innerHTML = '<div id="trap" tabindex="-1">' + '<button id="btn1">First</button>' + '<button id="btn2">Second</button>' + '</div>' + '<button id="outside">Outside</button>'
-    trapEl = fixtureEl.querySelector('#trap')!
-  })
-
-  afterEach(() => {
-    clearFixture()
-  })
-
-  describe('static', () => {
-    it('NAME should return "focustrap"', () => {
-      expect(FocusTrap.NAME).toBe('focustrap')
-    })
-
-    it('Default should have correct values', () => {
-      expect(FocusTrap.Default).toEqual({
-        autofocus: true,
-        trapElement: null,
-      })
-    })
-
-    it('DefaultType should have correct values', () => {
-      expect(FocusTrap.DefaultType).toEqual({
-        autofocus: 'boolean',
-        trapElement: 'element',
-      })
-    })
-  })
-
-  describe('activate', () => {
-    it('should focus the trap element when autofocus is true', () => {
-      const focusSpy = vi.spyOn(trapEl, 'focus')
-      const trap = new FocusTrap({ trapElement: trapEl })
-
-      trap.activate()
-
-      expect(focusSpy).toHaveBeenCalledOnce()
-      trap.deactivate()
-    })
-
-    it('should not focus the trap element when autofocus is false', () => {
-      const focusSpy = vi.spyOn(trapEl, 'focus')
-      const trap = new FocusTrap({ trapElement: trapEl, autofocus: false })
-
-      trap.activate()
-
-      expect(focusSpy).not.toHaveBeenCalled()
-      trap.deactivate()
-    })
-
-    it('should set _isActive to true', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-
-      trap.activate()
-
-      expect(trap._isActive).toBe(true)
-      trap.deactivate()
-    })
-
-    it('should not re-activate if already active', () => {
-      const focusSpy = vi.spyOn(trapEl, 'focus')
-      const trap = new FocusTrap({ trapElement: trapEl })
-
-      trap.activate()
-      trap.activate()
-
-      expect(focusSpy).toHaveBeenCalledOnce()
-      trap.deactivate()
-    })
-  })
-
-  describe('deactivate', () => {
-    it('should set _isActive to false', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-
-      trap.activate()
-      trap.deactivate()
-
-      expect(trap._isActive).toBe(false)
-    })
-
-    it('should not throw if not active', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-
-      expect(() => trap.deactivate()).not.toThrow()
-    })
-  })
-
-  describe('_handleFocusin', () => {
-    it('should do nothing if focus target is the trap element', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      const btn1 = fixtureEl.querySelector('#btn1')! as HTMLElement
-      const focusSpy = vi.spyOn(btn1, 'focus')
-
-      const event = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(event, 'target', { value: trapEl })
-      document.dispatchEvent(event)
-
-      expect(focusSpy).not.toHaveBeenCalled()
-      trap.deactivate()
-    })
-
-    it('should do nothing if focus target is inside the trap', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      const btn1 = fixtureEl.querySelector('#btn1')! as HTMLElement
-      const event = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(event, 'target', { value: btn1 })
-      document.dispatchEvent(event)
-
-      trap.deactivate()
-    })
-
-    it('should focus first focusable child when focus leaves trap (forward)', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      const btn1 = fixtureEl.querySelector('#btn1')! as HTMLElement
-      const focusSpy = vi.spyOn(btn1, 'focus')
-      const outside = fixtureEl.querySelector('#outside')! as HTMLElement
-
-      const event = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(event, 'target', { value: outside })
-      document.dispatchEvent(event)
-
-      expect(focusSpy).toHaveBeenCalled()
-      trap.deactivate()
-    })
-
-    it('should focus last focusable child when tabbing backward', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      const btn2 = fixtureEl.querySelector('#btn2')! as HTMLElement
-      const focusSpy = vi.spyOn(btn2, 'focus')
-      const outside = fixtureEl.querySelector('#outside')! as HTMLElement
-
-      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', shiftKey: true, bubbles: true }))
-
-      const focusEvent = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(focusEvent, 'target', { value: outside })
-      document.dispatchEvent(focusEvent)
-
-      expect(focusSpy).toHaveBeenCalled()
-      trap.deactivate()
-    })
-
-    it('should focus trap element if no focusable children', () => {
-      fixtureEl.innerHTML = '<div id="empty-trap" tabindex="-1"></div><button id="out">Out</button>'
-      const emptyTrap = fixtureEl.querySelector('#empty-trap')! as HTMLElement
-      const trap = new FocusTrap({ trapElement: emptyTrap })
-      trap.activate()
-
-      const focusSpy = vi.spyOn(emptyTrap, 'focus')
-      focusSpy.mockClear()
-
-      const out = fixtureEl.querySelector('#out')! as HTMLElement
-      const event = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(event, 'target', { value: out })
-      document.dispatchEvent(event)
-
-      expect(focusSpy).toHaveBeenCalled()
-      trap.deactivate()
-    })
-
-    it('should do nothing if focus target is document', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      const event = new FocusEvent('focusin', { relatedTarget: null })
-      Object.defineProperty(event, 'target', { value: document })
-      document.dispatchEvent(event)
-
-      trap.deactivate()
-    })
-  })
-
-  describe('_handleKeydown', () => {
-    it('should track forward tab direction', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }))
-
-      expect(trap._lastTabNavDirection).toBe('forward')
-      trap.deactivate()
-    })
-
-    it('should track backward tab direction (Shift+Tab)', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', shiftKey: true, bubbles: true }))
-
-      expect(trap._lastTabNavDirection).toBe('backward')
-      trap.deactivate()
-    })
-
-    it('should ignore non-Tab keys', () => {
-      const trap = new FocusTrap({ trapElement: trapEl })
-      trap.activate()
-
-      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }))
-
-      expect(trap._lastTabNavDirection).toBeNull()
-      trap.deactivate()
-    })
-  })
-})