tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tip = document.querySelector('.tooltip')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(tip.classList.contains('fade')).toEqual(false)
done()
})
const alertEl = document.querySelector('.alert')
const alert = new Alert(alertEl)
- expect(Alert.getInstance(alertEl)).toBeDefined()
+ expect(Alert.getInstance(alertEl)).not.toBeNull()
alert.dispose()
jQueryMock.fn.alert.call(jQueryMock, 'close')
- expect(Alert.getInstance(alertEl)).toBeDefined()
+ expect(Alert.getInstance(alertEl)).not.toBeNull()
expect(fixtureEl.querySelector('.alert')).toBeNull()
})
jQueryMock.fn.alert.call(jQueryMock)
- expect(Alert.getInstance(alertEl)).toBeDefined()
+ expect(Alert.getInstance(alertEl)).not.toBeNull()
expect(fixtureEl.querySelector('.alert')).not.toBeNull()
})
})
const btnEl = fixtureEl.querySelector('.btn')
const button = new Button(btnEl)
- expect(Button.getInstance(btnEl)).toBeDefined()
+ expect(Button.getInstance(btnEl)).not.toBeNull()
button.dispose()
jQueryMock.fn.button.call(jQueryMock, 'toggle')
- expect(Button.getInstance(btnEl)).toBeDefined()
+ expect(Button.getInstance(btnEl)).not.toBeNull()
expect(btnEl.classList.contains('active')).toEqual(true)
})
jQueryMock.fn.button.call(jQueryMock)
- expect(Button.getInstance(btnEl)).toBeDefined()
+ expect(Button.getInstance(btnEl)).not.toBeNull()
expect(btnEl.classList.contains('active')).toEqual(false)
})
})
jQueryMock.fn.carousel.call(jQueryMock)
- expect(Carousel.getInstance(div)).toBeDefined()
+ expect(Carousel.getInstance(div)).not.toBeNull()
})
it('should not re create a carousel', () => {
window.dispatchEvent(loadEvent)
- expect(Carousel.getInstance(carouselEl)).toBeDefined()
+ expect(Carousel.getInstance(carouselEl)).not.toBeNull()
})
it('should create carousel and go to the next slide on click (with real button controls)', done => {
jQueryMock.fn.collapse.call(jQueryMock)
- expect(Collapse.getInstance(div)).toBeDefined()
+ expect(Collapse.getInstance(div)).not.toBeNull()
})
it('should not re create a collapse', () => {
const dropdown = new Dropdown(btnDropdown)
expect(dropdown._popper).toBeNull()
- expect(dropdown._menu).toBeDefined()
- expect(dropdown._element).toBeDefined()
+ expect(dropdown._menu).not.toBeNull()
+ expect(dropdown._element).not.toBeNull()
expect(btnDropdown.addEventListener).toHaveBeenCalledWith('click', jasmine.any(Function), jasmine.any(Boolean))
dropdown.dispose()
dropdown.toggle()
- expect(dropdown._popper).toBeDefined()
- expect(dropdown._menu).toBeDefined()
- expect(dropdown._element).toBeDefined()
+ expect(dropdown._popper).not.toBeNull()
+ expect(dropdown._menu).not.toBeNull()
+ expect(dropdown._element).not.toBeNull()
dropdown.dispose()
dropdown.toggle()
- expect(dropdown._popper).toBeDefined()
+ expect(dropdown._popper).not.toBeNull()
spyOn(dropdown._popper, 'update')
spyOn(dropdown, '_detectNavbar')
jQueryMock.fn.dropdown.call(jQueryMock)
- expect(Dropdown.getInstance(div)).toBeDefined()
+ expect(Dropdown.getInstance(div)).not.toBeNull()
})
it('should not re create a dropdown', () => {
modalEl.addEventListener('shown.bs.modal', () => {
expect(modalEl.getAttribute('aria-modal')).toEqual('true')
expect(modalEl.getAttribute('role')).toEqual('dialog')
- expect(modalEl.getAttribute('aria-hidden')).toEqual(null)
+ expect(modalEl.getAttribute('aria-hidden')).toBeNull()
expect(modalEl.style.display).toEqual('block')
- expect(document.querySelector('.modal-backdrop')).toBeDefined()
+ expect(document.querySelector('.modal-backdrop')).not.toBeNull()
done()
})
modalEl.addEventListener('shown.bs.modal', () => {
expect(modalEl.getAttribute('aria-modal')).toEqual('true')
expect(modalEl.getAttribute('role')).toEqual('dialog')
- expect(modalEl.getAttribute('aria-hidden')).toEqual(null)
+ expect(modalEl.getAttribute('aria-hidden')).toBeNull()
expect(modalEl.style.display).toEqual('block')
expect(document.querySelector('.modal-backdrop')).toBeNull()
done()
modalEl.addEventListener('shown.bs.modal', () => {
const dynamicModal = document.getElementById(id)
- expect(dynamicModal).toBeDefined()
+ expect(dynamicModal).not.toBeNull()
dynamicModal.parentNode.removeChild(dynamicModal)
done()
})
})
modalEl.addEventListener('hidden.bs.modal', () => {
- expect(modalEl.getAttribute('aria-modal')).toEqual(null)
- expect(modalEl.getAttribute('role')).toEqual(null)
+ expect(modalEl.getAttribute('aria-modal')).toBeNull()
+ expect(modalEl.getAttribute('role')).toBeNull()
expect(modalEl.getAttribute('aria-hidden')).toEqual('true')
expect(modalEl.style.display).toEqual('none')
expect(document.querySelector('.modal-backdrop')).toBeNull()
})
modalEl.addEventListener('hidden.bs.modal', () => {
- expect(modalEl.getAttribute('aria-modal')).toEqual(null)
- expect(modalEl.getAttribute('role')).toEqual(null)
+ expect(modalEl.getAttribute('aria-modal')).toBeNull()
+ expect(modalEl.getAttribute('role')).toBeNull()
expect(modalEl.getAttribute('aria-hidden')).toEqual('true')
expect(modalEl.style.display).toEqual('none')
expect(document.querySelector('.modal-backdrop')).toBeNull()
modal.dispose()
- expect(Modal.getInstance(modalEl)).toEqual(null)
+ expect(Modal.getInstance(modalEl)).toBeNull()
expect(EventHandler.off).toHaveBeenCalledTimes(4)
})
})
modalEl.addEventListener('shown.bs.modal', () => {
expect(modalEl.getAttribute('aria-modal')).toEqual('true')
expect(modalEl.getAttribute('role')).toEqual('dialog')
- expect(modalEl.getAttribute('aria-hidden')).toEqual(null)
+ expect(modalEl.getAttribute('aria-hidden')).toBeNull()
expect(modalEl.style.display).toEqual('block')
- expect(document.querySelector('.modal-backdrop')).toBeDefined()
+ expect(document.querySelector('.modal-backdrop')).not.toBeNull()
setTimeout(() => trigger.click(), 10)
})
modalEl.addEventListener('hidden.bs.modal', () => {
- expect(modalEl.getAttribute('aria-modal')).toEqual(null)
- expect(modalEl.getAttribute('role')).toEqual(null)
+ expect(modalEl.getAttribute('aria-modal')).toBeNull()
+ expect(modalEl.getAttribute('role')).toBeNull()
expect(modalEl.getAttribute('aria-hidden')).toEqual('true')
expect(modalEl.style.display).toEqual('none')
- expect(document.querySelector('.modal-backdrop')).toEqual(null)
+ expect(document.querySelector('.modal-backdrop')).toBeNull()
done()
})
modalEl.addEventListener('shown.bs.modal', () => {
expect(modalEl.getAttribute('aria-modal')).toEqual('true')
expect(modalEl.getAttribute('role')).toEqual('dialog')
- expect(modalEl.getAttribute('aria-hidden')).toEqual(null)
+ expect(modalEl.getAttribute('aria-hidden')).toBeNull()
expect(modalEl.style.display).toEqual('block')
- expect(document.querySelector('.modal-backdrop')).toBeDefined()
+ expect(document.querySelector('.modal-backdrop')).not.toBeNull()
expect(Event.prototype.preventDefault).toHaveBeenCalled()
done()
})
jQueryMock.fn.modal.call(jQueryMock)
- expect(Modal.getInstance(div)).toBeDefined()
+ expect(Modal.getInstance(div)).not.toBeNull()
})
it('should create a modal with given config', () => {
expect(Modal.prototype.constructor).not.toHaveBeenCalledWith(div, { keyboard: false })
const modal = Modal.getInstance(div)
- expect(modal).toBeDefined()
+ expect(modal).not.toBeNull()
expect(modal._config.keyboard).toBe(false)
})
const div = fixtureEl.querySelector('div')
- expect(Modal.getInstance(div)).toEqual(null)
+ expect(Modal.getInstance(div)).toBeNull()
})
})
})
jQueryMock.fn.offcanvas.call(jQueryMock)
- expect(Offcanvas.getInstance(div)).toBeDefined()
+ expect(Offcanvas.getInstance(div)).not.toBeNull()
})
it('should not re create an offcanvas', () => {
expect(Offcanvas.prototype.constructor).not.toHaveBeenCalledWith(div, { scroll: true })
const offcanvas = Offcanvas.getInstance(div)
- expect(offcanvas).toBeDefined()
+ expect(offcanvas).not.toBeNull()
expect(offcanvas._config.scroll).toBe(true)
})
})
const div = fixtureEl.querySelector('div')
- expect(Offcanvas.getInstance(div)).toEqual(null)
+ expect(Offcanvas.getInstance(div)).toBeNull()
})
})
})
const popover = new Popover(popoverEl)
popoverEl.addEventListener('shown.bs.popover', () => {
- expect(document.querySelector('.popover')).toBeDefined()
+ expect(document.querySelector('.popover')).not.toBeNull()
done()
})
popoverEl.addEventListener('shown.bs.popover', () => {
const popoverDisplayed = document.querySelector('.popover')
- expect(popoverDisplayed).toBeDefined()
+ expect(popoverDisplayed).not.toBeNull()
expect(popoverDisplayed.querySelector('.popover-header').textContent).toEqual('Bootstrap')
expect(popoverDisplayed.querySelector('.popover-body').textContent).toEqual('loves writing tests (╯°□°)╯︵ ┻━┻')
done()
popoverEl.addEventListener('shown.bs.popover', () => {
const popoverDisplayed = document.querySelector('.popover')
- expect(popoverDisplayed).toBeDefined()
+ expect(popoverDisplayed).not.toBeNull()
expect(popoverDisplayed.querySelector('.popover-body').textContent).toEqual('Popover content')
done()
})
popoverEl.addEventListener('shown.bs.popover', () => {
const tip = document.querySelector('.popover')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(tip.classList.contains('custom-class')).toBeTrue()
done()
})
jQueryMock.fn.popover.call(jQueryMock)
- expect(Popover.getInstance(popoverEl)).toBeDefined()
+ expect(Popover.getInstance(popoverEl)).not.toBeNull()
})
it('should create a popover with a config object', () => {
content: 'Popover content'
})
- expect(Popover.getInstance(popoverEl)).toBeDefined()
+ expect(Popover.getInstance(popoverEl)).not.toBeNull()
})
it('should not re create a popover', () => {
jQueryMock.fn.scrollspy.call(jQueryMock)
- expect(ScrollSpy.getInstance(div)).toBeDefined()
+ expect(ScrollSpy.getInstance(div)).not.toBeNull()
})
it('should create a scrollspy with given config', () => {
expect(ScrollSpy.prototype.constructor).not.toHaveBeenCalledWith(div, { offset: 15 })
const scrollspy = ScrollSpy.getInstance(div)
- expect(scrollspy).toBeDefined()
+ expect(scrollspy).not.toBeNull()
expect(scrollspy._config.offset).toBe(15)
})
jQueryMock.fn.tab.call(jQueryMock)
- expect(Tab.getInstance(div)).toBeDefined()
+ expect(Tab.getInstance(div)).not.toBeNull()
})
it('should not re create a tab', () => {
const toast = new Toast(toastEl)
- expect(Toast.getInstance(toastEl)).toBeDefined()
+ expect(Toast.getInstance(toastEl)).not.toBeNull()
expect(toastEl.addEventListener).toHaveBeenCalledWith('click', jasmine.any(Function), jasmine.any(Boolean))
toast.dispose()
const toast = new Toast(toastEl)
const expected = () => {
expect(toastEl.classList.contains('show')).toEqual(true)
- expect(Toast.getInstance(toastEl)).toBeDefined()
+ expect(Toast.getInstance(toastEl)).not.toBeNull()
toast.dispose()
jQueryMock.fn.toast.call(jQueryMock)
- expect(Toast.getInstance(div)).toBeDefined()
+ expect(Toast.getInstance(div)).not.toBeNull()
})
it('should not re create a toast', () => {
tooltip.enable()
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(document.querySelector('.tooltip')).toBeDefined()
+ expect(document.querySelector('.tooltip')).not.toBeNull()
done()
})
const tooltip = new Tooltip(tooltipEl)
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(document.querySelector('.tooltip')).toBeDefined()
+ expect(document.querySelector('.tooltip')).not.toBeNull()
done()
})
const tooltip = new Tooltip(tooltipEl)
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(document.querySelector('.tooltip')).toBeDefined()
+ expect(document.querySelector('.tooltip')).not.toBeNull()
tooltip.dispose()
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tooltipShown = document.querySelector('.tooltip')
- expect(tooltipShown).toBeDefined()
+ expect(tooltipShown).not.toBeNull()
expect(tooltipEl.getAttribute('aria-describedby')).toEqual(tooltipShown.getAttribute('id'))
expect(tooltipShown.getAttribute('id')).toContain('tooltip')
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(fixtureEl.querySelector('.tooltip')).toBeDefined()
+ expect(fixtureEl.querySelector('.tooltip')).not.toBeNull()
done()
})
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(fixtureEl.querySelector('.tooltip')).toBeDefined()
+ expect(fixtureEl.querySelector('.tooltip')).not.toBeNull()
done()
})
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(fixtureEl.querySelector('.tooltip')).toBeDefined()
+ expect(fixtureEl.querySelector('.tooltip')).not.toBeNull()
done()
})
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
- expect(document.querySelector('.tooltip')).toBeDefined()
+ expect(document.querySelector('.tooltip')).not.toBeNull()
expect(spy).toHaveBeenCalled()
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tip = document.querySelector('.tooltip')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(tip.classList.contains('fade')).toEqual(false)
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tip = document.querySelector('.tooltip')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(tip.classList.contains('custom-class')).toBeTrue()
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tip = document.querySelector('.tooltip')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(tip.classList.contains('custom-class')).toBeTrue()
expect(tip.classList.contains('custom-class-2')).toBeTrue()
done()
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tip = document.querySelector('.tooltip')
- expect(tip).toBeDefined()
+ expect(tip).not.toBeNull()
expect(spy).toHaveBeenCalled()
expect(tip.classList.contains('custom-class')).toBeTrue()
done()
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tooltipShown = document.querySelector('.tooltip')
- expect(tooltipShown).toBeDefined()
+ expect(tooltipShown).not.toBeNull()
expect(tooltipEl.getAttribute('aria-label')).toEqual('Another tooltip')
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tooltipShown = document.querySelector('.tooltip')
- expect(tooltipShown).toBeDefined()
+ expect(tooltipShown).not.toBeNull()
expect(tooltipEl.getAttribute('aria-label')).toEqual('Different label')
done()
})
tooltipEl.addEventListener('shown.bs.tooltip', () => {
const tooltipShown = document.querySelector('.tooltip')
- expect(tooltipShown).toBeDefined()
+ expect(tooltipShown).not.toBeNull()
expect(tooltipEl.getAttribute('aria-label')).toBeNull()
done()
})
jQueryMock.fn.tooltip.call(jQueryMock)
- expect(Tooltip.getInstance(div)).toBeDefined()
+ expect(Tooltip.getInstance(div)).not.toBeNull()
})
it('should not re create a tooltip', () => {