wehub-resource-sync
107 lines
4.1 KiB
TypeScript
107 lines
4.1 KiB
TypeScript
// Copyright 2026 Google LLC
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// https://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import { describe, it, expect } from 'bun:test';
|
|
import { isValidColor, isStandardDimension, isParseableDimension, parseDimensionParts, isTokenReference } from './spec.js';
|
|
|
|
describe('isValidColor', () => {
|
|
const validColors = ['#ff0000', '#FF0000', '#abc', '#ABC', '#647D66', '#000', '#fff', 'red', 'blue'];
|
|
const invalidColors = ['#gg0000', '#12345', '647D66', '#1234567', '', '#'];
|
|
|
|
it.each(validColors)('accepts valid hex color: %s', (color: string) => {
|
|
expect(isValidColor(color)).toBe(true);
|
|
});
|
|
|
|
it.each(invalidColors)('rejects invalid color: %s', (color: string) => {
|
|
expect(isValidColor(color)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('isStandardDimension', () => {
|
|
const standard = ['12px', '1.5rem', '0px', '42px', '0.75rem', '100px', '12em', '-0.02em'];
|
|
const nonStandard = ['42', 'px', 'rem', '12vh', '', '12 px', '12vw'];
|
|
|
|
it.each(standard)('accepts standard dimension: %s', (dim: string) => {
|
|
expect(isStandardDimension(dim)).toBe(true);
|
|
});
|
|
|
|
it.each(nonStandard)('rejects non-standard dimension: %s', (dim: string) => {
|
|
expect(isStandardDimension(dim)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('isParseableDimension', () => {
|
|
const parseable = [
|
|
'12px', '1.5rem', '-0.02em', '100vh', '50%', '0.75rem', '1em', '12vw',
|
|
// CSS Level 4 units now in scope
|
|
'10cqi', '20lvh', '30dvw', '5cqmin',
|
|
];
|
|
const unparseable = ['42', 'px', 'rem', '', '12 px', 'auto', 'inherit'];
|
|
|
|
it.each(parseable)('accepts parseable dimension: %s', (dim: string) => {
|
|
expect(isParseableDimension(dim)).toBe(true);
|
|
});
|
|
|
|
it.each(unparseable)('rejects unparseable dimension: %s', (dim: string) => {
|
|
expect(isParseableDimension(dim)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('parseDimensionParts', () => {
|
|
it('parses standard dimensions', () => {
|
|
expect(parseDimensionParts('42px')).toEqual({ value: 42, unit: 'px' });
|
|
expect(parseDimensionParts('1.5rem')).toEqual({ value: 1.5, unit: 'rem' });
|
|
expect(parseDimensionParts('-0.02em')).toEqual({ value: -0.02, unit: 'em' });
|
|
});
|
|
|
|
it('parses leading-zero-free decimals (.5rem)', () => {
|
|
expect(parseDimensionParts('.5rem')).toEqual({ value: 0.5, unit: 'rem' });
|
|
expect(parseDimensionParts('-.25em')).toEqual({ value: -0.25, unit: 'em' });
|
|
});
|
|
|
|
it('returns null for bare numbers without a unit', () => {
|
|
expect(parseDimensionParts('42')).toBeNull();
|
|
expect(parseDimensionParts('')).toBeNull();
|
|
});
|
|
|
|
it('returns null for CSS keywords', () => {
|
|
expect(parseDimensionParts('auto')).toBeNull();
|
|
expect(parseDimensionParts('inherit')).toBeNull();
|
|
});
|
|
|
|
it('returns null for oversized values without pathological backtracking', () => {
|
|
// Length-capped: an absurdly long value is rejected immediately rather than
|
|
// triggering quadratic regex backtracking.
|
|
expect(parseDimensionParts('1'.repeat(100000))).toBeNull();
|
|
expect(parseDimensionParts('1'.repeat(100000) + 'px')).toBeNull();
|
|
// Legitimate dimensions well under the cap still parse.
|
|
expect(parseDimensionParts('999999.999999px')).toEqual({ value: 999999.999999, unit: 'px' });
|
|
});
|
|
});
|
|
|
|
describe('isTokenReference', () => {
|
|
it('recognizes curly-brace token references', () => {
|
|
expect(isTokenReference('{colors.primary}')).toBe(true);
|
|
expect(isTokenReference('{typography.headline-lg}')).toBe(true);
|
|
expect(isTokenReference('{colors.primary-60}')).toBe(true);
|
|
});
|
|
|
|
it('rejects non-references', () => {
|
|
expect(isTokenReference('#ff0000')).toBe(false);
|
|
expect(isTokenReference('colors.primary')).toBe(false);
|
|
expect(isTokenReference('{}')).toBe(false);
|
|
expect(isTokenReference('{ colors.primary }')).toBe(false);
|
|
});
|
|
});
|