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 "jest-matrix-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]);
 | 
						|
    });
 | 
						|
});
 |