74 lines
2.0 KiB
TypeScript
74 lines
2.0 KiB
TypeScript
import { Appearance } from 'react-native';
|
|
import { beforeEach, describe, expect, test, vi } from 'vitest';
|
|
|
|
import {
|
|
HOST_BRIDGE_PROTOCOL,
|
|
HOST_BRIDGE_VERSION,
|
|
type HostBridgeRequest,
|
|
} from '../../../../packages/shared/src/contracts/hostBridge';
|
|
import {
|
|
getMobileAppearanceColorScheme,
|
|
getMobileHostBridgeAppearanceColorScheme,
|
|
} from './appearance';
|
|
|
|
vi.mock('react-native', () => ({
|
|
Appearance: {
|
|
getColorScheme: vi.fn(),
|
|
},
|
|
}));
|
|
|
|
function request(): HostBridgeRequest {
|
|
return {
|
|
bridge: HOST_BRIDGE_PROTOCOL,
|
|
version: HOST_BRIDGE_VERSION,
|
|
id: 'appearance-request',
|
|
method: 'appearance.getColorScheme',
|
|
};
|
|
}
|
|
|
|
beforeEach(() => {
|
|
vi.mocked(Appearance.getColorScheme).mockReset();
|
|
});
|
|
|
|
describe('mobile appearance helpers', () => {
|
|
test('reads the current light or dark system color scheme', () => {
|
|
vi.mocked(Appearance.getColorScheme).mockReturnValue('light');
|
|
expect(getMobileAppearanceColorScheme()).toEqual({
|
|
colorScheme: 'light',
|
|
});
|
|
|
|
vi.mocked(Appearance.getColorScheme).mockReturnValue('dark');
|
|
expect(getMobileAppearanceColorScheme()).toEqual({
|
|
colorScheme: 'dark',
|
|
});
|
|
});
|
|
|
|
test('normalizes missing or unknown native color schemes to unknown', () => {
|
|
vi.mocked(Appearance.getColorScheme).mockReturnValue(null);
|
|
expect(getMobileAppearanceColorScheme()).toEqual({
|
|
colorScheme: 'unknown',
|
|
});
|
|
|
|
vi.mocked(Appearance.getColorScheme).mockReturnValue(
|
|
'unspecified' as ReturnType<typeof Appearance.getColorScheme>,
|
|
);
|
|
expect(getMobileAppearanceColorScheme()).toEqual({
|
|
colorScheme: 'unknown',
|
|
});
|
|
});
|
|
|
|
test('wraps the system color scheme in the HostBridge response shape', () => {
|
|
vi.mocked(Appearance.getColorScheme).mockReturnValue('dark');
|
|
|
|
expect(getMobileHostBridgeAppearanceColorScheme(request())).toEqual({
|
|
bridge: HOST_BRIDGE_PROTOCOL,
|
|
version: HOST_BRIDGE_VERSION,
|
|
id: 'appearance-request',
|
|
ok: true,
|
|
result: {
|
|
colorScheme: 'dark',
|
|
},
|
|
});
|
|
});
|
|
});
|