mirror of
https://github.com/documenso/documenso.git
synced 2026-07-14 06:47:10 +10:00
Catalin Pit
115 lines
4.3 KiB
TypeScript
115 lines
4.3 KiB
TypeScript
import { describe, expect, it } from 'vitest';
|
|
|
|
import {
|
|
getFieldCanvasStyleCacheKey,
|
|
getOpacityValue,
|
|
getPixelValue,
|
|
getRenderableColor,
|
|
TRANSPARENT_COLOR,
|
|
} from './field-canvas-style';
|
|
import type { FieldToRender } from './field-renderer';
|
|
|
|
const createField = (overrides: Partial<FieldToRender> = {}) =>
|
|
({
|
|
type: 'SIGNATURE',
|
|
inserted: false,
|
|
fieldMeta: null,
|
|
...overrides,
|
|
}) as FieldToRender;
|
|
|
|
describe('getPixelValue', () => {
|
|
it('parses pixel values', () => {
|
|
expect(getPixelValue('12px')).toBe(12);
|
|
expect(getPixelValue('0px')).toBe(0);
|
|
expect(getPixelValue('1.5px')).toBe(1.5);
|
|
});
|
|
|
|
it('parses unitless numeric strings', () => {
|
|
expect(getPixelValue('42')).toBe(42);
|
|
});
|
|
|
|
it('returns undefined for non-finite or unparseable values', () => {
|
|
expect(getPixelValue('')).toBeUndefined();
|
|
expect(getPixelValue('auto')).toBeUndefined();
|
|
expect(getPixelValue('inherit')).toBeUndefined();
|
|
expect(getPixelValue('NaN')).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
describe('getOpacityValue', () => {
|
|
it('returns undefined for fully opaque (the default) so callers fall back', () => {
|
|
expect(getOpacityValue('1')).toBeUndefined();
|
|
});
|
|
|
|
it('keeps values inside the [0, 1) range as-is', () => {
|
|
expect(getOpacityValue('0')).toBe(0);
|
|
expect(getOpacityValue('0.5')).toBe(0.5);
|
|
expect(getOpacityValue('0.999')).toBe(0.999);
|
|
});
|
|
|
|
it('clamps out-of-range values into [0, 1]', () => {
|
|
expect(getOpacityValue('-0.5')).toBe(0);
|
|
expect(getOpacityValue('2')).toBe(1);
|
|
});
|
|
|
|
it('returns undefined for non-finite values', () => {
|
|
expect(getOpacityValue('')).toBeUndefined();
|
|
expect(getOpacityValue('inherit')).toBeUndefined();
|
|
expect(getOpacityValue('NaN')).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
describe('getRenderableColor', () => {
|
|
it('passes non-transparent colors through unchanged', () => {
|
|
expect(getRenderableColor('rgb(255, 0, 0)')).toBe('rgb(255, 0, 0)');
|
|
expect(getRenderableColor('rgba(0, 128, 0, 0.5)')).toBe('rgba(0, 128, 0, 0.5)');
|
|
expect(getRenderableColor('rgba(255, 255, 255, 0.9)')).toBe('rgba(255, 255, 255, 0.9)');
|
|
expect(getRenderableColor('#abcdef')).toBe('#abcdef');
|
|
});
|
|
|
|
it('returns undefined for falsy input', () => {
|
|
expect(getRenderableColor(undefined)).toBeUndefined();
|
|
expect(getRenderableColor('')).toBeUndefined();
|
|
});
|
|
|
|
it('normalizes the `transparent` keyword to a renderable transparent color, regardless of case or whitespace', () => {
|
|
expect(getRenderableColor('transparent')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor('TRANSPARENT')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor(' Transparent ')).toBe(TRANSPARENT_COLOR);
|
|
});
|
|
|
|
it('normalizes fully transparent rgba() colors to a renderable transparent color', () => {
|
|
expect(getRenderableColor('rgba(0, 0, 0, 0)')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor('rgba(255, 0, 0, 0)')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor('rgba(255, 0, 0, 0.0)')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor('rgba(255, 0, 0, 0.00)')).toBe(TRANSPARENT_COLOR);
|
|
});
|
|
|
|
it('normalizes space-separated (CSS Color 4) fully transparent colors to a renderable transparent color', () => {
|
|
expect(getRenderableColor('rgb(0 128 0 / 0)')).toBe(TRANSPARENT_COLOR);
|
|
expect(getRenderableColor('rgba(255 0 0 / 0)')).toBe(TRANSPARENT_COLOR);
|
|
});
|
|
|
|
it('passes space-separated (CSS Color 4) colors through unchanged', () => {
|
|
expect(getRenderableColor('rgb(0 128 0 / 0.5)')).toBe('rgb(0 128 0 / 0.5)');
|
|
});
|
|
|
|
it('returns undefined for unparseable color values', () => {
|
|
expect(getRenderableColor('none')).toBeUndefined();
|
|
expect(getRenderableColor('not-a-color')).toBeUndefined();
|
|
});
|
|
|
|
it('does not strip non-zero alpha colors', () => {
|
|
expect(getRenderableColor('rgba(255, 0, 0, 0.5)')).toBe('rgba(255, 0, 0, 0.5)');
|
|
expect(getRenderableColor('rgba(255, 0, 0, 1)')).toBe('rgba(255, 0, 0, 1)');
|
|
expect(getRenderableColor('rgba(255, 0, 0, 0.01)')).toBe('rgba(255, 0, 0, 0.01)');
|
|
});
|
|
});
|
|
|
|
describe('getFieldCanvasStyleCacheKey', () => {
|
|
it('includes validation state', () => {
|
|
expect(getFieldCanvasStyleCacheKey(createField({ isValidating: false }))).toBe('SIGNATURE:false:false:false');
|
|
expect(getFieldCanvasStyleCacheKey(createField({ isValidating: true }))).toBe('SIGNATURE:false:false:true');
|
|
});
|
|
});
|