mv element.io @types __mocks__/ debian docker module_system/ playwright res src test webapp Dockerfile .dockerignore .eslintignore .stylelintrc.cjs babel.config.cjs recorder-worklet-loader.cjs .modernizr.json components.json config.json config.sample.json package.json project.json tsconfig.json tsconfig.module_system.json jest.config.ts playwright.config.ts webpack.config.ts build_config.sample.yaml apps/web/

mkdir apps/web/scripts mv scripts/{cleanup.sh,ci_package.sh,copy-res.ts,deploy.py,package.sh} apps/web/scripts And a couple of gitignore tweaks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-11-06 06:28:27 +00:00 · 2026-02-24 13:12:17 +00:00
parent e7509c92a1
commit 91a3cb03c1
3408 changed files with 28 additions and 32 deletions
@@ -0,0 +1,155 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { mocked } from "jest-mock";
+import { Beacon } from "matrix-js-sdk/src/matrix";
+import { render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import OwnBeaconStatus from "../../../../../src/components/views/beacon/OwnBeaconStatus";
+import { BeaconDisplayStatus } from "../../../../../src/components/views/beacon/displayStatus";
+import { useOwnLiveBeacons } from "../../../../../src/utils/beacon";
+import { makeBeaconInfoEvent } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/beacon/useOwnLiveBeacons", () => ({
+    useOwnLiveBeacons: jest.fn(),
+}));
+
+const defaultLiveBeaconsState = {
+    onStopSharing: jest.fn(),
+    onResetLocationPublishError: jest.fn(),
+    stoppingInProgress: false,
+    hasStopSharingError: false,
+    hasLocationPublishError: false,
+};
+
+describe("<OwnBeaconStatus />", () => {
+    const defaultProps = {
+        displayStatus: BeaconDisplayStatus.Loading,
+    };
+    const userId = "@user:server";
+    const roomId = "!room:server";
+    let defaultBeacon: Beacon;
+    const renderComponent = (props: Partial<React.ComponentProps<typeof OwnBeaconStatus>> = {}) =>
+        render(<OwnBeaconStatus {...defaultProps} {...props} />);
+    const getRetryButton = () => screen.getByRole("button", { name: "Retry" });
+    const getStopButton = () => screen.getByRole("button", { name: "Stop" });
+
+    beforeEach(() => {
+        jest.spyOn(global.Date, "now").mockReturnValue(123456789);
+        mocked(useOwnLiveBeacons).mockClear().mockReturnValue(defaultLiveBeaconsState);
+
+        defaultBeacon = new Beacon(makeBeaconInfoEvent(userId, roomId));
+    });
+
+    it("renders without a beacon instance", () => {
+        const { asFragment } = renderComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("Active state", () => {
+        it("renders stop button", () => {
+            const displayStatus = BeaconDisplayStatus.Active;
+            mocked(useOwnLiveBeacons).mockReturnValue({
+                ...defaultLiveBeaconsState,
+                onStopSharing: jest.fn(),
+            });
+            renderComponent({ displayStatus, beacon: defaultBeacon });
+            expect(screen.getByText("Live location enabled")).toBeInTheDocument();
+            expect(getStopButton()).toBeInTheDocument();
+        });
+
+        it("stops sharing on stop button click", async () => {
+            const displayStatus = BeaconDisplayStatus.Active;
+            const onStopSharing = jest.fn();
+            mocked(useOwnLiveBeacons).mockReturnValue({
+                ...defaultLiveBeaconsState,
+                onStopSharing,
+            });
+            renderComponent({ displayStatus, beacon: defaultBeacon });
+            await userEvent.click(getStopButton());
+            expect(onStopSharing).toHaveBeenCalled();
+        });
+    });
+
+    describe("errors", () => {
+        it("renders in error mode when displayStatus is error", () => {
+            const displayStatus = BeaconDisplayStatus.Error;
+            renderComponent({ displayStatus });
+            expect(screen.getByText("Live location error")).toBeInTheDocument();
+
+            // no actions for plain error
+            expect(screen.queryByRole("button")).not.toBeInTheDocument();
+        });
+
+        describe("with location publish error", () => {
+            it("renders in error mode", () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: true,
+                    onResetLocationPublishError: jest.fn(),
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                expect(screen.getByText("Live location error")).toBeInTheDocument();
+                // retry button
+                expect(getRetryButton()).toBeInTheDocument();
+            });
+
+            it("retry button resets location publish error", async () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                const onResetLocationPublishError = jest.fn();
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: true,
+                    onResetLocationPublishError,
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                await userEvent.click(getRetryButton());
+
+                expect(onResetLocationPublishError).toHaveBeenCalled();
+            });
+        });
+
+        describe("with stopping error", () => {
+            it("renders in error mode", () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: false,
+                    hasStopSharingError: true,
+                    onStopSharing: jest.fn(),
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                expect(screen.getByText("Live location error")).toBeInTheDocument();
+                // retry button
+                expect(getRetryButton()).toBeInTheDocument();
+            });
+
+            it("retry button retries stop sharing", async () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                const onStopSharing = jest.fn();
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasStopSharingError: true,
+                    onStopSharing,
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                await userEvent.click(getRetryButton());
+
+                expect(onStopSharing).toHaveBeenCalled();
+            });
+        });
+    });
+
+    it("renders loading state correctly", () => {
+        const component = renderComponent();
+        expect(component).toBeTruthy();
+    });
+});