Skip to content

Commit cbd45bc

Browse files
committed
tests: update tests
1 parent 5f911d9 commit cbd45bc

File tree

6 files changed

+37
-37
lines changed

6 files changed

+37
-37
lines changed

js/tests/unit/collapse.spec.js

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -271,24 +271,24 @@ describe('Collapse', () => {
271271
fixtureEl.innerHTML = [
272272
'<div id="parentGroup" class="accordion">',
273273
' <div id="parentHeader" class="accordion-header">',
274-
' <button data-bs-target="#parentContent" data-bs-toggle="collapse" role="button" class="accordion-toggle">Parent</button>',
274+
' <button data-coreui-target="#parentContent" data-coreui-toggle="collapse" role="button" class="accordion-toggle">Parent</button>',
275275
' </div>',
276-
' <div id="parentContent" class="accordion-collapse collapse" aria-labelledby="parentHeader" data-bs-parent="#parentGroup">',
276+
' <div id="parentContent" class="accordion-collapse collapse" aria-labelledby="parentHeader" data-coreui-parent="#parentGroup">',
277277
' <div class="accordion-body">',
278278
' <div id="childGroup" class="accordion">',
279279
' <div class="accordion-item">',
280280
' <div id="childHeader1" class="accordion-header">',
281-
' <button data-bs-target="#childContent1" data-bs-toggle="collapse" role="button" class="accordion-toggle">Child 1</button>',
281+
' <button data-coreui-target="#childContent1" data-coreui-toggle="collapse" role="button" class="accordion-toggle">Child 1</button>',
282282
' </div>',
283-
' <div id="childContent1" class="accordion-collapse collapse" aria-labelledby="childHeader1" data-bs-parent="#childGroup">',
283+
' <div id="childContent1" class="accordion-collapse collapse" aria-labelledby="childHeader1" data-coreui-parent="#childGroup">',
284284
' <div>content</div>',
285285
' </div>',
286286
' </div>',
287287
' <div class="accordion-item">',
288288
' <div id="childHeader2" class="accordion-header">',
289-
' <button data-bs-target="#childContent2" data-bs-toggle="collapse" role="button" class="accordion-toggle">Child 2</button>',
289+
' <button data-coreui-target="#childContent2" data-coreui-toggle="collapse" role="button" class="accordion-toggle">Child 2</button>',
290290
' </div>',
291-
' <div id="childContent2" class="accordion-collapse collapse" aria-labelledby="childHeader2" data-bs-parent="#childGroup">',
291+
' <div id="childContent2" class="accordion-collapse collapse" aria-labelledby="childHeader2" data-coreui-parent="#childGroup">',
292292
' <div>content</div>',
293293
' </div>',
294294
' </div>',
@@ -300,23 +300,23 @@ describe('Collapse', () => {
300300

301301
const el = selector => fixtureEl.querySelector(selector)
302302

303-
const parentBtn = el('[data-bs-target="#parentContent"]')
304-
const childBtn1 = el('[data-bs-target="#childContent1"]')
305-
const childBtn2 = el('[data-bs-target="#childContent2"]')
303+
const parentBtn = el('[data-coreui-target="#parentContent"]')
304+
const childBtn1 = el('[data-coreui-target="#childContent1"]')
305+
const childBtn2 = el('[data-coreui-target="#childContent2"]')
306306

307307
const parentCollapseEl = el('#parentContent')
308308
const childCollapseEl1 = el('#childContent1')
309309
const childCollapseEl2 = el('#childContent2')
310310

311-
parentCollapseEl.addEventListener('shown.bs.collapse', () => {
311+
parentCollapseEl.addEventListener('shown.coreui.collapse', () => {
312312
expect(parentCollapseEl.classList.contains('show')).toEqual(true)
313313
childBtn1.click()
314314
})
315-
childCollapseEl1.addEventListener('shown.bs.collapse', () => {
315+
childCollapseEl1.addEventListener('shown.coreui.collapse', () => {
316316
expect(childCollapseEl1.classList.contains('show')).toEqual(true)
317317
childBtn2.click()
318318
})
319-
childCollapseEl2.addEventListener('shown.bs.collapse', () => {
319+
childCollapseEl2.addEventListener('shown.coreui.collapse', () => {
320320
expect(childCollapseEl2.classList.contains('show')).toEqual(true)
321321
expect(childCollapseEl1.classList.contains('show')).toEqual(false)
322322
done()
@@ -329,16 +329,16 @@ describe('Collapse', () => {
329329
'<div class="accordion" id="accordionExample">',
330330
' <div class="accordion-item">',
331331
' <h2 class="accordion-header" id="headingOne">',
332-
' <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">',
332+
' <button class="accordion-button" type="button" data-coreui-toggle="collapse" data-coreui-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">',
333333
' Accordion Item #1',
334334
' </button>',
335335
' </h2>',
336-
' <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">',
336+
' <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-coreui-parent="#accordionExample">',
337337
' <div class="accordion-body">',
338338
' <nav>',
339339
' <div class="nav nav-tabs" id="nav-tab" role="tablist">',
340-
' <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Home</button>',
341-
' <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</button>',
340+
' <button class="nav-link active" id="nav-home-tab" data-coreui-toggle="tab" data-coreui-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Home</button>',
341+
' <button class="nav-link" id="nav-profile-tab" data-coreui-toggle="tab" data-coreui-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</button>',
342342
' </div>',
343343
' </nav>',
344344
' <div class="tab-content" id="nav-tabContent">',
@@ -356,11 +356,11 @@ describe('Collapse', () => {
356356
const collapse = new Collapse(el)
357357
let times = 1
358358

359-
el.addEventListener('hidden.bs.collapse', () => {
359+
el.addEventListener('hidden.coreui.collapse', () => {
360360
collapse.show()
361361
})
362362

363-
el.addEventListener('shown.bs.collapse', () => {
363+
el.addEventListener('shown.coreui.collapse', () => {
364364
expect(activeTabPane.classList.contains('show')).toEqual(true)
365365
times++
366366
if (times === 2) {

js/tests/unit/dom/manipulator.spec.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ describe('Manipulator', () => {
3535
})
3636

3737
describe('removeDataAttribute', () => {
38-
it('should only remove bs-prefixed data attribute', () => {
38+
it('should only remove cui-prefixed data attribute', () => {
3939
fixtureEl.innerHTML = '<div data-coreui-key="value" data-key-bs="postfixed" data-key="value"></div>'
4040

4141
const div = fixtureEl.querySelector('div')
@@ -62,7 +62,7 @@ describe('Manipulator', () => {
6262
expect().nothing()
6363
})
6464

65-
it('should get only bs-prefixed data attributes without bs namespace', () => {
65+
it('should get only cui-prefixed data attributes without bs namespace', () => {
6666
fixtureEl.innerHTML = '<div data-coreui-toggle="tabs" data-coreui-target="#element" data-another="value" data-target-bs="#element" data-in-coreui-out="in-between"></div>'
6767

6868
const div = fixtureEl.querySelector('div')
@@ -75,7 +75,7 @@ describe('Manipulator', () => {
7575
})
7676

7777
describe('getDataAttribute', () => {
78-
it('should only get bs-prefixed data attribute', () => {
78+
it('should only get cui-prefixed data attribute', () => {
7979
fixtureEl.innerHTML = '<div data-coreui-key="value" data-test-bs="postFixed" data-toggle="tab"></div>'
8080

8181
const div = fixtureEl.querySelector('div')

js/tests/unit/dropdown.spec.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ describe('Dropdown', () => {
3636

3737
describe('DATA_KEY', () => {
3838
it('should return plugin data key', () => {
39-
expect(Dropdown.DATA_KEY).toEqual('bs.dropdown')
39+
expect(Dropdown.DATA_KEY).toEqual('coreui.dropdown')
4040
})
4141
})
4242

js/tests/unit/modal.spec.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -278,7 +278,7 @@ describe('Modal', () => {
278278
modal.show()
279279
})
280280

281-
it('should close modal when a click occurred on a data-coreui-dismiss="modal" with "bs-target" outside of modal element', done => {
281+
it('should close modal when a click occurred on a data-coreui-dismiss="modal" with "cui-target" outside of modal element', done => {
282282
fixtureEl.innerHTML = [
283283
'<button type="button" data-coreui-dismiss="modal" data-coreui-target="#modal1"></button>',
284284
'<div id="modal1" class="modal fade">',

js/tests/unit/popover.spec.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -168,11 +168,11 @@ describe('Popover', () => {
168168
const spy = spyOn(popover, 'setContent').and.callThrough()
169169
let times = 1
170170

171-
popoverEl.addEventListener('hidden.bs.popover', () => {
171+
popoverEl.addEventListener('hidden.coreui.popover', () => {
172172
popover.show()
173173
})
174174

175-
popoverEl.addEventListener('shown.bs.popover', () => {
175+
popoverEl.addEventListener('shown.coreui.popover', () => {
176176
const popoverDisplayed = document.querySelector('.popover')
177177

178178
expect(popoverDisplayed).not.toBeNull()

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

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -29,18 +29,18 @@ describe('Plugin functions', () => {
2929
clearFixture()
3030
})
3131

32-
describe('data-bs-dismiss functionality', () => {
33-
it('should get Plugin and execute the given method, when a click occurred on data-bs-dismiss="PluginName"', () => {
32+
describe('data-coreui-dismiss functionality', () => {
33+
it('should get Plugin and execute the given method, when a click occurred on data-coreui-dismiss="PluginName"', () => {
3434
fixtureEl.innerHTML = [
3535
'<div id="foo" class="test">',
36-
' <button type="button" data-bs-dismiss="test" data-bs-target="#foo"></button>',
36+
' <button type="button" data-coreui-dismiss="test" data-coreui-target="#foo"></button>',
3737
'</div>'
3838
].join('')
3939

4040
spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
4141
spyOn(DummyClass2.prototype, 'testMethod')
4242
const componentWrapper = fixtureEl.querySelector('#foo')
43-
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
43+
const btnClose = fixtureEl.querySelector('[data-coreui-dismiss="test"]')
4444
const event = createEvent('click')
4545

4646
enableDismissTrigger(DummyClass2, 'testMethod')
@@ -50,17 +50,17 @@ describe('Plugin functions', () => {
5050
expect(DummyClass2.prototype.testMethod).toHaveBeenCalled()
5151
})
5252

53-
it('if data-bs-dismiss="PluginName" hasn\'t got "data-bs-target", "getOrCreateInstance" has to be initialized by closest "plugin.Name" class', () => {
53+
it('if data-coreui-dismiss="PluginName" hasn\'t got "data-coreui-target", "getOrCreateInstance" has to be initialized by closest "plugin.Name" class', () => {
5454
fixtureEl.innerHTML = [
5555
'<div id="foo" class="test">',
56-
' <button type="button" data-bs-dismiss="test"></button>',
56+
' <button type="button" data-coreui-dismiss="test"></button>',
5757
'</div>'
5858
].join('')
5959

6060
spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
6161
spyOn(DummyClass2.prototype, 'hide')
6262
const componentWrapper = fixtureEl.querySelector('#foo')
63-
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
63+
const btnClose = fixtureEl.querySelector('[data-coreui-dismiss="test"]')
6464
const event = createEvent('click')
6565

6666
enableDismissTrigger(DummyClass2)
@@ -70,15 +70,15 @@ describe('Plugin functions', () => {
7070
expect(DummyClass2.prototype.hide).toHaveBeenCalled()
7171
})
7272

73-
it('if data-bs-dismiss="PluginName" is disabled, must not trigger function', () => {
73+
it('if data-coreui-dismiss="PluginName" is disabled, must not trigger function', () => {
7474
fixtureEl.innerHTML = [
7575
'<div id="foo" class="test">',
76-
' <button type="button" disabled data-bs-dismiss="test"></button>',
76+
' <button type="button" disabled data-coreui-dismiss="test"></button>',
7777
'</div>'
7878
].join('')
7979

8080
spyOn(DummyClass2, 'getOrCreateInstance').and.callThrough()
81-
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
81+
const btnClose = fixtureEl.querySelector('[data-coreui-dismiss="test"]')
8282
const event = createEvent('click')
8383

8484
enableDismissTrigger(DummyClass2)
@@ -90,11 +90,11 @@ describe('Plugin functions', () => {
9090
it('should prevent default when the trigger is <a> or <area>', () => {
9191
fixtureEl.innerHTML = [
9292
'<div id="foo" class="test">',
93-
' <a type="button" data-bs-dismiss="test"></a>',
93+
' <a type="button" data-coreui-dismiss="test"></a>',
9494
'</div>'
9595
].join('')
9696

97-
const btnClose = fixtureEl.querySelector('[data-bs-dismiss="test"]')
97+
const btnClose = fixtureEl.querySelector('[data-coreui-dismiss="test"]')
9898
const event = createEvent('click')
9999

100100
enableDismissTrigger(DummyClass2)

0 commit comments

Comments
 (0)