test.js

import parse from './index.js'
import t from 'tape'

/** parse-color tests */

t('#ffa500', function (t) {
	t.deepEqual(parse('#ffa500'), {
		space: 'rgb',
		values: [255, 165, 0],
		alpha: 1
	});
	t.end()
});
t('#333', function (t) {
	t.deepEqual(parse('#333'), {
		space: 'rgb',
		values: [51, 51, 51],
		alpha: 1
	});
	t.end()
});
t('#f98', function (t) {
	t.deepEqual(parse('#f98'), {
		space: 'rgb',
		values: [255, 153, 136],
		alpha: 1
	});
	t.end()
});
t('lime', function (t) {
	t.deepEqual(parse('lime'), {
		space: 'rgb',
		values: [0, 255, 0],
		alpha: 1
	});
	t.deepEqual(parse('LIME'), {
		space: 'rgb',
		values: [0, 255, 0],
		alpha: 1
	});
	t.end()
});
t('hsl(210,50,50)', function (t) {
	t.deepEqual(parse('hsl(210,50,50)'), {
		space: 'hsl',
		values: [210, 50, 50],
		alpha: 1
	});
	t.end()
});
t('rgba(153,50,204,60%)', function (t) {
	t.deepEqual(parse('rgba(153,50,204,60%)'), {
		space: 'rgb',
		values: [153, 50, 204],
		alpha: 0.6
	});
	t.end()
});



t('#fef', function (t) {
	t.deepEqual(parse('#fef'), {
		space: 'rgb',
		values: [255, 238, 255],
		alpha: 1
	});
	t.end()
});
t('#fffFEF', function (t) {
	t.deepEqual(parse('#fffFEF'), {
		space: 'rgb',
		values: [255, 255, 239],
		alpha: 1
	});
	t.end()
});
t('rgb(244, 233, 100)', function (t) {
	t.deepEqual(parse('rgb(244, 233, 100)'), {
		space: 'rgb',
		values: [244, 233, 100],
		alpha: 1
	});
	t.end()
});
t('rgb(100%, 30%, 90%)', function (t) {
	t.deepEqual(parse('rgb(100%, 30%, 90%)'), {
		space: 'rgb',
		values: [255, 76.5, 229.5],
		alpha: 1
	});
	t.end()
});
t('transparent', function (t) {
	t.deepEqual(parse('transparent'), {
		space: 'rgb',
		values: [0, 0, 0],
		alpha: 0
	});
	t.end()
});
t('hsl(240, 100%, 50.5%)', function (t) {
	t.deepEqual(parse('hsl(240, 100%, 50.5%)'), {
		space: 'hsl',
		values: [240, 100, 50.5],
		alpha: 1
	});
	t.end()
});
t('hsl(240deg, 100%, 50.5%)', function (t) {
	t.deepEqual(parse('hsl(240deg, 100%, 50.5%)'), {
		space: 'hsl',
		values: [240, 100, 50.5],
		alpha: 1
	});
	t.end()
});
t('hwb(240, 100%, 50.5%)', function (t) {
	t.deepEqual(parse('hwb(240, 100%, 50.5%)'), {
		space: 'hwb',
		values: [240, 100, 50.5],
		alpha: 1
	});
	t.end()
});
t('hwb(240deg, 100%, 50.5%)', function (t) {
	t.deepEqual(parse('hwb(240deg, 100%, 50.5%)'), {
		space: 'hwb',
		values: [240, 100, 50.5],
		alpha: 1
	});
	t.end()
});
t('blue', function (t) {
	t.deepEqual(parse('blue'), {
		space: 'rgb',
		values: [0, 0, 255],
		alpha: 1
	});
	t.deepEqual(parse('BLUE'), {
		space: 'rgb',
		values: [0, 0, 255],
		alpha: 1
	});
	t.end()
});
t('rgb(244, 233, 100)', function (t) {
	t.deepEqual(parse('rgb(244, 233, 100)'), {
		space: 'rgb',
		values: [244, 233, 100],
		alpha: 1
	});
	t.end()
});
t('rgba(244, 233, 100, 0.5)', function (t) {
	t.deepEqual(parse('rgba(244, 233, 100, 0.5)'), {
		space: 'rgb',
		values: [244, 233, 100],
		alpha: 0.5
	});
	t.end()
});
t('hsla(244, 100%, 100%, 0.6)', function (t) {
	t.deepEqual(parse('hsla(244, 100%, 100%, 0.6)'), {
		space: 'hsl',
		values: [244, 100, 100],
		alpha: 0.6
	});
	t.end()
});
t('hwb(244, 100%, 100%, 0.6)', function (t) {
	t.deepEqual(parse('hwb(244, 100%, 100%, 0.6)'), {
		space: 'hwb',
		values: [244, 100, 100],
		alpha: 0.6
	});
	t.end()
});
t('hwb(244, 100%, 100%)', function (t) {
	t.deepEqual(parse('hwb(244, 100%, 100%)'), {
		space: 'hwb',
		values: [244, 100, 100],
		alpha: 1
	});
	t.end()
});
t('rgba(200, 20, 233, 0.2)', function (t) {
	t.deepEqual(parse('rgba(200, 20, 233, 0.2)'), {
		space: 'rgb',
		values: [200, 20, 233],
		alpha: 0.2
	});
	t.end()
});
t('rgba(200, 20, 233, 0)', function (t) {
	t.deepEqual(parse('rgba(200, 20, 233, 0)'), {
		space: 'rgb',
		values: [200, 20, 233],
		alpha: 0
	});
	t.end()
});
t('rgba(100%, 30%, 90%, 0.2)', function (t) {
	t.deepEqual(parse('rgba(100%, 30%, 90%, 0.2)'), {
		space: 'rgb',
		values: [255, 76.5, 229.5],
		alpha: 0.2
	});
	t.end()
});
t('rgba(200 20 233 / 0.2)', function (t) {
	t.deepEqual(parse('rgba(200, 20, 233, 0.2)'), {
		space: 'rgb',
		values: [200, 20, 233],
		alpha: 0.2
	});
	t.end()
});
t('rgba(200 20 233 / 20%)', function (t) {
	t.deepEqual(parse('rgba(200, 20, 233, 0.2)'), {
		space: 'rgb',
		values: [200, 20, 233],
		alpha: 0.2
	});
	t.end()
});
t('hsla(200, 20%, 33%, 0.2)', function (t) {
	t.deepEqual(parse('hsla(200, 20%, 33%, 0.2)'), {
		space: 'hsl',
		values: [200, 20, 33],
		alpha: 0.2
	});
	t.end()
});
t('hwb(200, 20%, 33%, 0.2)', function (t) {
	t.deepEqual(parse('hwb(200, 20%, 33%, 0.2)'), {
		space: 'hwb',
		values: [200, 20, 33],
		alpha: 0.2
	});
	t.end()
});
t('rgba(200, 20, 233, 0.2)', function (t) {
	t.deepEqual(parse('rgba(200, 20, 233, 0.2)'), {
		space: 'rgb',
		values: [200, 20, 233],
		alpha: 0.2
	});
	t.end()
});


t('rgba(300, 600, 100, 3)', function (t) {
	t.deepEqual(parse('rgba(300, 600, 100, 3)'), {
		space: 'rgb',
		values: [300, 600, 100],
		alpha: 3
	});
	t.end()
});
t('rgba(8000%, 100%, 333%, 88)', function (t) {
	t.deepEqual(parse('rgba(8000%, 100%, 333%, 88)'), {
		space: 'rgb',
		values: [20400, 255, 849.15],
		alpha: 88
	});
	t.end()
});
t('hsla(400, 10%, 200%, 10)', function (t) {
	t.deepEqual(parse('hsla(400, 10%, 200%, 10)'), {
		space: 'hsl',
		values: [400, 10, 200],
		alpha: 10
	});
	t.end()
});
t('hwb(400, 10%, 200%, 10)', function (t) {
	t.deepEqual(parse('hwb(400, 10%, 200%, 10)'), {
		space: 'hwb',
		values: [400, 10, 200],
		alpha: 10
	});
	t.end()
});
t('yellowblue', function (t) {
	t.deepEqual(parse('yellowblue'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('YELLOWBLUE'), { space: undefined, values: [], alpha: 1 });
	t.end()
});


t('hsla(101.12, 45.2%, 21.0%, 1.0)', function (t) {
	t.deepEqual(parse('hsla(101.12, 45.2%, 21.0%, 1.0)'), {
		space: 'hsl',
		values: [101.12, 45.2, 21.0],
		alpha: 1
	});
	t.end()
});
t('hsla(101.12 45.2% 21.0% / 50%)', function (t) {
	t.deepEqual(parse('hsla(101.12 45.2% 21.0% / 50%)'), {
		space: 'hsl',
		values: [101.12, 45.2, 21.0],
		alpha: .5
	});
	t.end()
});
t('hsl(red, 10%, 10%)', function (t) {
	t.deepEqual(parse('hsl(red, 10%, 10%)'), {
		space: 'hsl',
		values: [0, 10, 10],
		alpha: 1
	});
	t.end()
});
t('hsl(red, 10%, 10%);', function (t) {
	t.deepEqual(parse('hsl(red, 10%, 10%);'), {
		space: 'hsl',
		values: [0, 10, 10],
		alpha: 1
	});
	t.end()
});
t('hsl(10deg, 10%, 10%)', function (t) {
	t.deepEqual(parse('hsl(10deg, 10%, 10%)'), {
		space: 'hsl',
		values: [10, 10, 10],
		alpha: 1
	});
	t.end()
});
t('hsl(1.5turn, 10%, 10%)', function (t) {
	t.deepEqual(parse('hsl(1.5turn, 10%, 10%)'), {
		space: 'hsl',
		values: [540, 10, 10],
		alpha: 1
	});
	t.end()
});
t('lch(5, 5, orange)', function (t) {
	t.deepEqual(parse('lch(5, 5, orange)'), {
		space: 'lch',
		values: [5, 5, 60],
		alpha: 1
	});
	t.end()
});
t('lch(5 5 orange / .5)', function (t) {
	t.deepEqual(parse('lch(5 5 orange / .5)'), {
		space: 'lch',
		values: [5, 5, 60],
		alpha: 0.5
	});
	t.end()
});
t('lab(0.25, 0.25, 0.25)', function (t) {
	t.deepEqual(parse('lab(0.25, 0.25, 0.25)'), {
		space: 'lab',
		values: [0.25, 0.25, 0.25],
		alpha: 1
	});
	t.end()
});
t('lab(0.25 0.25 0.25 / 0.5)', function (t) {
	t.deepEqual(parse('lab(0.25 0.25 0.25 / 0.5)'), {
		space: 'lab',
		values: [0.25, 0.25, 0.25],
		alpha: 0.5
	});
	t.end()
});

t('luv(0.25, 0.25, 0.25)', function (t) {
	t.deepEqual(parse('luv(0.25, 0.25, 0.25)'), {
		space: 'luv',
		values: [0.25, 0.25, 0.25],
		alpha: 1
	});
	t.end()
});
t('luv(0.25 0.25 0.25 / 0.5)', function (t) {
	t.deepEqual(parse('luv(0.25 0.25 0.25 / 0.5)'), {
		space: 'luv',
		values: [0.25, 0.25, 0.25],
		alpha: 0.5
	});
	t.end()
});

t('color(...)', function (t) {
	// --srgb: color(srgb 1 1 1);
	t.deepEqual(parse('color(srgb-linear 1 1 1)'), {
		space: 'srgb-linear',
		values: [1, 1, 1],
		alpha: 1
	});
	// --srgb-linear: color(srgb-linear 100% 100% 100% / 50%);
	t.deepEqual(parse('color(srgb-linear 100% 100% 100% / 50%)'), {
		space: 'srgb-linear',
		values: [1, 1, 1],
		alpha: 0.5
	});
	// --display-p3: color(display-p3 1 1 1);
	t.deepEqual(parse('color(display-p3 1 1 1)'), {
		space: 'display-p3',
		values: [1, 1, 1],
		alpha: 1
	});
	// --rec2020: color(rec2020 0 0 0);
	t.deepEqual(parse('color(rec2020 0 0 0)'), {
		space: 'rec2020',
		values: [0, 0, 0],
		alpha: 1
	});
	// --a98-rgb: color(a98-rgb 1 1 1 / 25%);
	t.deepEqual(parse('color(a98-rgb 1 1 1 / 25%)'), {
		space: 'a98-rgb',
		values: [1, 1, 1],
		alpha: 0.25
	});
	// --prophoto: color(prophoto-rgb 0% 0% 0%);
	t.deepEqual(parse('color(prophoto-rgb 0% 0% 0%)'), {
		space: 'prophoto-rgb',
		values: [0, 0, 0],
		alpha: 1
	});
	// --xyz: color(xyz 1 1 1);
	t.deepEqual(parse('color(xyz 1 1 1)'), {
		space: 'xyz',
		values: [1, 1, 1],
		alpha: 1
	});
	t.end()
});

t('oklab', function (t) {
	t.deepEqual(parse('oklab(40.1% 0.1143 0.045)'), {
		space: 'oklab',
		values: [0.401, 0.1143, 0.045],
		alpha: 1
	});
	t.deepEqual(parse('oklab(59.69% 0.1007 -0.1191 / 0.5)'), {
		space: 'oklab',
		values: [0.5969, 0.1007, -0.1191],
		alpha: 0.5
	});
	t.deepEqual(parse('oklab(0.123 100% -100% / 2)'), {
		space: 'oklab',
		values: [0.123, 0.4, -0.4],
		alpha: 2
	});
	t.deepEqual(parse('oklab(none none none / none)'), {
		space: 'oklab',
		values: [0, 0, 0],
		alpha: 0
	});
	t.end()
});
t('oklch', function (t) {
	t.deepEqual(parse('oklch(40.1% 0.1143 0.045)'), {
		space: 'oklch',
		values: [0.401, 0.1143, 0.045],
		alpha: 1
	});
	t.deepEqual(parse('oklch(59.69% 10% 49.77 / 0.5)'), {
		space: 'oklch',
		values: [0.5969, 0.04000000000000001, 49.77],
		alpha: 0.5
	});
	t.deepEqual(parse('oklch(40.1% 0.156 49.1% / .5)'), {
		space: 'oklch',
		values: [0.401, 0.156, 176.76],
		alpha: .5
	});
	t.deepEqual(parse('oklch(none none none / none)'), {
		space: 'oklch',
		values: [0, 0, 0],
		alpha: 0
	});
	t.end()
});

t('#afd6', function (t) {
	t.deepEqual(parse('#afd6'), {
		space: 'rgb',
		values: [170, 255, 221],
		alpha: 0.4
	});
	t.end()
});
t('#AFD6', function (t) {
	t.deepEqual(parse('#afd6'), {
		space: 'rgb',
		values: [170, 255, 221],
		alpha: 0.4
	});
	t.end()
});
t('#aaffdd66', function (t) {
	t.deepEqual(parse('#aaffdd66'), {
		space: 'rgb',
		values: [170, 255, 221],
		alpha: 0.4
	});
	t.end()
});
t('#AAFFDD66', function (t) {
	t.deepEqual(parse('#AAFFDD66'), {
		space: 'rgb',
		values: [170, 255, 221],
		alpha: 0.4
	});
	t.end()
});
t('(R12 / G45 / B234)', function (t) {
	t.deepEqual(parse('(R12 / G45 / B234)'), {
		space: 'rgb',
		values: [12, 45, 234],
		alpha: 1
	});
	t.end()
});
t('R:12 G:45 B:234', function (t) {
	t.deepEqual(parse('R:12 G:45 B:234'), {
		space: 'rgb',
		values: [12, 45, 234],
		alpha: 1
	});
	t.end()
});
t('C100/M80/Y0/K35', function (t) {
	t.deepEqual(parse('C100/M80/Y0/K35'), {
		space: 'cmyk',
		values: [100, 80, 0, 35],
		alpha: 1
	});
	t.end()
});
t.skip('Array', function (t) {
	t.deepEqual(parse([1, 2, 3]), {
		space: 'rgb',
		values: [1, 2, 3],
		alpha: 1
	});
	t.end()
});
t.skip('Object', function (t) {
	t.deepEqual(parse({ r: 1, g: 2, b: 3 }), {
		space: 'rgb',
		values: [1, 2, 3],
		alpha: 1
	});
	t.deepEqual(parse({ red: 1, green: 2, blue: 3 }), {
		space: 'rgb',
		values: [1, 2, 3],
		alpha: 1
	});
	t.deepEqual(parse({ h: 1, s: 2, l: 3 }), {
		space: 'hsl',
		values: [1, 2, 3],
		alpha: 1
	});
	t.end()
});
t('Number', function (t) {
	t.deepEqual(parse(0xA141E), {
		space: 'rgb',
		values: [10, 20, 30],
		alpha: 1
	});
	t.deepEqual(parse(0xff), {
		space: 'rgb',
		values: [0x00, 0x00, 0xff],
		alpha: 1
	});
	t.deepEqual(parse(0xff0000), {
		space: 'rgb',
		values: [0xff, 0x00, 0x00],
		alpha: 1
	});
	t.deepEqual(parse(0x0000ff), {
		space: 'rgb',
		values: [0x00, 0x00, 0xff],
		alpha: 1
	});
	// t.deepEqual(parse(new Number(0x0000ff)), {
	// 	space: 'rgb',
	// 	values: [0x00, 0x00, 0xff],
	// 	alpha: 1
	// });
	t.end()
});

t('decimals and negatives in named channels', function (t) {
	t.deepEqual(parse('R:10.5 G:20 B:30.25'), { space: 'rgb', values: [10.5, 20, 30.25], alpha: 1 });
	t.deepEqual(parse('L 0.39 C 0.083 H 153'), { space: 'lch', values: [0.39, 0.083, 153], alpha: 1 });
	t.deepEqual(parse('L:50 A:-20 B:30'), { space: 'lab', values: [50, -20, 30], alpha: 1 });
	t.end()
});
t('named alpha channel', function (t) {
	t.deepEqual(parse('R:0 G:128 B:255 A:0.5'), { space: 'rgb', values: [0, 128, 255], alpha: 0.5 });
	t.deepEqual(parse('H:200 S:50 L:50 A:1'), { space: 'hsl', values: [200, 50, 50], alpha: 1 });
	t.deepEqual(parse('10, 20, 30, 0.5'), { space: 'rgb', values: [10, 20, 30], alpha: 0.5 });
	t.end()
});
t('angle units in named channels', function (t) {
	t.deepEqual(parse('H 319deg S 65 L 63'), { space: 'hsl', values: [319, 65, 63], alpha: 1 });
	t.end()
});
t('invalid hex', function (t) {
	t.deepEqual(parse('#zzz'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('#12345'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('#ff88'), { space: 'rgb', values: [255, 255, 136], alpha: 136 / 255 });
	t.end()
});
t('unknown function syntax is not channels', function (t) {
	t.deepEqual(parse('srgb(0.85098 0.121569 0.160784)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('device-cmyk(0 81 81 30)'), { space: undefined, values: [], alpha: 1 });
	t.end()
});
t('a name only from the table: prototype keys are no color', function (t) {
	t.deepEqual(parse('constructor'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('__proto__'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('hasOwnProperty'), { space: undefined, values: [], alpha: 1 });
	t.end()
});
t('spaces around the color are not the color', function (t) {
	t.deepEqual(parse('  #FFF  '), { space: 'rgb', values: [255, 255, 255], alpha: 1 });
	t.deepEqual(parse('\tred\n'), { space: 'rgb', values: [255, 0, 0], alpha: 1 });
	t.end()
});
t('a function short of channels, over them, or holding what is no number: no color', function (t) {
	t.deepEqual(parse('rgb(1 2)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('rgb(1 2 3 4 5)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('xyz(1 2)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('rgb(calc(255/2) 0 0)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('oklch(from red l c h)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('rgb(0 0 0 / x)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('gray(50)'), { space: 'gray', values: [50], alpha: 1 }, 'one channel where one is due');
	t.deepEqual(parse('cmyk(0 0 0 0 / 0.5)'), { space: 'cmyk', values: [0, 0, 0, 0], alpha: 0.5 }, 'four where four are');
	t.end()
});
t('color() names a predefined space or a profile', function (t) {
	t.deepEqual(parse('color(foo 1 2 3)'), { space: undefined, values: [], alpha: 1 });
	t.deepEqual(parse('color(display-p3 1 0 0)'), { space: 'display-p3', values: [1, 0, 0], alpha: 1 });
	t.deepEqual(parse('color(--swop 0 0.5 1)'), { space: '--swop', values: [0, 0.5, 1], alpha: 1 });
	t.end()
});