mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-11 08:04:59 +02:00
Change the name of the Offcanvas
constructor (#33261)
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
import OffCanvas from '../../src/offcanvas'
|
||||
import Offcanvas from '../../src/offcanvas'
|
||||
import EventHandler from '../../src/dom/event-handler'
|
||||
|
||||
/** Test helpers */
|
||||
import { clearFixture, getFixture, jQueryMock, createEvent } from '../helpers/fixture'
|
||||
|
||||
describe('OffCanvas', () => {
|
||||
describe('Offcanvas', () => {
|
||||
let fixtureEl
|
||||
|
||||
beforeAll(() => {
|
||||
@@ -18,7 +18,7 @@ describe('OffCanvas', () => {
|
||||
|
||||
describe('VERSION', () => {
|
||||
it('should return plugin version', () => {
|
||||
expect(OffCanvas.VERSION).toEqual(jasmine.any(String))
|
||||
expect(Offcanvas.VERSION).toEqual(jasmine.any(String))
|
||||
})
|
||||
})
|
||||
|
||||
@@ -32,7 +32,7 @@ describe('OffCanvas', () => {
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('.offcanvas')
|
||||
const closeEl = fixtureEl.querySelector('a')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
spyOn(offCanvas, 'hide')
|
||||
|
||||
@@ -45,7 +45,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('.offcanvas')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
const keyDownEsc = createEvent('keydown')
|
||||
keyDownEsc.key = 'Escape'
|
||||
|
||||
@@ -60,7 +60,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('.offcanvas')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
const keydownTab = createEvent('keydown')
|
||||
keydownTab.key = 'Tab'
|
||||
|
||||
@@ -77,7 +77,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('.offcanvas')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
spyOn(offCanvas, 'show')
|
||||
|
||||
@@ -90,7 +90,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas show"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('.show')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
spyOn(offCanvas, 'hide')
|
||||
|
||||
@@ -107,7 +107,7 @@ describe('OffCanvas', () => {
|
||||
spyOn(EventHandler, 'trigger')
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
offCanvas.show()
|
||||
|
||||
@@ -118,7 +118,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
offCanvasEl.addEventListener('shown.bs.offcanvas', () => {
|
||||
expect(offCanvasEl.classList.contains('show')).toEqual(true)
|
||||
@@ -132,7 +132,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
const expectEnd = () => {
|
||||
setTimeout(() => {
|
||||
@@ -161,7 +161,7 @@ describe('OffCanvas', () => {
|
||||
spyOn(EventHandler, 'trigger')
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
offCanvas.hide()
|
||||
|
||||
@@ -172,7 +172,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas show"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
offCanvasEl.addEventListener('hidden.bs.offcanvas', () => {
|
||||
expect(offCanvasEl.classList.contains('show')).toEqual(false)
|
||||
@@ -186,7 +186,7 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div class="offcanvas show"></div>'
|
||||
|
||||
const offCanvasEl = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(offCanvasEl)
|
||||
const offCanvas = new Offcanvas(offCanvasEl)
|
||||
|
||||
const expectEnd = () => {
|
||||
setTimeout(() => {
|
||||
@@ -235,11 +235,11 @@ describe('OffCanvas', () => {
|
||||
|
||||
const target = fixtureEl.querySelector('a')
|
||||
|
||||
spyOn(OffCanvas.prototype, 'toggle')
|
||||
spyOn(Offcanvas.prototype, 'toggle')
|
||||
|
||||
target.click()
|
||||
|
||||
expect(OffCanvas.prototype.toggle).not.toHaveBeenCalled()
|
||||
expect(Offcanvas.prototype.toggle).not.toHaveBeenCalled()
|
||||
})
|
||||
})
|
||||
|
||||
@@ -249,26 +249,26 @@ describe('OffCanvas', () => {
|
||||
|
||||
const div = fixtureEl.querySelector('div')
|
||||
|
||||
jQueryMock.fn.offcanvas = OffCanvas.jQueryInterface
|
||||
jQueryMock.fn.offcanvas = Offcanvas.jQueryInterface
|
||||
jQueryMock.elements = [div]
|
||||
|
||||
jQueryMock.fn.offcanvas.call(jQueryMock)
|
||||
|
||||
expect(OffCanvas.getInstance(div)).toBeDefined()
|
||||
expect(Offcanvas.getInstance(div)).toBeDefined()
|
||||
})
|
||||
|
||||
it('should not re create an offcanvas', () => {
|
||||
fixtureEl.innerHTML = '<div></div>'
|
||||
|
||||
const div = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(div)
|
||||
const offCanvas = new Offcanvas(div)
|
||||
|
||||
jQueryMock.fn.offcanvas = OffCanvas.jQueryInterface
|
||||
jQueryMock.fn.offcanvas = Offcanvas.jQueryInterface
|
||||
jQueryMock.elements = [div]
|
||||
|
||||
jQueryMock.fn.offcanvas.call(jQueryMock)
|
||||
|
||||
expect(OffCanvas.getInstance(div)).toEqual(offCanvas)
|
||||
expect(Offcanvas.getInstance(div)).toEqual(offCanvas)
|
||||
})
|
||||
|
||||
it('should throw error on undefined method', () => {
|
||||
@@ -277,7 +277,7 @@ describe('OffCanvas', () => {
|
||||
const div = fixtureEl.querySelector('div')
|
||||
const action = 'undefinedMethod'
|
||||
|
||||
jQueryMock.fn.offcanvas = OffCanvas.jQueryInterface
|
||||
jQueryMock.fn.offcanvas = Offcanvas.jQueryInterface
|
||||
jQueryMock.elements = [div]
|
||||
|
||||
try {
|
||||
@@ -292,13 +292,13 @@ describe('OffCanvas', () => {
|
||||
|
||||
const div = fixtureEl.querySelector('div')
|
||||
|
||||
spyOn(OffCanvas.prototype, 'show')
|
||||
spyOn(Offcanvas.prototype, 'show')
|
||||
|
||||
jQueryMock.fn.offcanvas = OffCanvas.jQueryInterface
|
||||
jQueryMock.fn.offcanvas = Offcanvas.jQueryInterface
|
||||
jQueryMock.elements = [div]
|
||||
|
||||
jQueryMock.fn.offcanvas.call(jQueryMock, 'show')
|
||||
expect(OffCanvas.prototype.show).toHaveBeenCalled()
|
||||
expect(Offcanvas.prototype.show).toHaveBeenCalled()
|
||||
})
|
||||
})
|
||||
|
||||
@@ -307,10 +307,10 @@ describe('OffCanvas', () => {
|
||||
fixtureEl.innerHTML = '<div></div>'
|
||||
|
||||
const div = fixtureEl.querySelector('div')
|
||||
const offCanvas = new OffCanvas(div)
|
||||
const offCanvas = new Offcanvas(div)
|
||||
|
||||
expect(OffCanvas.getInstance(div)).toEqual(offCanvas)
|
||||
expect(OffCanvas.getInstance(div)).toBeInstanceOf(OffCanvas)
|
||||
expect(Offcanvas.getInstance(div)).toEqual(offCanvas)
|
||||
expect(Offcanvas.getInstance(div)).toBeInstanceOf(Offcanvas)
|
||||
})
|
||||
|
||||
it('should return null when there is no offcanvas instance', () => {
|
||||
@@ -318,7 +318,7 @@ describe('OffCanvas', () => {
|
||||
|
||||
const div = fixtureEl.querySelector('div')
|
||||
|
||||
expect(OffCanvas.getInstance(div)).toEqual(null)
|
||||
expect(Offcanvas.getInstance(div)).toEqual(null)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
Reference in New Issue
Block a user