| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- import { expect, jest, test } from "bun:test"
- import { createRoot, createSignal } from "solid-js"
- import { createDelayedPresence } from "../../src/util/delayed-presence"
- test("shows only after the same value remains present for the delay", async () => {
- jest.useFakeTimers()
- const scope = createRoot((dispose) => {
- const [value, setValue] = createSignal<string>()
- return { dispose, setValue, visible: createDelayedPresence(value, 1_000) }
- })
- try {
- scope.setValue("first")
- await Promise.resolve()
- jest.advanceTimersByTime(500)
- expect(scope.visible()).toBe(false)
- scope.setValue("second")
- await Promise.resolve()
- jest.advanceTimersByTime(999)
- expect(scope.visible()).toBe(false)
- jest.advanceTimersByTime(1)
- expect(scope.visible()).toBe(true)
- } finally {
- scope.dispose()
- jest.useRealTimers()
- }
- })
- test("cancels the delay when the value disappears or the owner is disposed", async () => {
- jest.useFakeTimers()
- const scope = createRoot((dispose) => {
- const [value, setValue] = createSignal<string>()
- return { dispose, setValue, visible: createDelayedPresence(value, 1_000) }
- })
- try {
- scope.setValue("running")
- await Promise.resolve()
- jest.advanceTimersByTime(500)
- scope.setValue(undefined)
- await Promise.resolve()
- jest.advanceTimersByTime(1_000)
- expect(scope.visible()).toBe(false)
- scope.setValue("running")
- await Promise.resolve()
- scope.dispose()
- jest.advanceTimersByTime(1_000)
- expect(scope.visible()).toBe(false)
- } finally {
- scope.dispose()
- jest.useRealTimers()
- }
- })
|