Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Convert useUserDirectory tests to RTL (#10160)

Browse Source
This commit is contained in:
alunturner 2023-02-14 16:01:10 +00:00 committed by GitHub
parent 731ef1b1ea
commit a4ff959aa1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
test/hooks/useUserDirectory-test.tsx
View File

@ -14,27 +14,16 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
// eslint-disable-next-line deprecate/import
import { mount } from "enzyme";
import { waitFor } from "@testing-library/react";
import { renderHook, act } from "@testing-library/react-hooks/dom";
import { MatrixClient } from "matrix-js-sdk/src/matrix";
import { sleep } from "matrix-js-sdk/src/utils";
import React from "react";
import { act } from "react-dom/test-utils";
import { useUserDirectory } from "../../src/hooks/useUserDirectory";
import { MatrixClientPeg } from "../../src/MatrixClientPeg";
import { stubClient } from "../test-utils";
function UserDirectoryComponent({ onClick }: { onClick(hook: ReturnType<typeof useUserDirectory>): void }) {
const userDirectory = useUserDirectory();
const { ready, loading, users } = userDirectory;
return (
<div onClick={() => onClick(userDirectory)}>
{users[0] ? `Name: ${users[0].name}` : `ready: ${ready}, loading: ${loading}`}
</div>
);
function render() {
return renderHook(() => useUserDirectory());
}
describe("useUserDirectory", () => {
@ -60,48 +49,28 @@ describe("useUserDirectory", () => {
it("search for users in the identity server", async () => {
const query = "Bob";
const { result } = render();
const wrapper = mount(
<UserDirectoryComponent
onClick={(hook) => {
hook.search({
limit: 1,
query,
});
}}
/>,
);
expect(wrapper.text()).toBe("ready: true, loading: false");
await act(async () => {
await sleep(1);
wrapper.simulate("click");
return act(() => sleep(1));
act(() => {
result.current.search({ limit: 1, query });
});
await waitFor(() => expect(result.current.ready).toBe(true));
expect(wrapper.text()).toContain(query);
expect(result.current.loading).toBe(false);
expect(result.current.users[0].name).toBe(query);
});
it("should work with empty queries", async () => {
const query = "";
const { result } = render();
const wrapper = mount(
<UserDirectoryComponent
onClick={(hook) => {
hook.search({
limit: 1,
query,
});
}}
/>,
);
await act(async () => {
await sleep(1);
wrapper.simulate("click");
return act(() => sleep(1));
act(() => {
result.current.search({ limit: 1, query });
});
expect(wrapper.text()).toBe("ready: true, loading: false");
await waitFor(() => expect(result.current.ready).toBe(true));
expect(result.current.loading).toBe(false);
expect(result.current.users).toEqual([]);
});
it("should recover from a server exception", async () => {
@ -110,21 +79,14 @@ describe("useUserDirectory", () => {
};
const query = "Bob";
const wrapper = mount(
<UserDirectoryComponent
onClick={(hook) => {
hook.search({
limit: 1,
query,
});
}}
/>,
);
await act(async () => {
await sleep(1);
wrapper.simulate("click");
return act(() => sleep(1));
const { result } = render();
act(() => {
result.current.search({ limit: 1, query });
});
expect(wrapper.text()).toBe("ready: true, loading: false");
await waitFor(() => expect(result.current.ready).toBe(true));
expect(result.current.loading).toBe(false);
expect(result.current.users).toEqual([]);
});
});