import { describe, it, afterEach } from 'vitest'; import { OperatingSystem } from '@/domain/OperatingSystem'; import { MobileSafariActivePseudoClassEnabler } from '@/presentation/bootstrapping/Modules/MobileSafariActivePseudoClassEnabler'; import { createEventSpies } from '@tests/shared/Spies/EventTargetSpy'; import { formatAssertionMessage } from '@tests/shared/FormatAssertionMessage'; import { isTouchEnabledDevice } from '@/infrastructure/RuntimeEnvironment/Browser/TouchSupportDetection'; import { BrowserRuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/Browser/BrowserRuntimeEnvironment'; import { MobileSafariDetectionTestCases } from './MobileSafariDetectionTestCases'; describe('MobileSafariActivePseudoClassEnabler', () => { describe('bootstrap', () => { MobileSafariDetectionTestCases.forEach(({ description, userAgent, supportsTouch, expectedResult, }) => { it(description, () => { // arrange const expectedEvent: keyof WindowEventMap = 'touchstart'; patchUserAgent(userAgent, afterEach); const { isAddEventCalled, formatListeners } = createEventSpies(window, afterEach); const patchedEnvironment = new TouchSupportControlledBrowserEnvironment(supportsTouch); const sut = new MobileSafariActivePseudoClassEnabler(patchedEnvironment); // act sut.bootstrap(); // assert const isSet = isAddEventCalled(expectedEvent); expect(isSet).to.equal(expectedResult, formatAssertionMessage([ `Expected result\t\t: ${expectedResult ? 'true (mobile Safari)' : 'false (not mobile Safari)'}`, `Actual result\t\t: ${isSet ? 'true (mobile Safari)' : 'false (not mobile Safari)'}`, `User agent\t\t: ${navigator.userAgent}`, `Touch supported\t\t: ${supportsTouch}`, `Current OS\t\t: ${patchedEnvironment.os === undefined ? 'unknown' : OperatingSystem[patchedEnvironment.os]}`, `Is desktop?\t\t: ${patchedEnvironment.isRunningAsDesktopApplication ? 'Yes (Desktop app)' : 'No (Browser)'}`, `Listeners\t\t: ${formatListeners()}`, ])); }); }); }); }); function patchUserAgent( userAgent: string, restoreCallback: (restoreFunc: () => void) => void, ) { const originalNavigator = window.navigator; const userAgentGetter = { get: () => userAgent }; window.navigator = Object.create(navigator, { userAgent: userAgentGetter, }); restoreCallback(() => { Object.assign(window, { navigator: originalNavigator, }); }); } function getTouchDetectorMock( isTouchEnabled: boolean, ): typeof isTouchEnabledDevice { return () => isTouchEnabled; } class TouchSupportControlledBrowserEnvironment extends BrowserRuntimeEnvironment { public constructor(isTouchEnabled: boolean) { super(window, undefined, undefined, getTouchDetectorMock(isTouchEnabled)); } }