105 lines
2.5 KiB
JavaScript
105 lines
2.5 KiB
JavaScript
|
import Data from '../../../src/dom/data.js'
|
||
|
|
import { clearFixture, getFixture } from '../../helpers/fixture.js'
|
||
|
|
|
||
|
|
describe('Data', () => {
|
||
|
|
const TEST_KEY = 'bs.test'
|
||
|
|
const UNKNOWN_KEY = 'bs.unknown'
|
||
|
|
const TEST_DATA = {
|
||
|
|
test: 'bsData'
|
||
|
|
}
|
||
|
|
|
||
|
|
let fixtureEl
|
||
|
|
let div
|
||
|
|
|
||
|
|
beforeAll(() => {
|
||
|
|
fixtureEl = getFixture()
|
||
|
|
})
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
fixtureEl.innerHTML = '<div></div>'
|
||
|
|
div = fixtureEl.querySelector('div')
|
||
|
|
})
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
Data.remove(div, TEST_KEY)
|
||
|
|
clearFixture()
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should return null for unknown elements', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
|
||
|
|
expect(Data.get(null)).toBeNull()
|
||
|
|
expect(Data.get(undefined)).toBeNull()
|
||
|
|
expect(Data.get(document.createElement('div'), TEST_KEY)).toBeNull()
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should return null for unknown keys', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
|
||
|
|
expect(Data.get(div, null)).toBeNull()
|
||
|
|
expect(Data.get(div, undefined)).toBeNull()
|
||
|
|
expect(Data.get(div, UNKNOWN_KEY)).toBeNull()
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should store data for an element with a given key and return it', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
|
||
|
|
expect(Data.get(div, TEST_KEY)).toEqual(data)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should overwrite data if something is already stored', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
const copy = { ...data }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
Data.set(div, TEST_KEY, copy)
|
||
|
|
|
||
|
|
// Using `toBe` since spread creates a shallow copy
|
||
|
|
expect(Data.get(div, TEST_KEY)).not.toBe(data)
|
||
|
|
expect(Data.get(div, TEST_KEY)).toBe(copy)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should do nothing when an element has nothing stored', () => {
|
||
|
|
Data.remove(div, TEST_KEY)
|
||
|
|
|
||
|
|
expect().nothing()
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should remove nothing for an unknown key', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
Data.remove(div, UNKNOWN_KEY)
|
||
|
|
|
||
|
|
expect(Data.get(div, TEST_KEY)).toEqual(data)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should remove data for a given key', () => {
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
Data.remove(div, TEST_KEY)
|
||
|
|
|
||
|
|
expect(Data.get(div, TEST_KEY)).toBeNull()
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should console.error a message if called with multiple keys', () => {
|
||
|
|
console.error = jasmine.createSpy('console.error')
|
||
|
|
|
||
|
|
const data = { ...TEST_DATA }
|
||
|
|
const copy = { ...data }
|
||
|
|
|
||
|
|
Data.set(div, TEST_KEY, data)
|
||
|
|
Data.set(div, UNKNOWN_KEY, copy)
|
||
|
|
|
||
|
|
expect(console.error).toHaveBeenCalled()
|
||
|
|
expect(Data.get(div, UNKNOWN_KEY)).toBeNull()
|
||
|
|
})
|
||
|
|
})
|