55 lines
1.7 KiB
JavaScript
55 lines
1.7 KiB
JavaScript
import { basicAfterEach, basicBeforeEach, mockDefaultDataSource, tick } from '../shared'
|
|
import Picker from '../../../src/picker/PickerElement'
|
|
import { getByRole, waitFor } from '@testing-library/dom'
|
|
import { DEFAULT_DATA_SOURCE } from '../../../src/database/constants'
|
|
|
|
describe('lifecycle', () => {
|
|
beforeEach(basicBeforeEach)
|
|
afterEach(basicAfterEach)
|
|
|
|
test('can remove and re-append custom element', async () => {
|
|
mockDefaultDataSource()
|
|
const picker = new Picker()
|
|
const container = picker.shadowRoot
|
|
|
|
document.body.appendChild(picker)
|
|
|
|
await waitFor(() => expect(getByRole(container, 'menuitem', { name: /😀/ })).toBeVisible())
|
|
|
|
expect(fetch).toHaveBeenCalledTimes(1)
|
|
expect(fetch).toHaveBeenLastCalledWith(DEFAULT_DATA_SOURCE, undefined)
|
|
|
|
document.body.removeChild(picker)
|
|
await tick(20)
|
|
|
|
document.body.appendChild(picker)
|
|
await waitFor(() => expect(getByRole(container, 'menuitem', { name: /😀/ })).toBeVisible())
|
|
|
|
// fetches are unchanged, no new fetches after re-insertion
|
|
expect(fetch).toHaveBeenCalledTimes(1)
|
|
expect(fetch).toHaveBeenLastCalledWith(DEFAULT_DATA_SOURCE, undefined)
|
|
|
|
document.body.removeChild(picker)
|
|
await tick(20)
|
|
})
|
|
|
|
test('database.close() is called when disconnected', async () => {
|
|
mockDefaultDataSource()
|
|
const picker = new Picker()
|
|
document.body.appendChild(picker)
|
|
const container = picker.shadowRoot
|
|
|
|
await waitFor(() => expect(getByRole(container, 'menuitem', { name: /😀/ })).toBeVisible())
|
|
|
|
const spy = jest.spyOn(picker.database, 'close')
|
|
|
|
document.body.removeChild(picker)
|
|
await tick(20)
|
|
|
|
expect(spy).toHaveBeenCalled()
|
|
expect(spy).toHaveBeenCalledTimes(1)
|
|
|
|
spy.mockRestore()
|
|
})
|
|
})
|