dicom-microscopy-viewer-changed/dicom-microscopy-viewer-changed/node_modules/moo-color/test/input-parser.spec.ts

Interactive web-based viewer for DICOM Microscopy Images

import inputParser from '../src/input-parser';

describe('#inputParser', () => {
  it('can shorthand Hex color.', () => {
    const res = inputParser('#f80');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([255, 136, 0]);
    expect(res.alpha).toEqual(1);
  });

  it('can Hex color.', () => {
    const res = inputParser('#ff880080');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([255, 136, 0]);
    expect(res.alpha).toEqual(.5);
  });

  it('can named color.', () => {
    const res = inputParser('blue');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([0, 0, 255]);
    expect(res.alpha).toEqual(1);
  });

  it('can parse "transparent".', () => {
    const res = inputParser('transparent');
    expect(res.alpha).toEqual(0);
  });

  it('can rgb color', () => {
    const res = inputParser('rgb(255, 0, 0)');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([255, 0, 0]);
    expect(res.alpha).toEqual(1);
  });

  it('can rgba color', () => {
    const res = inputParser('rgba(255, 0, 0, .3)');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([255, 0, 0]);
    expect(res.alpha).toEqual(0.3);
  });

  it('can rgba color as percentage.', () => {
    const res = inputParser('rgba(100%, 25%, 0%, .5)');
    expect(res.model).toEqual('rgb');
    expect(res.values).toEqual([255, 64, 0]);
    expect(res.alpha).toEqual(.5);
  });

  it('if failed parse rgb color, returns null.', () => {
    const res = inputParser('rgb(0, 0%, 0)');
    expect(res).toEqual(null);
  });

  it('can hsl color.', () => {
    const res = inputParser('hsla(355, 75%, 25%, .8)');
    expect(res.model).toEqual('hsl');
    expect(res.values).toEqual([355, 75, 25]);
    expect(res.alpha).toEqual(.8);
  });

  it('if failed parse hsl color, returns null.', () => {
    const res = inputParser('hsl(0, 0, 0)');
    expect(res).toEqual(null);
  });

  it('can hwb color.', () => {
    const res = inputParser('hwb(180, 0%, 25%, 1)');
    expect(res.model).toEqual('hwb');
    expect(res.values).toEqual([180, 0, 25]);
    expect(res.alpha).toEqual(1);
    const res1 = inputParser('hwb(0, 100%, 100%)');
    expect(res1.values).toEqual([0, 50, 50]);
  });

  it('if failed parse hwb color, returns null.', () => {
    const res = inputParser('hwb(0, 0, 0)');
    expect(res).toEqual(null);
  });

  it('can hsv color.', () => {
    const res = inputParser('hsv(120, 25%, 50%)');
    expect(res.model).toEqual('hsv');
    expect(res.values).toEqual([120, 25, 50]);
    expect(res.alpha).toEqual(1);
  });

  it('can hsv color with alpha.', () => {
    const res = inputParser('hsv(120, 25%, 50%, .3)');
    expect(res.model).toEqual('hsv');
    expect(res.values).toEqual([120, 25, 50]);
    expect(res.alpha).toEqual(.3);
  });

  it('if failed parse hsv color, returns null.', () => {
    const res = inputParser('hsv(0, 0, 0)');
    expect(res).toEqual(null);
  });

  it('can cmyk color.', () => {
    const res = inputParser('cmyk(50%, 25%, 12%, 100%)');
    expect(res.model).toEqual('cmyk');
    expect(res.values).toEqual([50, 25, 12, 100]);
    expect(res.alpha).toEqual(1);
  });

  it('can cmyk color with alpha.', () => {
    const res = inputParser('cmyk(50%, 25%, 12%, 100%, 0.1)');
    expect(res.model).toEqual('cmyk');
    expect(res.values).toEqual([50, 25, 12, 100]);
    expect(res.alpha).toEqual(.1);
  });

  it('if failed parse cmyk color, returns null.', () => {
    const res = inputParser('cmyk(0, 0, 0, 0)');
    expect(res).toEqual(null);
  });
});