OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

TS

pull/28217/head
Kegan Dougal 2023-01-20 17:20:10 +00:00
parent 6ec25234d7
commit 7616f71ff2
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
test/hooks/useSlidingSyncRoomSearch-test.tsx
View File

@ -23,22 +23,28 @@ import { mocked } from "jest-mock";
import { SlidingSync } from "matrix-js-sdk/src/sliding-sync"; import { SlidingSync } from "matrix-js-sdk/src/sliding-sync";
import { Room } from "matrix-js-sdk/src/matrix"; import { Room } from "matrix-js-sdk/src/matrix";
import { useSlidingSyncRoomSearch } from "../../src/hooks/useSlidingSyncRoomSearch"; import { SlidingSyncRoomSearchOpts, useSlidingSyncRoomSearch } from "../../src/hooks/useSlidingSyncRoomSearch";
import { MockEventEmitter, stubClient } from "../test-utils"; import { MockEventEmitter, stubClient } from "../test-utils";
import { SlidingSyncManager } from "../../src/SlidingSyncManager"; import { SlidingSyncManager } from "../../src/SlidingSyncManager";
type RoomSearchHook = {
loading: boolean;
rooms: Room[];
search(opts: SlidingSyncRoomSearchOpts): Promise<boolean>;
};
// hooks must be inside a React component else you get: // hooks must be inside a React component else you get:
// "Invalid hook call. Hooks can only be called inside of the body of a function component." // "Invalid hook call. Hooks can only be called inside of the body of a function component."
function RoomSearchComponent({ onClick }) { function RoomSearchComponent(props: { onClick: (h: RoomSearchHook) => void }) {
const roomSearch = useSlidingSyncRoomSearch(); const roomSearch = useSlidingSyncRoomSearch();
return <div onClick={() => onClick(roomSearch)} />; return <div onClick={() => props.onClick(roomSearch)} />;
} }
describe("useSlidingSyncRoomSearch", () => { describe("useSlidingSyncRoomSearch", () => {
it("should display rooms when searching", async () => { it("should display rooms when searching", async () => {
const client = stubClient(); const client = stubClient();
const roomA = new Room("!a:localhost", client, client.getUserId()); const roomA = new Room("!a:localhost", client, client.getUserId()!);
const roomB = new Room("!b:localhost", client, client.getUserId()); const roomB = new Room("!b:localhost", client, client.getUserId()!);
const slidingSync = mocked( const slidingSync = mocked(
new MockEventEmitter({ new MockEventEmitter({
getListData: jest.fn(), getListData: jest.fn(),
@ -67,7 +73,7 @@ describe("useSlidingSyncRoomSearch", () => {
}); });
// first check that everything is empty and then do the search // first check that everything is empty and then do the search
let executeHook = (roomSearch) => { let executeHook = (roomSearch: RoomSearchHook) => {
expect(roomSearch.loading).toBe(false); expect(roomSearch.loading).toBe(false);
expect(roomSearch.rooms).toEqual([]); expect(roomSearch.rooms).toEqual([]);
roomSearch.search({ roomSearch.search({
@ -77,7 +83,7 @@ describe("useSlidingSyncRoomSearch", () => {
}; };
const wrapper = mount( const wrapper = mount(
<RoomSearchComponent <RoomSearchComponent
onClick={(roomSearch) => { onClick={(roomSearch: RoomSearchHook) => {
executeHook(roomSearch); executeHook(roomSearch);
}} }}
/>, />,