9254e9562e
* Don't reference the notification levels by colour We're about to change what colours they are so either we'd have to rename a bunch of constants. We may as well make things not reference what colour anything is in the actual UI. Hopefully these constants are clear enough. * Rename NotificationColor -> NotificationLevel * Red -> Highlight * Grey -> Notification * Bold -> Activity * Anywhere else that calls it 'color' -> 'level' Also fixes some weird mixes of US & UK English. It turns out this is referenced in... quite a lot of places, so this is quite a large PR. It can't really be much smaller, sorry. * One test rename & some hiding due to ts-ignore * More hiding behind ts-ignore * Damn you, @ts-ignore... * Fix test CSS values * Missed some colour -> level Co-authored-by: Florian Duros <florianduros@element.io> * Change other instances of variables renamed in suggestion * Update new test for renames --------- Co-authored-by: Florian Duros <florianduros@element.io>
73 lines
2.6 KiB
TypeScript
73 lines
2.6 KiB
TypeScript
/*
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { renderHook } from "@testing-library/react-hooks/dom";
|
|
import { MatrixClient, NotificationCountType, Room } from "matrix-js-sdk/src/matrix";
|
|
|
|
import { useRoomThreadNotifications } from "../../../src/hooks/room/useRoomThreadNotifications";
|
|
import { stubClient } from "../../test-utils";
|
|
import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
|
|
import { NotificationLevel } from "../../../src/stores/notifications/NotificationLevel";
|
|
import { populateThread } from "../../test-utils/threads";
|
|
|
|
function render(room: Room) {
|
|
return renderHook(() => useRoomThreadNotifications(room));
|
|
}
|
|
|
|
describe("useRoomThreadNotifications", () => {
|
|
let cli: MatrixClient;
|
|
let room: Room;
|
|
|
|
beforeEach(() => {
|
|
stubClient();
|
|
cli = MatrixClientPeg.safeGet();
|
|
cli.supportsThreads = () => true;
|
|
room = new Room("!room:server", cli, cli.getSafeUserId());
|
|
});
|
|
|
|
it("returns none if no thread in the room has notifications", async () => {
|
|
const { result } = render(room);
|
|
|
|
expect(result.current).toBe(NotificationLevel.None);
|
|
});
|
|
|
|
it("returns red if a thread in the room has a highlight notification", async () => {
|
|
room.setThreadUnreadNotificationCount("flooble", NotificationCountType.Highlight, 1);
|
|
const { result } = render(room);
|
|
|
|
expect(result.current).toBe(NotificationLevel.Highlight);
|
|
});
|
|
|
|
it("returns grey if a thread in the room has a normal notification", async () => {
|
|
room.setThreadUnreadNotificationCount("flooble", NotificationCountType.Total, 1);
|
|
const { result } = render(room);
|
|
|
|
expect(result.current).toBe(NotificationLevel.Notification);
|
|
});
|
|
|
|
it("returns bold if a thread in the room unread messages", async () => {
|
|
await populateThread({
|
|
room,
|
|
client: cli,
|
|
authorId: cli.getSafeUserId(),
|
|
participantUserIds: ["@alice:server.org"],
|
|
});
|
|
|
|
const { result } = render(room);
|
|
|
|
expect(result.current).toBe(NotificationLevel.Activity);
|
|
});
|
|
});
|