Files
mediacms/frontend/tests/utils/settings/optionsEmbedded.test.ts

54 lines
2.6 KiB
TypeScript

import { optionsEmbeddedConfig } from '../../../src/static/js/utils/settings/optionsEmbedded';
describe('utils/settings', () => {
describe('optionsEmbedded', () => {
test('Returns default dimensions when settings is undefined', () => {
const cfg = optionsEmbeddedConfig(undefined);
expect(cfg.video.dimensions).toStrictEqual({ width: 560, widthUnit: 'px', height: 315, heightUnit: 'px' });
});
test('Returns default dimensions when settings.initialDimensions is undefined', () => {
const cfg = optionsEmbeddedConfig({});
expect(cfg.video.dimensions).toStrictEqual({ width: 560, widthUnit: 'px', height: 315, heightUnit: 'px' });
});
test('Applies valid numeric width and height from initialDimensions', () => {
const cfg = optionsEmbeddedConfig({ initialDimensions: { width: 640, height: 360 } });
expect(cfg.video.dimensions).toStrictEqual({ width: 640, widthUnit: 'px', height: 360, heightUnit: 'px' });
});
test('Ignores NaN and non-numeric width/height and keeps defaults', () => {
const cfg1 = optionsEmbeddedConfig({ initialDimensions: { width: NaN, height: NaN } } as any);
expect(cfg1.video.dimensions).toStrictEqual({ width: 560, widthUnit: 'px', height: 315, heightUnit: 'px' });
const cfg2 = optionsEmbeddedConfig({ initialDimensions: { width: '640', height: '360' } } as any);
expect(cfg2.video.dimensions).toStrictEqual({ width: 560, widthUnit: 'px', height: 315, heightUnit: 'px' });
});
test('Ignores provided widthUnit/heightUnit as they are not used', () => {
const cfg = optionsEmbeddedConfig({
initialDimensions: {
width: 800,
height: 450,
widthUnit: 'percent',
heightUnit: 'percent',
},
} as any);
// units should remain default 'px'
expect(cfg.video.dimensions.width).toBe(800);
expect(cfg.video.dimensions.height).toBe(450);
expect(cfg.video.dimensions.widthUnit).toBe('px');
expect(cfg.video.dimensions.heightUnit).toBe('px');
});
test('Does not mutate the provided settings object', () => {
const input = {
initialDimensions: { width: 700, height: 400, widthUnit: 'percent', heightUnit: 'percent' },
};
const copy = JSON.parse(JSON.stringify(input));
optionsEmbeddedConfig(input);
expect(input).toStrictEqual(copy);
});
});
});