Skip to content

Commit 1f0a079

Browse files
committed
test(ui): adds compact mode date tooltip hover test
Mirrors the comfortable layout tooltip hover tests to verify the Kobalte Tooltip renders correct content on pointer enter in compact density mode.
1 parent 7f6dcc8 commit 1f0a079

1 file changed

Lines changed: 19 additions & 0 deletions

File tree

tests/components/ItemRow.test.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,25 @@ describe("ItemRow", () => {
151151
const timeEls = container.querySelectorAll("time");
152152
expect(timeEls.length).toBe(1);
153153
});
154+
155+
it("shows updated date tooltip content on hover in compact mode", () => {
156+
vi.useFakeTimers();
157+
const { container, unmount } = render(() => <ItemRow {...defaultProps} />);
158+
const updatedTrigger = container.querySelector(
159+
`time[datetime="${defaultProps.updatedAt}"]`
160+
)?.closest("span.inline-flex");
161+
expect(updatedTrigger).not.toBeNull();
162+
expect(updatedTrigger!.className).toContain("z-10");
163+
fireEvent.pointerEnter(updatedTrigger!);
164+
vi.advanceTimersByTime(300);
165+
expect(document.body.textContent).toContain(
166+
`Updated: ${new Date(defaultProps.updatedAt).toLocaleString()}`
167+
);
168+
fireEvent.pointerLeave(updatedTrigger!);
169+
vi.advanceTimersByTime(500);
170+
unmount();
171+
vi.useRealTimers();
172+
});
154173
});
155174

156175
it("renders no labels section when labels array is empty", () => {

0 commit comments

Comments
 (0)