/* 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 { logger } from "matrix-js-sdk/src/logger"; import { checkBrowserSupport, LOCAL_STORAGE_KEY } from "../../src/SupportedBrowser"; import ToastStore from "../../src/stores/ToastStore"; import GenericToast from "../../src/components/views/toasts/GenericToast"; jest.mock("matrix-js-sdk/src/logger"); describe("SupportedBrowser", () => { beforeEach(() => { jest.resetAllMocks(); localStorage.clear(); }); const testUserAgentFactory = (expectedWarning?: string) => async (userAgent: string): Promise => { const toastSpy = jest.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast"); const warnLogSpy = jest.spyOn(logger, "warn"); Object.defineProperty(window, "navigator", { value: { userAgent: userAgent }, writable: true }); checkBrowserSupport(); if (expectedWarning) { expect(warnLogSpy).toHaveBeenCalledWith(expectedWarning, expect.any(String)); expect(toastSpy).toHaveBeenCalled(); } else { expect(warnLogSpy).not.toHaveBeenCalled(); expect(toastSpy).not.toHaveBeenCalled(); } }; it.each([ // Safari on iOS "Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1", // Firefox on iOS "Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/128.0 Mobile/15E148 Safari/605.1.15", // Opera on Samsung "Mozilla/5.0 (Linux; Android 10; SM-G970F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.6533.64 Mobile Safari/537.36 OPR/76.2.4027.73374", ])("should warn for mobile browsers", testUserAgentFactory("Browser unsupported, unsupported device type")); it.each([ // Chrome on Chrome OS "Mozilla/5.0 (X11; CrOS x86_64 15633.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.212 Safari/537.36", // Opera on Windows "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 OPR/113.0.0.0", // Vivaldi on Linux "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 Vivaldi/6.8.3381.48", // IE11 on Windows 10 "Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko", // Firefox 115 on macOS "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_4_5; rv:115.0) Gecko/20000101 Firefox/115.0", ])( "should warn for unsupported desktop browsers", testUserAgentFactory("Browser unsupported, unsupported user agent"), ); it.each([ // Safari 18.0 on macOS Sonoma "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0 Safari/605.1.15", // Firefox 131 on macOS Sonoma "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:131.0) Gecko/20100101 Firefox/131.0", // Edge 129 on Windows "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36 Edg/129.0.2792.79", // Edge 129 on macOS "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36 Edg/129.0.2792.79", // Firefox 131 on Windows "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0", // Firefox 131 on Linux "Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:131.0) Gecko/20100101 Firefox/131.0", // Chrome 130 on Windows "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36", ])("should not warn for supported browsers", testUserAgentFactory()); it.each([ // Element Nightly on macOS "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) ElementNightly/2024072501 Chrome/126.0.6478.127 Electron/31.2.1 Safari/537.36", ])("should not warn for Element Desktop", testUserAgentFactory()); it.each(["AppleTV11,1/11.1"])( "should handle unknown user agent sanely", testUserAgentFactory("Browser unsupported, unknown client"), ); it("should not warn for unsupported browser if user accepted already", async () => { const toastSpy = jest.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast"); const warnLogSpy = jest.spyOn(logger, "warn"); const userAgent = "Mozilla/5.0 (X11; CrOS x86_64 15633.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.212 Safari/537.36"; Object.defineProperty(window, "navigator", { value: { userAgent: userAgent }, writable: true }); checkBrowserSupport(); expect(warnLogSpy).toHaveBeenCalledWith("Browser unsupported, unsupported user agent", expect.any(String)); expect(toastSpy).toHaveBeenCalledWith( expect.objectContaining({ component: GenericToast, title: "Element does not support this browser", }), ); localStorage.setItem(LOCAL_STORAGE_KEY, String(true)); toastSpy.mockClear(); warnLogSpy.mockClear(); checkBrowserSupport(); expect(warnLogSpy).toHaveBeenCalledWith("Browser unsupported, but user has previously accepted"); expect(toastSpy).not.toHaveBeenCalled(); }); });