}
SelectorEngine.find(SELECTOR_ITEM_IMG, this._element).forEach(itemImg => {
- EventHandler.on(itemImg, EVENT_DRAG_START, e => e.preventDefault())
+ EventHandler.on(itemImg, EVENT_DRAG_START, event => event.preventDefault())
})
if (this._pointerEvent) {
}
export const createEvent = (eventName, params = {}) => {
- const e = document.createEvent('Event')
+ const event = document.createEvent('Event')
- e.initEvent(eventName, Boolean(params.bubbles), Boolean(params.cancelable))
- return e
+ event.initEvent(eventName, Boolean(params.bubbles), Boolean(params.cancelable))
+ return event
}
export const jQueryMock = {
return carouselEl.querySelector('.carousel-item.active').getAttribute('id')
}
- carouselEl.addEventListener('slid.bs.carousel', e => {
+ carouselEl.addEventListener('slid.bs.carousel', event => {
const activeId = getActiveId()
if (activeId === 'two') {
if (activeId === 'one') {
// carousel wrapped around and slid from 3rd to 1st slide
expect(activeId).toEqual('one')
- expect(e.from + 1).toEqual(3)
+ expect(event.from + 1).toEqual(3)
done()
}
})
}, 20)
}
- carouselEl.addEventListener('slide.bs.carousel', e => {
- e.preventDefault()
+ carouselEl.addEventListener('slide.bs.carousel', event => {
+ event.preventDefault()
doneTest()
})
const carouselEl = fixtureEl.querySelector('#myCarousel')
const carousel = new Carousel(carouselEl, {})
- const onSlide = e => {
- expect(e.direction).toEqual('left')
- expect(e.relatedTarget.classList.contains('carousel-item')).toEqual(true)
- expect(e.from).toEqual(0)
- expect(e.to).toEqual(1)
+ const onSlide = event => {
+ expect(event.direction).toEqual('left')
+ expect(event.relatedTarget.classList.contains('carousel-item')).toEqual(true)
+ expect(event.from).toEqual(0)
+ expect(event.to).toEqual(1)
carouselEl.removeEventListener('slide.bs.carousel', onSlide)
carouselEl.addEventListener('slide.bs.carousel', onSlide2)
carousel.prev()
}
- const onSlide2 = e => {
- expect(e.direction).toEqual('right')
+ const onSlide2 = event => {
+ expect(event.direction).toEqual('right')
done()
}
const carouselEl = fixtureEl.querySelector('#myCarousel')
const carousel = new Carousel(carouselEl, {})
- const onSlid = e => {
- expect(e.direction).toEqual('left')
- expect(e.relatedTarget.classList.contains('carousel-item')).toEqual(true)
- expect(e.from).toEqual(0)
- expect(e.to).toEqual(1)
+ const onSlid = event => {
+ expect(event.direction).toEqual('left')
+ expect(event.relatedTarget.classList.contains('carousel-item')).toEqual(true)
+ expect(event.from).toEqual(0)
+ expect(event.to).toEqual(1)
carouselEl.removeEventListener('slid.bs.carousel', onSlid)
carouselEl.addEventListener('slid.bs.carousel', onSlid2)
carousel.prev()
}
- const onSlid2 = e => {
- expect(e.direction).toEqual('right')
+ const onSlid2 = event => {
+ expect(event.direction).toEqual('right')
done()
}
}, 10)
}
- collapseEl.addEventListener('show.bs.collapse', e => {
- e.preventDefault()
+ collapseEl.addEventListener('show.bs.collapse', event => {
+ event.preventDefault()
expectEnd()
})
}, 10)
}
- collapseEl.addEventListener('hide.bs.collapse', e => {
- e.preventDefault()
+ collapseEl.addEventListener('hide.bs.collapse', event => {
+ event.preventDefault()
expectEnd()
})
const btnDropdown = fixtureEl.querySelector('[data-bs-toggle="dropdown"]')
const dropdown = new Dropdown(btnDropdown)
- btnDropdown.addEventListener('show.bs.dropdown', e => {
- e.preventDefault()
+ btnDropdown.addEventListener('show.bs.dropdown', event => {
+ event.preventDefault()
})
btnDropdown.addEventListener('shown.bs.dropdown', () => {
const btnDropdown = fixtureEl.querySelector('[data-bs-toggle="dropdown"]')
const dropdown = new Dropdown(btnDropdown)
- btnDropdown.addEventListener('show.bs.dropdown', e => {
- e.preventDefault()
+ btnDropdown.addEventListener('show.bs.dropdown', event => {
+ event.preventDefault()
})
btnDropdown.addEventListener('shown.bs.dropdown', () => {
const dropdownMenu = fixtureEl.querySelector('.dropdown-menu')
const dropdown = new Dropdown(btnDropdown)
- btnDropdown.addEventListener('hide.bs.dropdown', e => {
- e.preventDefault()
+ btnDropdown.addEventListener('hide.bs.dropdown', event => {
+ event.preventDefault()
})
btnDropdown.addEventListener('hidden.bs.dropdown', () => {
showEventTriggered = true
})
- btnDropdown.addEventListener('shown.bs.dropdown', e => setTimeout(() => {
+ btnDropdown.addEventListener('shown.bs.dropdown', event => setTimeout(() => {
expect(btnDropdown.classList.contains('show')).toEqual(true)
expect(btnDropdown.getAttribute('aria-expanded')).toEqual('true')
expect(showEventTriggered).toEqual(true)
- expect(e.relatedTarget).toEqual(btnDropdown)
+ expect(event.relatedTarget).toEqual(btnDropdown)
document.body.click()
}))
hideEventTriggered = true
})
- btnDropdown.addEventListener('hidden.bs.dropdown', e => {
+ btnDropdown.addEventListener('hidden.bs.dropdown', event => {
expect(btnDropdown.classList.contains('show')).toEqual(false)
expect(btnDropdown.getAttribute('aria-expanded')).toEqual('false')
expect(hideEventTriggered).toEqual(true)
- expect(e.relatedTarget).toEqual(btnDropdown)
+ expect(event.relatedTarget).toEqual(btnDropdown)
done()
})
const triggerDropdown = fixtureEl.querySelector('[data-bs-toggle="dropdown"]')
- triggerDropdown.addEventListener('hide.bs.dropdown', e => {
- expect(e.clickEvent).toBeUndefined()
+ triggerDropdown.addEventListener('hide.bs.dropdown', event => {
+ expect(event.clickEvent).toBeUndefined()
})
- triggerDropdown.addEventListener('hidden.bs.dropdown', e => {
- expect(e.clickEvent).toBeUndefined()
+ triggerDropdown.addEventListener('hidden.bs.dropdown', event => {
+ expect(event.clickEvent).toBeUndefined()
done()
})
const modalEl = fixtureEl.querySelector('.modal')
const modal = new Modal(modalEl)
- modalEl.addEventListener('show.bs.modal', e => {
- expect(e).toBeDefined()
+ modalEl.addEventListener('show.bs.modal', event => {
+ expect(event).toBeDefined()
})
modalEl.addEventListener('shown.bs.modal', () => {
backdrop: false
})
- modalEl.addEventListener('show.bs.modal', e => {
- expect(e).toBeDefined()
+ modalEl.addEventListener('show.bs.modal', event => {
+ expect(event).toBeDefined()
})
modalEl.addEventListener('shown.bs.modal', () => {
const modalEl = fixtureEl.querySelector('.modal')
const modal = new Modal(modalEl)
- modalEl.addEventListener('show.bs.modal', e => {
- e.preventDefault()
+ modalEl.addEventListener('show.bs.modal', event => {
+ event.preventDefault()
const expectedDone = () => {
expect().nothing()
const modal = new Modal(modalEl)
let prevented = false
- modalEl.addEventListener('show.bs.modal', e => {
+ modalEl.addEventListener('show.bs.modal', event => {
if (!prevented) {
- e.preventDefault()
+ event.preventDefault()
prevented = true
setTimeout(() => {
modal.hide()
})
- modalEl.addEventListener('hide.bs.modal', e => {
- expect(e).toBeDefined()
+ modalEl.addEventListener('hide.bs.modal', event => {
+ expect(event).toBeDefined()
})
modalEl.addEventListener('hidden.bs.modal', () => {
}, 10)
}
- modalEl.addEventListener('hide.bs.modal', e => {
- e.preventDefault()
+ modalEl.addEventListener('hide.bs.modal', event => {
+ event.preventDefault()
hideCallback()
})
}, 10)
}
- modalEl.addEventListener('show.bs.modal', e => {
- e.preventDefault()
+ modalEl.addEventListener('show.bs.modal', event => {
+ event.preventDefault()
showListener()
})
}, 10)
}
- offCanvasEl.addEventListener('show.bs.offcanvas', e => {
- e.preventDefault()
+ offCanvasEl.addEventListener('show.bs.offcanvas', event => {
+ event.preventDefault()
expectEnd()
})
}, 10)
}
- offCanvasEl.addEventListener('hide.bs.offcanvas', e => {
- e.preventDefault()
+ offCanvasEl.addEventListener('hide.bs.offcanvas', event => {
+ event.preventDefault()
expectEnd()
})
// Disable empty links in docs examples
document.querySelectorAll('.bd-content [href="#"]')
.forEach(function (link) {
- link.addEventListener('click', function (e) {
- e.preventDefault()
+ link.addEventListener('click', function (event) {
+ event.preventDefault()
})
})
}
})
- clipboard.on('success', function (e) {
- var tooltipBtn = bootstrap.Tooltip.getInstance(e.trigger)
+ clipboard.on('success', function (event) {
+ var tooltipBtn = bootstrap.Tooltip.getInstance(event.trigger)
- e.trigger.setAttribute('data-bs-original-title', 'Copied!')
+ event.trigger.setAttribute('data-bs-original-title', 'Copied!')
tooltipBtn.show()
- e.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard')
- e.clearSelection()
+ event.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard')
+ event.clearSelection()
})
- clipboard.on('error', function (e) {
+ clipboard.on('error', function (event) {
var modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
var fallbackMsg = 'Press ' + modifierKey + 'C to copy'
- var tooltipBtn = bootstrap.Tooltip.getInstance(e.trigger)
+ var tooltipBtn = bootstrap.Tooltip.getInstance(event.trigger)
- e.trigger.setAttribute('data-bs-original-title', fallbackMsg)
+ event.trigger.setAttribute('data-bs-original-title', fallbackMsg)
tooltipBtn.show()
- e.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard')
+ event.trigger.setAttribute('data-bs-original-title', 'Copy to clipboard')
})
anchors.options = {