mirror of
https://github.com/apache/superset.git
synced 2024-09-19 12:09:42 -04:00
110 lines
3.4 KiB
TypeScript
110 lines
3.4 KiB
TypeScript
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you 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
|
|
*
|
|
* http://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 {
|
|
getContrastingColor,
|
|
addAlpha,
|
|
hexToRgb,
|
|
rgbToHex,
|
|
} from '@superset-ui/core';
|
|
|
|
describe('color utils', () => {
|
|
describe('getContrastingColor', () => {
|
|
it('when called with 3-digit hex color', () => {
|
|
const color = getContrastingColor('#000');
|
|
expect(color).toBe('#FFF');
|
|
});
|
|
|
|
it('when called with 6-digit hex color', () => {
|
|
const color = getContrastingColor('#000000');
|
|
expect(color).toBe('#FFF');
|
|
});
|
|
|
|
it('when called with no # prefix hex color', () => {
|
|
const color = getContrastingColor('000000');
|
|
expect(color).toBe('#FFF');
|
|
});
|
|
|
|
it('when called with rgb color', () => {
|
|
const color = getContrastingColor('rgb(0, 0, 0)');
|
|
expect(color).toBe('#FFF');
|
|
});
|
|
|
|
it('when called with thresholds', () => {
|
|
const color1 = getContrastingColor('rgb(255, 255, 255)');
|
|
const color2 = getContrastingColor('rgb(255, 255, 255)', 255);
|
|
expect(color1).toBe('#000');
|
|
expect(color2).toBe('#FFF');
|
|
});
|
|
|
|
it('when called with rgba color, throw error', () => {
|
|
expect(() => {
|
|
getContrastingColor('rgba(0, 0, 0, 0.1)');
|
|
}).toThrow();
|
|
});
|
|
|
|
it('when called with invalid color, throw error', () => {
|
|
expect(() => {
|
|
getContrastingColor('#0000');
|
|
}).toThrow();
|
|
});
|
|
});
|
|
describe('addAlpha', () => {
|
|
it('adds 20% opacity to black', () => {
|
|
expect(addAlpha('#000000', 0.2)).toBe('#00000033');
|
|
});
|
|
it('adds 50% opacity to white', () => {
|
|
expect(addAlpha('#FFFFFF', 0.5)).toBe('#FFFFFF80');
|
|
});
|
|
it('should apply transparent alpha', () => {
|
|
expect(addAlpha('#000000', 0)).toBe('#00000000');
|
|
});
|
|
it('should apply fully opaque', () => {
|
|
expect(addAlpha('#000000', 1)).toBe('#000000FF');
|
|
});
|
|
it('opacity should be between 0 and 1', () => {
|
|
expect(() => {
|
|
addAlpha('#000000', 2);
|
|
}).toThrow();
|
|
expect(() => {
|
|
addAlpha('#000000', -1);
|
|
}).toThrow();
|
|
});
|
|
});
|
|
describe('hexToRgb', () => {
|
|
it('convert 3 digits hex', () => {
|
|
expect(hexToRgb('#fff')).toBe('rgb(255, 255, 255)');
|
|
});
|
|
it('convert 6 digits hex', () => {
|
|
expect(hexToRgb('#ffffff')).toBe('rgb(255, 255, 255)');
|
|
});
|
|
it('convert invalid hex', () => {
|
|
expect(hexToRgb('#ffffffffffffff')).toBe('rgb(0, 0, 0)');
|
|
});
|
|
});
|
|
describe('rgbToHex', () => {
|
|
it('convert rgb to hex - white', () => {
|
|
expect(rgbToHex(255, 255, 255)).toBe('#ffffff');
|
|
});
|
|
it('convert rgb to hex - black', () => {
|
|
expect(rgbToHex(0, 0, 0)).toBe('#000000');
|
|
});
|
|
});
|
|
});
|