mirror of
https://github.com/vector-im/element-call.git
synced 2026-02-08 04:19:11 +00:00
* Add a global control for toggling earpiece mode This will be used by Element X to show an earpiece toggle button in the header. * Add an earpiece overlay * Fix header The header needs to be passed forward as a string to some components and as a bool (hideHeader) to others. Also use a enum instead of string options. * fix top clipping with header * hide app bar in pip * revert android overlay app_bar * Modernize AppBarContext * Style header icon color as desired and switch earpice/speaker icon * fix initial selection when using controlled media * Add "Back to video" button * fix tests * remove dead code * add snapshot test * fix back to video button * Request capability to learn the room name We now need the room name in order to implement the mobile (widget-based) designs with the app bar. * Test the CallViewModel output switcher directly --------- Co-authored-by: Timo <toger5@hotmail.de>
259 lines
6.9 KiB
TypeScript
259 lines
6.9 KiB
TypeScript
/*
|
|
Copyright 2023, 2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { describe, expect, it } from "vitest";
|
|
|
|
import {
|
|
getRoomIdentifierFromUrl,
|
|
getUrlParams,
|
|
UserIntent,
|
|
} from "../src/UrlParams";
|
|
|
|
const ROOM_NAME = "roomNameHere";
|
|
const ROOM_ID = "!d45f138fsd";
|
|
const ORIGIN = "https://call.element.io";
|
|
const HOMESERVER = "localhost";
|
|
|
|
describe("UrlParams", () => {
|
|
describe("handles URL with /room/", () => {
|
|
it("and nothing else", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl(`/room/${ROOM_NAME}`, "", "").roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
|
|
it("and #", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl("", `${ORIGIN}/room/`, `#${ROOM_NAME}`)
|
|
.roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
|
|
it("and # and server part", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl("", `/room/`, `#${ROOM_NAME}:${HOMESERVER}`)
|
|
.roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
|
|
it("and server part", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl(`/room/${ROOM_NAME}:${HOMESERVER}`, "", "")
|
|
.roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
});
|
|
|
|
describe("handles URL without /room/", () => {
|
|
it("and nothing else", () => {
|
|
expect(getRoomIdentifierFromUrl(`/${ROOM_NAME}`, "", "").roomAlias).toBe(
|
|
`#${ROOM_NAME}:${HOMESERVER}`,
|
|
);
|
|
});
|
|
|
|
it("and with #", () => {
|
|
expect(getRoomIdentifierFromUrl("", "", `#${ROOM_NAME}`).roomAlias).toBe(
|
|
`#${ROOM_NAME}:${HOMESERVER}`,
|
|
);
|
|
});
|
|
|
|
it("and with # and server part", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl("", "", `#${ROOM_NAME}:${HOMESERVER}`)
|
|
.roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
|
|
it("and with server part", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl(`/${ROOM_NAME}:${HOMESERVER}`, "", "")
|
|
.roomAlias,
|
|
).toBe(`#${ROOM_NAME}:${HOMESERVER}`);
|
|
});
|
|
});
|
|
|
|
describe("handles search params", () => {
|
|
it("(roomId)", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl("", `?roomId=${ROOM_ID}`, "").roomId,
|
|
).toBe(ROOM_ID);
|
|
});
|
|
});
|
|
|
|
it("ignores room alias", () => {
|
|
expect(
|
|
getRoomIdentifierFromUrl("", `/room/${ROOM_NAME}:${HOMESERVER}`, "")
|
|
.roomAlias,
|
|
).toBeFalsy();
|
|
});
|
|
|
|
describe("preload", () => {
|
|
it("defaults to false", () => {
|
|
expect(getUrlParams().preload).toBe(false);
|
|
});
|
|
|
|
it("ignored in SPA mode", () => {
|
|
expect(getUrlParams("?preload=true").preload).toBe(false);
|
|
});
|
|
|
|
it("respected in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?preload=true&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).preload,
|
|
).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe("returnToLobby", () => {
|
|
it("is false in SPA mode", () => {
|
|
expect(getUrlParams("?returnToLobby=true").returnToLobby).toBe(false);
|
|
});
|
|
|
|
it("defaults to false in widget mode", () => {
|
|
expect(
|
|
getUrlParams("?widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo")
|
|
.returnToLobby,
|
|
).toBe(false);
|
|
});
|
|
|
|
it("respected in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?returnToLobby=true&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).returnToLobby,
|
|
).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe("userId", () => {
|
|
it("is ignored in SPA mode", () => {
|
|
expect(getUrlParams("?userId=asd").userId).toBe(null);
|
|
});
|
|
|
|
it("is parsed in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?userId=asd&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).userId,
|
|
).toBe("asd");
|
|
});
|
|
});
|
|
|
|
describe("deviceId", () => {
|
|
it("is ignored in SPA mode", () => {
|
|
expect(getUrlParams("?deviceId=asd").deviceId).toBe(null);
|
|
});
|
|
|
|
it("is parsed in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?deviceId=asd&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).deviceId,
|
|
).toBe("asd");
|
|
});
|
|
});
|
|
|
|
describe("baseUrl", () => {
|
|
it("is ignored in SPA mode", () => {
|
|
expect(getUrlParams("?baseUrl=asd").baseUrl).toBe(null);
|
|
});
|
|
|
|
it("is parsed in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?baseUrl=asd&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).baseUrl,
|
|
).toBe("asd");
|
|
});
|
|
});
|
|
|
|
describe("viaServers", () => {
|
|
it("is ignored in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?viaServers=asd&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).viaServers,
|
|
).toBe(null);
|
|
});
|
|
|
|
it("is parsed in SPA mode", () => {
|
|
expect(getUrlParams("?viaServers=asd").viaServers).toBe("asd");
|
|
});
|
|
});
|
|
|
|
describe("homeserver", () => {
|
|
it("is ignored in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?homeserver=asd&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).homeserver,
|
|
).toBe(null);
|
|
});
|
|
|
|
it("is parsed in SPA mode", () => {
|
|
expect(getUrlParams("?homeserver=asd").homeserver).toBe("asd");
|
|
});
|
|
});
|
|
|
|
describe("intent", () => {
|
|
it("defaults to unknown", () => {
|
|
expect(getUrlParams().intent).toBe(UserIntent.Unknown);
|
|
});
|
|
|
|
it("ignores intent if it is not a valid value", () => {
|
|
expect(getUrlParams("?intent=foo").intent).toBe(UserIntent.Unknown);
|
|
});
|
|
|
|
it("accepts start_call", () => {
|
|
expect(getUrlParams("?intent=start_call").intent).toBe(
|
|
UserIntent.StartNewCall,
|
|
);
|
|
});
|
|
|
|
it("accepts join_existing", () => {
|
|
expect(getUrlParams("?intent=join_existing").intent).toBe(
|
|
UserIntent.JoinExistingCall,
|
|
);
|
|
});
|
|
});
|
|
|
|
describe("skipLobby", () => {
|
|
it("defaults to false", () => {
|
|
expect(getUrlParams().skipLobby).toBe(false);
|
|
});
|
|
|
|
it("defaults to false if intent is start_call in SPA mode", () => {
|
|
expect(getUrlParams("?intent=start_call").skipLobby).toBe(false);
|
|
});
|
|
|
|
it("defaults to true if intent is start_call in widget mode", () => {
|
|
expect(
|
|
getUrlParams(
|
|
"?intent=start_call&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
|
|
).skipLobby,
|
|
).toBe(true);
|
|
});
|
|
|
|
it("default to false if intent is join_existing", () => {
|
|
expect(getUrlParams("?intent=join_existing").skipLobby).toBe(false);
|
|
});
|
|
});
|
|
describe("header", () => {
|
|
it("uses header if provided", () => {
|
|
expect(getUrlParams("?header=app_bar&hideHeader=true").header).toBe(
|
|
"app_bar",
|
|
);
|
|
expect(getUrlParams("?header=none&hideHeader=false").header).toBe("none");
|
|
});
|
|
it("converts hideHeader to the correct header value", () => {
|
|
expect(getUrlParams("?hideHeader=true").header).toBe("none");
|
|
expect(getUrlParams("?hideHeader=false").header).toBe("standard");
|
|
});
|
|
});
|
|
});
|