mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 18:44:01 +02:00
Code Issues Releases Wiki Activity

Fix popover arrow & tooltip template after the setContent addition (#35441)

Browse Source
This commit is contained in:
GeoSot
2021-12-01 15:10:10 +02:00
committed by GitHub
parent 44a6cd724c
commit cab62af2e6
3 changed files with 48 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
js/tests/unit/popover.spec.js
View File

@@ -155,6 +155,22 @@ describe('Popover', () => {
popover.show()
})
it('"setContent" should keep the initial template', () => {
fixtureEl.innerHTML = '<a href="#" title="Popover" data-bs-content="https://twitter.com/getbootstrap" data-bs-custom-class="custom-class">BS twitter</a>'
const popoverEl = fixtureEl.querySelector('a')
const popover = new Popover(popoverEl)
popover.setContent({ '.tooltip-inner': 'foo' })
const tip = popover.getTipElement()
expect(tip).toHaveClass('popover')
expect(tip).toHaveClass('bs-popover-auto')
expect(tip.querySelector('.popover-arrow')).not.toBeNull()
expect(tip.querySelector('.popover-header')).not.toBeNull()
expect(tip.querySelector('.popover-body')).not.toBeNull()
})
it('should call setContent once', done => {
fixtureEl.innerHTML = '<a href="#">BS twitter</a>'

15
js/tests/unit/tooltip.spec.js
View File

@@ -1081,6 +1081,21 @@ describe('Tooltip', () => {
expect(tip()).not.toHaveClass('show')
expect(tip().querySelector('.tooltip-inner').textContent).toEqual('foo')
})
it('"setContent" should keep the initial template', () => {
fixtureEl.innerHTML = '<a href="#" rel="tooltip" title="Another tooltip">'
const tooltipEl = fixtureEl.querySelector('a')
const tooltip = new Tooltip(tooltipEl)
tooltip.setContent({ '.tooltip-inner': 'foo' })
const tip = tooltip.getTipElement()
expect(tip).toHaveClass('tooltip')
expect(tip).toHaveClass('bs-tooltip-auto')
expect(tip.querySelector('.tooltip-arrow')).not.toBeNull()
expect(tip.querySelector('.tooltip-inner')).not.toBeNull()
})
})
describe('setContent', () => {