a9851272ae
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.
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
import { Bootstrapper } from './Bootstrapper';
|
|
import { RuntimeSanityValidator } from './Modules/RuntimeSanityValidator';
|
|
import { AppInitializationLogger } from './Modules/AppInitializationLogger';
|
|
import { DependencyBootstrapper } from './Modules/DependencyBootstrapper';
|
|
import { MobileSafariActivePseudoClassEnabler } from './Modules/MobileSafariActivePseudoClassEnabler';
|
|
import type { App } from 'vue';
|
|
|
|
export class ApplicationBootstrapper implements Bootstrapper {
|
|
constructor(private readonly bootstrappers = ApplicationBootstrapper.getAllBootstrappers()) { }
|
|
|
|
public async bootstrap(app: App): Promise<void> {
|
|
for (const bootstrapper of this.bootstrappers) {
|
|
// eslint-disable-next-line no-await-in-loop
|
|
await bootstrapper.bootstrap(app); // Not running `Promise.all` because order matters.
|
|
}
|
|
}
|
|
|
|
private static getAllBootstrappers(): Bootstrapper[] {
|
|
return [
|
|
new RuntimeSanityValidator(),
|
|
new DependencyBootstrapper(),
|
|
new AppInitializationLogger(),
|
|
new MobileSafariActivePseudoClassEnabler(),
|
|
];
|
|
}
|
|
}
|