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.
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
import { SelectedScript } from '@/application/Context/State/Selection/Script/SelectedScript';
|
|
import { formatAssertionMessage } from '@tests/shared/FormatAssertionMessage';
|
|
|
|
export function expectEqualSelectedScripts(
|
|
actual: readonly SelectedScript[],
|
|
expected: readonly SelectedScript[],
|
|
) {
|
|
expectSameScriptIds(actual, expected);
|
|
expectSameRevertStates(actual, expected);
|
|
}
|
|
|
|
function expectSameScriptIds(
|
|
actual: readonly SelectedScript[],
|
|
expected: readonly SelectedScript[],
|
|
) {
|
|
const existingScriptIds = expected.map((script) => script.id).sort();
|
|
const expectedScriptIds = actual.map((script) => script.id).sort();
|
|
expect(existingScriptIds).to.deep.equal(expectedScriptIds, formatAssertionMessage([
|
|
'Unexpected script IDs.',
|
|
`Expected: ${expectedScriptIds.join(', ')}`,
|
|
`Actual: ${existingScriptIds.join(', ')}`,
|
|
]));
|
|
}
|
|
|
|
function expectSameRevertStates(
|
|
actual: readonly SelectedScript[],
|
|
expected: readonly SelectedScript[],
|
|
) {
|
|
const scriptsWithDifferentRevertStates = actual
|
|
.filter((script) => {
|
|
const other = expected.find((existing) => existing.id === script.id);
|
|
if (!other) {
|
|
throw new Error(`Script "${script.id}" does not exist in expected scripts: ${JSON.stringify(expected, null, '\t')}`);
|
|
}
|
|
return script.revert !== other.revert;
|
|
});
|
|
expect(scriptsWithDifferentRevertStates).to.have.lengthOf(0, formatAssertionMessage([
|
|
'Scripts with different revert states:',
|
|
scriptsWithDifferentRevertStates
|
|
.map((s) => [
|
|
`Script ID: "${s.id}"`,
|
|
`Actual revert state: "${s.revert}"`,
|
|
`Expected revert state: "${expected.find((existing) => existing.id === s.id)?.revert ?? 'unknown'}"`,
|
|
].map((line) => `\t${line}`).join('\n'))
|
|
.join('\n---\n'),
|
|
]));
|
|
}
|