This commit resolves the issue with the `:active` pseudo-class not
activating in mobile Safari on iOS devices. It introduces a workaround
specifically for mobile Safari on iOS/iPadOS to enable the `:active`
pseudo-class. This ensures a consistent and responsive user interface
in response to touch states on mobile Safari.
Other supporting changes:
- Introduce new test utility functions such as `createWindowEventSpies`
and `formatAssertionMessage` to improve code reusability and
maintainability.
- Improve browser detection:
- Add detection for iPadOS and Windows 10 Mobile.
- Add touch support detection to correctly determine iPadOS vs macOS.
- Fix misidentification of some Windows 10 Mobile platforms as Windows
Phone.
- Improve test coverage and refactor tests.
18 lines
514 B
TypeScript
18 lines
514 B
TypeScript
import { BrowserEnvironment } from '@/infrastructure/RuntimeEnvironment/BrowserOs/BrowserOsDetector';
|
|
|
|
export class BrowserEnvironmentStub implements BrowserEnvironment {
|
|
public isTouchSupported = false;
|
|
|
|
public userAgent = `[${BrowserEnvironmentStub.name}] User-Agent`;
|
|
|
|
public withIsTouchSupported(isTouchSupported: boolean): this {
|
|
this.isTouchSupported = isTouchSupported;
|
|
return this;
|
|
}
|
|
|
|
public withUserAgent(userAgent: string): this {
|
|
this.userAgent = userAgent;
|
|
return this;
|
|
}
|
|
}
|