mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 09:58:11 +08:00
269 lines
11 KiB
TypeScript
269 lines
11 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { mocked } from "jest-mock";
|
|
import { act, fireEvent, render } from "@testing-library/react";
|
|
import { Beacon, BeaconIdentifier } from "matrix-js-sdk/src/matrix";
|
|
|
|
import LeftPanelLiveShareWarning from "../../../../src/components/views/beacon/LeftPanelLiveShareWarning";
|
|
import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../../../src/stores/OwnBeaconStore";
|
|
import { flushPromises, makeBeaconInfoEvent } from "../../../test-utils";
|
|
import dispatcher from "../../../../src/dispatcher/dispatcher";
|
|
import { Action } from "../../../../src/dispatcher/actions";
|
|
|
|
jest.mock("../../../../src/stores/OwnBeaconStore", () => {
|
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
const EventEmitter = require("events");
|
|
class MockOwnBeaconStore extends EventEmitter {
|
|
public getLiveBeaconIdsWithLocationPublishError = jest.fn().mockReturnValue([]);
|
|
public getBeaconById = jest.fn();
|
|
public getLiveBeaconIds = jest.fn().mockReturnValue([]);
|
|
public readonly beaconUpdateErrors = new Map<BeaconIdentifier, Error>();
|
|
public readonly beacons = new Map<BeaconIdentifier, Beacon>();
|
|
}
|
|
return {
|
|
// @ts-ignore
|
|
...jest.requireActual("../../../../src/stores/OwnBeaconStore"),
|
|
OwnBeaconStore: {
|
|
instance: new MockOwnBeaconStore() as unknown as OwnBeaconStore,
|
|
},
|
|
};
|
|
});
|
|
|
|
describe("<LeftPanelLiveShareWarning />", () => {
|
|
const getComponent = (props = {}) => render(<LeftPanelLiveShareWarning {...props} />);
|
|
|
|
const roomId1 = "!room1:server";
|
|
const roomId2 = "!room2:server";
|
|
const aliceId = "@alive:server";
|
|
|
|
const now = 1647270879403;
|
|
const HOUR_MS = 3600000;
|
|
|
|
beforeEach(() => {
|
|
jest.spyOn(global.Date, "now").mockReturnValue(now);
|
|
jest.spyOn(dispatcher, "dispatch")
|
|
.mockClear()
|
|
.mockImplementation(() => {});
|
|
|
|
OwnBeaconStore.instance.beaconUpdateErrors.clear();
|
|
});
|
|
|
|
afterAll(() => {
|
|
jest.spyOn(global.Date, "now").mockRestore();
|
|
|
|
jest.restoreAllMocks();
|
|
});
|
|
// 12h old, 12h left
|
|
const beacon1 = new Beacon(
|
|
makeBeaconInfoEvent(aliceId, roomId1, { timeout: HOUR_MS * 24, timestamp: now - 12 * HOUR_MS }, "$1"),
|
|
);
|
|
// 10h left
|
|
const beacon2 = new Beacon(makeBeaconInfoEvent(aliceId, roomId2, { timeout: HOUR_MS * 10, timestamp: now }, "$2"));
|
|
|
|
it("renders nothing when user has no live beacons", () => {
|
|
const { container } = getComponent();
|
|
expect(container.innerHTML).toBeFalsy();
|
|
});
|
|
|
|
describe("when user has live location monitor", () => {
|
|
beforeAll(() => {
|
|
mocked(OwnBeaconStore.instance).getBeaconById.mockImplementation((beaconId) => {
|
|
if (beaconId === beacon1.identifier) {
|
|
return beacon1;
|
|
}
|
|
return beacon2;
|
|
});
|
|
});
|
|
|
|
beforeEach(() => {
|
|
// @ts-ignore writing to readonly variable
|
|
mocked(OwnBeaconStore.instance).isMonitoringLiveLocation = true;
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([]);
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIds.mockReturnValue([beacon2.identifier, beacon1.identifier]);
|
|
});
|
|
|
|
afterAll(() => {
|
|
jest.spyOn(document, "addEventListener").mockRestore();
|
|
});
|
|
|
|
it("renders correctly when not minimized", () => {
|
|
const { asFragment } = getComponent();
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it("goes to room of latest beacon when clicked", () => {
|
|
const { container } = getComponent();
|
|
const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
|
|
|
|
fireEvent.click(container.querySelector("[role=button]")!);
|
|
|
|
expect(dispatchSpy).toHaveBeenCalledWith({
|
|
action: Action.ViewRoom,
|
|
metricsTrigger: undefined,
|
|
// latest beacon's room
|
|
room_id: roomId2,
|
|
event_id: beacon2.beaconInfoId,
|
|
highlighted: true,
|
|
scroll_into_view: true,
|
|
});
|
|
});
|
|
|
|
it("renders correctly when minimized", () => {
|
|
const { asFragment } = getComponent({ isMinimized: true });
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it("renders location publish error", () => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
|
|
beacon1.identifier,
|
|
]);
|
|
const { asFragment } = getComponent();
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it("goes to room of latest beacon with location publish error when clicked", () => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
|
|
beacon1.identifier,
|
|
]);
|
|
const { container } = getComponent();
|
|
const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
|
|
|
|
fireEvent.click(container.querySelector("[role=button]")!);
|
|
|
|
expect(dispatchSpy).toHaveBeenCalledWith({
|
|
action: Action.ViewRoom,
|
|
metricsTrigger: undefined,
|
|
// error beacon's room
|
|
room_id: roomId1,
|
|
event_id: beacon1.beaconInfoId,
|
|
highlighted: true,
|
|
scroll_into_view: true,
|
|
});
|
|
});
|
|
|
|
it("goes back to default style when wire errors are cleared", () => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
|
|
beacon1.identifier,
|
|
]);
|
|
const { container, rerender } = getComponent();
|
|
// error mode
|
|
expect(container.querySelector(".mx_LeftPanelLiveShareWarning")?.textContent).toEqual(
|
|
"An error occurred whilst sharing your live location",
|
|
);
|
|
|
|
act(() => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([]);
|
|
OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.LocationPublishError, "abc");
|
|
});
|
|
|
|
rerender(<LeftPanelLiveShareWarning />);
|
|
|
|
// default mode
|
|
expect(container.querySelector(".mx_LeftPanelLiveShareWarning")?.textContent).toEqual(
|
|
"You are sharing your live location",
|
|
);
|
|
});
|
|
|
|
it("removes itself when user stops having live beacons", async () => {
|
|
const { container, rerender } = getComponent({ isMinimized: true });
|
|
// started out rendered
|
|
expect(container.innerHTML).toBeTruthy();
|
|
|
|
act(() => {
|
|
// @ts-ignore writing to readonly variable
|
|
mocked(OwnBeaconStore.instance).isMonitoringLiveLocation = false;
|
|
OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.MonitoringLivePosition);
|
|
});
|
|
|
|
await flushPromises();
|
|
rerender(<LeftPanelLiveShareWarning />);
|
|
|
|
expect(container.innerHTML).toBeFalsy();
|
|
});
|
|
|
|
it("refreshes beacon liveness monitors when pagevisibilty changes to visible", () => {
|
|
OwnBeaconStore.instance.beacons.set(beacon1.identifier, beacon1);
|
|
OwnBeaconStore.instance.beacons.set(beacon2.identifier, beacon2);
|
|
const beacon1MonitorSpy = jest.spyOn(beacon1, "monitorLiveness");
|
|
const beacon2MonitorSpy = jest.spyOn(beacon1, "monitorLiveness");
|
|
|
|
jest.spyOn(document, "addEventListener").mockImplementation((_e, listener) =>
|
|
(listener as EventListener)(new Event("")),
|
|
);
|
|
|
|
expect(beacon1MonitorSpy).not.toHaveBeenCalled();
|
|
|
|
getComponent();
|
|
|
|
expect(beacon1MonitorSpy).toHaveBeenCalled();
|
|
expect(beacon2MonitorSpy).toHaveBeenCalled();
|
|
});
|
|
|
|
describe("stopping errors", () => {
|
|
it("renders stopping error", () => {
|
|
OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
|
|
const { container } = getComponent();
|
|
expect(container.textContent).toEqual("An error occurred while stopping your live location");
|
|
});
|
|
|
|
it("starts rendering stopping error on beaconUpdateError emit", () => {
|
|
const { container } = getComponent();
|
|
// no error
|
|
expect(container.textContent).toEqual("You are sharing your live location");
|
|
|
|
act(() => {
|
|
OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
|
|
OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.BeaconUpdateError, beacon2.identifier, true);
|
|
});
|
|
|
|
expect(container.textContent).toEqual("An error occurred while stopping your live location");
|
|
});
|
|
|
|
it("renders stopping error when beacons have stopping and location errors", () => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
|
|
beacon1.identifier,
|
|
]);
|
|
OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
|
|
const { container } = getComponent();
|
|
expect(container.textContent).toEqual("An error occurred while stopping your live location");
|
|
});
|
|
|
|
it("goes to room of latest beacon with stopping error when clicked", () => {
|
|
mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
|
|
beacon1.identifier,
|
|
]);
|
|
OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
|
|
const { container } = getComponent();
|
|
const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
|
|
|
|
fireEvent.click(container.querySelector("[role=button]")!);
|
|
|
|
expect(dispatchSpy).toHaveBeenCalledWith({
|
|
action: Action.ViewRoom,
|
|
metricsTrigger: undefined,
|
|
// stopping error beacon's room
|
|
room_id: beacon2.roomId,
|
|
event_id: beacon2.beaconInfoId,
|
|
highlighted: true,
|
|
scroll_into_view: true,
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|