mirror of https://github.com/vector-im/riot-web
93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { render, screen } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
|
|
import DesktopCapturerSourcePicker from "../../../../src/components/views/elements/DesktopCapturerSourcePicker";
|
|
import PlatformPeg from "../../../../src/PlatformPeg";
|
|
import BasePlatform from "../../../../src/BasePlatform";
|
|
|
|
const SOURCES = [
|
|
{
|
|
id: "screen1",
|
|
name: "Screen 1",
|
|
thumbnailURL: "data:image/png;base64,",
|
|
},
|
|
{
|
|
id: "window1",
|
|
name: "Window 1",
|
|
thumbnailURL: "data:image/png;base64,",
|
|
},
|
|
];
|
|
|
|
describe("DesktopCapturerSourcePicker", () => {
|
|
beforeEach(() => {
|
|
const plaf = {
|
|
getDesktopCapturerSources: jest.fn().mockResolvedValue(SOURCES),
|
|
supportsSetting: jest.fn().mockReturnValue(false),
|
|
};
|
|
jest.spyOn(PlatformPeg, "get").mockReturnValue(plaf as unknown as BasePlatform);
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.restoreAllMocks();
|
|
});
|
|
|
|
it("should render the component", () => {
|
|
render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
|
|
expect(screen.getByRole("button", { name: "Cancel" })).toBeInTheDocument();
|
|
expect(screen.getByRole("button", { name: "Share" })).toBeInTheDocument();
|
|
});
|
|
|
|
it("should disable share button until a source is selected", () => {
|
|
render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
|
|
expect(screen.getByRole("button", { name: "Share" })).toBeDisabled();
|
|
});
|
|
|
|
it("should contain a screen source in the default tab", async () => {
|
|
render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
|
|
|
|
const screen1Button = await screen.findByRole("button", { name: "Screen 1" });
|
|
|
|
expect(screen1Button).toBeInTheDocument();
|
|
expect(screen.queryByRole("button", { name: "Window 1" })).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("should contain a window source in the window tab", async () => {
|
|
render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
|
|
|
|
await userEvent.click(screen.getByRole("tab", { name: "Application window" }));
|
|
|
|
const window1Button = await screen.findByRole("button", { name: "Window 1" });
|
|
|
|
expect(window1Button).toBeInTheDocument();
|
|
expect(screen.queryByRole("button", { name: "Screen 1" })).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("should call onFinished with no arguments if cancelled", async () => {
|
|
const onFinished = jest.fn();
|
|
render(<DesktopCapturerSourcePicker onFinished={onFinished} />);
|
|
|
|
await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
|
|
expect(onFinished).toHaveBeenCalledWith();
|
|
});
|
|
|
|
it("should call onFinished with the selected source when share clicked", async () => {
|
|
const onFinished = jest.fn();
|
|
render(<DesktopCapturerSourcePicker onFinished={onFinished} />);
|
|
|
|
const screen1Button = await screen.findByRole("button", { name: "Screen 1" });
|
|
|
|
await userEvent.click(screen1Button);
|
|
await userEvent.click(screen.getByRole("button", { name: "Share" }));
|
|
expect(onFinished).toHaveBeenCalledWith(SOURCES[0]);
|
|
});
|
|
});
|