58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
|
import { afterEach, describe, expect, test } from 'bun:test';
|
||
|
|
|
||
|
|
import { readTabletLayout, type TabletLayout } from './device';
|
||
|
|
|
||
|
|
// No module mocking here on purpose: mock.module is process-global and would
|
||
|
|
// leak into every other test file. Outside a Capacitor shell isIPadApp() is
|
||
|
|
// already false, so a bare viewport stub isolates the geometry rules.
|
||
|
|
const originalWindow = globalThis.window;
|
||
|
|
|
||
|
|
const setViewport = (width: number, height: number) => {
|
||
|
|
(globalThis as { window?: unknown }).window = {
|
||
|
|
innerWidth: width,
|
||
|
|
innerHeight: height,
|
||
|
|
// isIPadApp() reaches for the Capacitor markers; a plain web location
|
||
|
|
// keeps it on its `false` path without mocking the module.
|
||
|
|
location: { protocol: 'https:', search: '' },
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
const withViewport = (width: number, height: number): TabletLayout => {
|
||
|
|
setViewport(width, height);
|
||
|
|
return readTabletLayout();
|
||
|
|
};
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
(globalThis as { window?: unknown }).window = originalWindow;
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('readTabletLayout', () => {
|
||
|
|
test('a phone stays a phone in both orientations', () => {
|
||
|
|
expect(withViewport(390, 844).enabled).toBe(false);
|
||
|
|
// The long side alone must never qualify — this is the case a plain
|
||
|
|
// width threshold gets wrong.
|
||
|
|
expect(withViewport(844, 390).enabled).toBe(false);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('a tablet qualifies in both orientations', () => {
|
||
|
|
expect(withViewport(834, 1194).enabled).toBe(true);
|
||
|
|
expect(withViewport(1194, 834).enabled).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('side panels need real width, so a tablet in portrait keeps the drawer', () => {
|
||
|
|
expect(withViewport(834, 1194).roomyForPanels).toBe(false);
|
||
|
|
expect(withViewport(1194, 834).roomyForPanels).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('an unfolded foldable is a tablet but never roomy enough for panels', () => {
|
||
|
|
// Book foldables are near-square: the long side is barely wider than a
|
||
|
|
// tablet's short one, so both orientations keep the portrait layout.
|
||
|
|
expect(withViewport(690, 840)).toEqual({ enabled: true, roomyForPanels: false });
|
||
|
|
expect(withViewport(840, 690)).toEqual({ enabled: true, roomyForPanels: false });
|
||
|
|
});
|
||
|
|
|
||
|
|
test('folding shut drops back to the phone layout', () => {
|
||
|
|
expect(withViewport(370, 900).enabled).toBe(false);
|
||
|
|
});
|
||
|
|
});
|