rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Get only bs prefixed data attributes

Browse Source
This commit is contained in:
Rohit Sharma 2020-11-11 12:07:04 +05:30 committed by XhmikosR
parent a7f04e9595
commit e530118117
2 changed files with 5 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/src/dom/manipulator.js
View File

@ -43,16 +43,14 @@ const Manipulator = {
return {}
}
const attributes = {
...element.dataset
}
const attributes = {}
Object.keys(attributes)
Object.keys(element.dataset)
.filter(key => key.startsWith('bs'))
.forEach(key => {
let pureKey = key.replace(/^bs/, '')
pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length)
attributes[pureKey] = normalizeData(attributes[key])
attributes[pureKey] = normalizeData(element.dataset[key])
})
return attributes

20
js/tests/unit/dom/manipulator.spec.js
View File

@ -60,32 +60,16 @@ describe('Manipulator', () => {
expect().nothing()
})
it('should get all data attributes, without bs prefixed as well', () => {
fixtureEl.innerHTML = '<div data-bs-toggle="tabs" data-bs-target="#element" data-another="value"></div>'
it('should get only bs prefixed data attributes without bs namespace', () => {
fixtureEl.innerHTML = '<div data-bs-toggle="tabs" data-bs-target="#element" data-another="value" data-target-bs="#element" data-in-bs-out="in-between"></div>'
const div = fixtureEl.querySelector('div')
expect(Manipulator.getDataAttributes(div)).toEqual({
bsToggle: 'tabs',
bsTarget: '#element',
another: 'value',
toggle: 'tabs',
target: '#element'
})
})
it('should remove just prefixed bs keyword from the attributes and override original attribute with bs prefixed', () => {
fixtureEl.innerHTML = '<div data-bs-toggle="tabs" data-toggle="override" data-target-bs="#element" data-in-bs-out="in-between"></div>'
const div = fixtureEl.querySelector('div')
expect(Manipulator.getDataAttributes(div)).toEqual({
bsToggle: 'tabs',
targetBs: '#element',
inBsOut: 'in-between',
toggle: 'tabs'
})
})
})
describe('getDataAttribute', () => {