mirror of
https://github.com/MeshCore-Beacon/beacon-web.git
synced 2026-09-16 10:22:34 +00:00
MrAlders0n
ad4e68f817
- fresh-row highlights leaked under a steady stream (each new batch cancelled the previous batch's clear timer); per-batch timers in a small useFreshHashes hook now - closing the analyzer drops ?hash and the row selection, so the same row reopens on the next click and a closed analyzer stays closed after reload/share - sf=path / sf=payload from the URL fall back to hash search (only field matchesFilters implements; the UI options were already disabled) - remove the summary preview line no backend path ever populates - channel message rows key on packetHash (live WS messages carry no id)
73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from "vitest";
|
|
import { render, screen } from "@testing-library/react";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { MessagePanel } from "../../../src/features/channels/MessagePanel";
|
|
import type { ChannelMessage, ChannelSummary } from "../../../src/features/channels/types";
|
|
|
|
// live WS messages have no id — mirror that runtime shape in the page data
|
|
const restMsg: ChannelMessage = {
|
|
id: 1,
|
|
packetHash: "ph-rest",
|
|
channelHash: "ch1",
|
|
senderName: "alice",
|
|
content: "from rest",
|
|
sentAt: 1000,
|
|
};
|
|
|
|
const liveMsgA = {
|
|
packetHash: "ph-live-a",
|
|
channelHash: "ch1",
|
|
senderName: "bob",
|
|
content: "live one",
|
|
sentAt: 2000,
|
|
} as ChannelMessage;
|
|
|
|
const liveMsgB = {
|
|
packetHash: "ph-live-b",
|
|
channelHash: "ch1",
|
|
senderName: "carol",
|
|
content: "live two",
|
|
sentAt: 3000,
|
|
} as ChannelMessage;
|
|
|
|
vi.mock("../../../src/api/client", () => ({
|
|
getChannelMessagesPage: vi.fn(() =>
|
|
Promise.resolve({ items: [restMsg, liveMsgA, liveMsgB], nextCursor: null, hasMore: false }),
|
|
),
|
|
}));
|
|
|
|
const channel: ChannelSummary = {
|
|
id: 1,
|
|
name: "Public",
|
|
channelHash: "ch1",
|
|
lastSeen: 3000,
|
|
isHashtag: false,
|
|
keyKnown: true,
|
|
};
|
|
|
|
beforeEach(() => {
|
|
window.HTMLElement.prototype.scrollIntoView = vi.fn();
|
|
});
|
|
|
|
describe("MessagePanel row keys", () => {
|
|
it("keys rows without React key warnings when live messages lack an id", async () => {
|
|
const errorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
|
|
const qc = new QueryClient({ defaultOptions: { queries: { retry: false } } });
|
|
|
|
render(
|
|
<QueryClientProvider client={qc}>
|
|
<MessagePanel channel={channel} heardCounts={{}} regionKey="*" />
|
|
</QueryClientProvider>,
|
|
);
|
|
|
|
await screen.findByText("live two");
|
|
expect(screen.getByText("from rest")).toBeInTheDocument();
|
|
expect(screen.getByText("live one")).toBeInTheDocument();
|
|
|
|
const keyWarnings = errorSpy.mock.calls.filter((args) => String(args[0]).includes("key"));
|
|
expect(keyWarnings).toEqual([]);
|
|
|
|
errorSpy.mockRestore();
|
|
});
|
|
});
|