106 lines
3.3 KiB
JavaScript
106 lines
3.3 KiB
JavaScript
import BaseComponent from '../../../src/base-component.js'
|
|
import { enableDismissTrigger } from '../../../src/util/component-functions.js'
|
|
import { clearFixture, createEvent, getFixture } from '../../helpers/fixture.js'
|
|
|
|
class DummyClass2 extends BaseComponent {
|
|
static get NAME() {
|
|
return 'test'
|
|
}
|
|
|
|
hide() {
|
|
return true
|
|
}
|
|
|
|
testMethod() {
|
|
return true
|
|
}
|
|
}
|
|
|
|
describe('Plugin functions', () => {
|
|
let fixtureEl
|
|
|
|
beforeAll(() => {
|
|
fixtureEl = getFixture()
|
|
})
|
|
|
|
afterEach(() => {
|
|
clearFixture()
|
|
})
|
|
|
|
describe('data-bs-dismiss functionality', () => {
|
|
it('should get Plugin and execute the given method, when a click occurred on data-bs-dismiss="PluginName"', () => {
|
|
fixtureEl.innerHTML = [
|
|
'<div id="foo" class="test">',
|
|
' <button type="button" data-bs-dismiss="test" data-bs-target="#foo"></button>',
|
|
'</div>'
|
|
].join('')
|
|
|
|
const spyGet = spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
|
|
const spyTest = spyOn(DummyClass2.prototype, 'testMethod')
|
|
const componentWrapper = fixtureEl.querySelector('#foo')
|
|
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
|
|
const event = createEvent('click')
|
|
|
|
enableDismissTrigger(DummyClass2, 'testMethod')
|
|
btnClose.dispatchEvent(event)
|
|
|
|
expect(spyGet).toHaveBeenCalledWith(componentWrapper)
|
|
expect(spyTest).toHaveBeenCalled()
|
|
})
|
|
|
|
it('if data-bs-dismiss="PluginName" hasn\'t got "data-bs-target", "getOrCreateInstance" has to be initialized by closest "plugin.Name" class', () => {
|
|
fixtureEl.innerHTML = [
|
|
'<div id="foo" class="test">',
|
|
' <button type="button" data-bs-dismiss="test"></button>',
|
|
'</div>'
|
|
].join('')
|
|
|
|
const spyGet = spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
|
|
const spyHide = spyOn(DummyClass2.prototype, 'hide')
|
|
const componentWrapper = fixtureEl.querySelector('#foo')
|
|
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
|
|
const event = createEvent('click')
|
|
|
|
enableDismissTrigger(DummyClass2)
|
|
btnClose.dispatchEvent(event)
|
|
|
|
expect(spyGet).toHaveBeenCalledWith(componentWrapper)
|
|
expect(spyHide).toHaveBeenCalled()
|
|
})
|
|
|
|
it('if data-bs-dismiss="PluginName" is disabled, must not trigger function', () => {
|
|
fixtureEl.innerHTML = [
|
|
'<div id="foo" class="test">',
|
|
' <button type="button" disabled data-bs-dismiss="test"></button>',
|
|
'</div>'
|
|
].join('')
|
|
|
|
const spy = spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
|
|
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
|
|
const event = createEvent('click')
|
|
|
|
enableDismissTrigger(DummyClass2)
|
|
btnClose.dispatchEvent(event)
|
|
|
|
expect(spy).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('should prevent default when the trigger is <a> or <area>', () => {
|
|
fixtureEl.innerHTML = [
|
|
'<div id="foo" class="test">',
|
|
' <a type="button" data-bs-dismiss="test"></a>',
|
|
'</div>'
|
|
].join('')
|
|
|
|
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
|
|
const event = createEvent('click')
|
|
|
|
enableDismissTrigger(DummyClass2)
|
|
const spy = spyOn(Event.prototype, 'preventDefault').and.callThrough()
|
|
|
|
btnClose.dispatchEvent(event)
|
|
|
|
expect(spy).toHaveBeenCalled()
|
|
})
|
|
})
|
|
})
|