593 lines
11 KiB
JavaScript
593 lines
11 KiB
JavaScript
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()
|
|
});
|