oklch.test.js

import test from 'node:test';
import assert from 'node:assert';
import { oklch, formatCss, useParser, removeParser } from '../src/index.js';

test('oklch', t => {
	assert.deepEqual(
		oklch('white'),
		{ mode: 'oklch', l: 0.999999993473546, c: 0 },
		'white'
	);
	assert.deepEqual(
		oklch('#111'),
		{ mode: 'oklch', l: 0.1776377719172259, c: 0 },
		'#111'
	);
	assert.deepEqual(oklch('black'), { mode: 'oklch', l: 0, c: 0 }, 'black');
	assert.deepEqual(
		oklch('red'),
		{
			mode: 'oklch',
			l: 0.6279553606145515,
			c: 0.25768330773615683,
			h: 29.2338851923426
		},
		'red'
	);
});

test('oklch()', t => {
	assert.deepEqual(oklch('oklch(0.3 0.5 1 / 0.25)'), {
		l: 0.3,
		c: 0.5,
		h: 1,
		alpha: 0.25,
		mode: 'oklch'
	});
	assert.deepEqual(oklch('oklch(40% 50% .5turn / 15%)'), {
		mode: 'oklch',
		l: 0.4,
		c: 0.2,
		h: 180,
		alpha: 0.15
	});
	assert.deepEqual(
		oklch('oklch(-1 0.5 0.5turn / 0.42)'),
		{
			mode: 'oklch',
			l: 0,
			c: 0.5,
			h: 180,
			alpha: 0.42
		},
		'clamp L to 0'
	);
	assert.deepEqual(
		oklch('oklch(2 0.5 40deg / 0.42)'),
		{
			mode: 'oklch',
			l: 1,
			c: 0.5,
			h: 40,
			alpha: 0.42
		},
		'clamp L to 1'
	);
	assert.deepEqual(
		oklch('oklch(0.4 0.5 10 / -0.5)'),
		{ mode: 'oklch', l: 0.4, c: 0.5, h: 10, alpha: 0 },
		'clamp alpha < 0'
	);

	assert.deepEqual(
		oklch('oklch(0.4 0.5 10 / 1.5)'),
		{ mode: 'oklch', l: 0.4, c: 0.5, h: 10, alpha: 1 },
		'clamp alpha > 1'
	);
});

test('color(--oklch) with custom ident', t => {
	const color_str = 'color(--oklch 30 0.5 1 / 0.25)';
	const color = {
		l: 30,
		c: 0.5,
		h: 1,
		alpha: 0.25,
		mode: 'oklch'
	};
	assert.equal(oklch(color_str), undefined);
	useParser('--oklch', 'oklch');
	assert.deepEqual(oklch(color_str), color);
	removeParser('--oklch');
	assert.equal(oklch(color_str), undefined);
});

test('formatCss', t => {
	assert.equal(
		formatCss('oklch(30% 0.5 1 / 0.25)'),
		'oklch(0.3 0.5 1 / 0.25)'
	);
	assert.equal(
		formatCss(oklch('#ffffff00')),
		'oklch(0.999999993473546 0 none / 0)'
	);
});