/* global QUnit */
import { Color } from '../../../../src/math/Color.js';
import { ColorManagement } from '../../../../src/math/ColorManagement.js';
import { eps } from '../../utils/math-constants.js';
import { CONSOLE_LEVEL } from '../../utils/console-wrapper.js';
import { DisplayP3ColorSpace, SRGBColorSpace } from '../../../../src/constants.js';
export default QUnit.module( 'Maths', () => {
QUnit.module( 'Color', () => {
const colorManagementEnabled = ColorManagement.enabled;
QUnit.testDone( () => {
ColorManagement.enabled = colorManagementEnabled;
} );
// INSTANCING
QUnit.test( 'Instancing', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
// default ctor
let c = new Color();
assert.ok( c.r, 'Red: ' + c.r );
assert.ok( c.g, 'Green: ' + c.g );
assert.ok( c.b, 'Blue: ' + c.b );
// rgb ctor
c = new Color( 1, 1, 1 );
assert.ok( c.r == 1, 'Passed' );
assert.ok( c.g == 1, 'Passed' );
assert.ok( c.b == 1, 'Passed' );
} );
// EXPOSED CONSTANTS
QUnit.test( 'Color.NAMES', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
assert.ok( Color.NAMES.aliceblue == 0xF0F8FF, 'Exposed Color.NAMES' );
} );
// PUBLIC STUFF
QUnit.test( 'isColor', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color();
assert.ok( a.isColor === true, 'Passed!' );
const b = new Object();
assert.ok( ! b.isColor, 'Passed!' );
} );
QUnit.test( 'set', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color();
const b = new Color( 0.5, 0, 0 );
const c = new Color( 0xFF0000 );
const d = new Color( 0, 1.0, 0 );
const e = new Color( 0.5, 0.5, 0.5 );
a.set( b );
assert.ok( a.equals( b ), 'Set with Color instance' );
a.set( 0xFF0000 );
assert.ok( a.equals( c ), 'Set with number' );
a.set( 'rgb(0,255,0)' );
assert.ok( a.equals( d ), 'Set with style' );
a.set( 0.5, 0.5, 0.5 );
assert.ok( a.equals( e ), 'Set with r,g,b components' );
} );
QUnit.test( 'setScalar', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setScalar( 0.5 );
assert.ok( c.r == 0.5, 'Red: ' + c.r );
assert.ok( c.g == 0.5, 'Green: ' + c.g );
assert.ok( c.b == 0.5, 'Blue: ' + c.b );
} );
QUnit.test( 'setHex', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setHex( 0xFA8072 );
assert.ok( c.getHex() == 0xFA8072, 'Hex: ' + c.getHex() );
assert.ok( c.r == 0xFA / 0xFF, 'Red: ' + c.r );
assert.ok( c.g == 0x80 / 0xFF, 'Green: ' + c.g );
assert.ok( c.b == 0x72 / 0xFF, 'Blue: ' + c.b );
} );
QUnit.test( 'setRGB', ( assert ) => {
ColorManagement.enabled = true;
const c = new Color();
c.setRGB( 0.3, 0.5, 0.7 );
assert.equal( c.r, 0.3, 'Red: ' + c.r + ' (srgb-linear)' );
assert.equal( c.g, 0.5, 'Green: ' + c.g + ' (srgb-linear)' );
assert.equal( c.b, 0.7, 'Blue: ' + c.b + ' (srgb-linear)' );
c.setRGB( 0.3, 0.5, 0.7, SRGBColorSpace );
assert.equal( c.r.toFixed( 3 ), 0.073, 'Red: ' + c.r + ' (srgb)' );
assert.equal( c.g.toFixed( 3 ), 0.214, 'Green: ' + c.g + ' (srgb)' );
assert.equal( c.b.toFixed( 3 ), 0.448, 'Blue: ' + c.b + ' (srgb)' );
c.setRGB( 0.614, 0.731, 0.843, DisplayP3ColorSpace );
assert.numEqual( c.r.toFixed( 2 ), 0.3, 'Red: ' + c.r + ' (display-p3, in gamut)' );
assert.numEqual( c.g.toFixed( 2 ), 0.5, 'Green: ' + c.g + ' (display-p3, in gamut)' );
assert.numEqual( c.b.toFixed( 2 ), 0.7, 'Blue: ' + c.b + ' (display-p3, in gamut)' );
c.setRGB( 1.0, 0.5, 0.0, DisplayP3ColorSpace );
assert.numEqual( c.r.toFixed( 3 ), 1.179, 'Red: ' + c.r + ' (display-p3, out of gamut)' );
assert.numEqual( c.g.toFixed( 3 ), 0.181, 'Green: ' + c.g + ' (display-p3, out of gamut)' );
assert.numEqual( c.b.toFixed( 3 ), - 0.036, 'Blue: ' + c.b + ' (display-p3, out of gamut)' );
} );
QUnit.test( 'setHSL', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const hsl = { h: 0, s: 0, l: 0 };
c.setHSL( 0.75, 1.0, 0.25 );
c.getHSL( hsl );
assert.ok( hsl.h == 0.75, 'hue: ' + hsl.h );
assert.ok( hsl.s == 1.00, 'saturation: ' + hsl.s );
assert.ok( hsl.l == 0.25, 'lightness: ' + hsl.l );
} );
QUnit.test( 'setStyle', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color();
let b = new Color( 8 / 255, 25 / 255, 178 / 255 );
a.setStyle( 'rgb(8,25,178)' );
assert.ok( a.equals( b ), 'Passed' );
b = new Color( 8 / 255, 25 / 255, 178 / 255 );
a.setStyle( 'rgba(8,25,178,200)' );
assert.ok( a.equals( b ), 'Passed' );
let hsl = { h: 0, s: 0, l: 0 };
a.setStyle( 'hsl(270,50%,75%)' );
a.getHSL( hsl );
assert.ok( hsl.h == 0.75, 'hue: ' + hsl.h );
assert.ok( hsl.s == 0.5, 'saturation: ' + hsl.s );
assert.ok( hsl.l == 0.75, 'lightness: ' + hsl.l );
hsl = { h: 0, s: 0, l: 0 };
a.setStyle( 'hsl(270,50%,75%)' );
a.getHSL( hsl );
assert.ok( hsl.h == 0.75, 'hue: ' + hsl.h );
assert.ok( hsl.s == 0.5, 'saturation: ' + hsl.s );
assert.ok( hsl.l == 0.75, 'lightness: ' + hsl.l );
a.setStyle( '#F8A' );
assert.ok( a.r == 0xFF / 255, 'Red: ' + a.r );
assert.ok( a.g == 0x88 / 255, 'Green: ' + a.g );
assert.ok( a.b == 0xAA / 255, 'Blue: ' + a.b );
a.setStyle( '#F8ABC1' );
assert.ok( a.r == 0xF8 / 255, 'Red: ' + a.r );
assert.ok( a.g == 0xAB / 255, 'Green: ' + a.g );
assert.ok( a.b == 0xC1 / 255, 'Blue: ' + a.b );
a.setStyle( 'aliceblue' );
assert.ok( a.r == 0xF0 / 255, 'Red: ' + a.r );
assert.ok( a.g == 0xF8 / 255, 'Green: ' + a.g );
assert.ok( a.b == 0xFF / 255, 'Blue: ' + a.b );
} );
QUnit.test( 'setColorName', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const res = c.setColorName( 'aliceblue' );
assert.ok( c.getHex() == 0xF0F8FF, 'Hex: ' + c.getHex() );
assert.ok( c == res, 'Returns Self' );
} );
QUnit.test( 'clone', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color( 'teal' );
const c2 = c.clone();
assert.ok( c2.getHex() == 0x008080, 'Hex c2: ' + c2.getHex() );
} );
QUnit.test( 'copy', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 'teal' );
const b = new Color();
b.copy( a );
assert.ok( b.r == 0x00 / 255, 'Red: ' + b.r );
assert.ok( b.g == 0x80 / 255, 'Green: ' + b.g );
assert.ok( b.b == 0x80 / 255, 'Blue: ' + b.b );
} );
QUnit.test( 'copySRGBToLinear', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const c2 = new Color();
c2.setRGB( 0.3, 0.5, 0.9 );
c.copySRGBToLinear( c2 );
assert.numEqual( c.r, 0.09, 'Red c: ' + c.r + ' Red c2: ' + c2.r );
assert.numEqual( c.g, 0.25, 'Green c: ' + c.g + ' Green c2: ' + c2.g );
assert.numEqual( c.b, 0.81, 'Blue c: ' + c.b + ' Blue c2: ' + c2.b );
} );
QUnit.test( 'copyLinearToSRGB', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const c2 = new Color();
c2.setRGB( 0.09, 0.25, 0.81 );
c.copyLinearToSRGB( c2 );
assert.numEqual( c.r, 0.3, 'Red c: ' + c.r + ' Red c2: ' + c2.r );
assert.numEqual( c.g, 0.5, 'Green c: ' + c.g + ' Green c2: ' + c2.g );
assert.numEqual( c.b, 0.9, 'Blue c: ' + c.b + ' Blue c2: ' + c2.b );
} );
QUnit.test( 'convertSRGBToLinear', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setRGB( 0.3, 0.5, 0.9 );
c.convertSRGBToLinear();
assert.numEqual( c.r, 0.09, 'Red: ' + c.r );
assert.numEqual( c.g, 0.25, 'Green: ' + c.g );
assert.numEqual( c.b, 0.81, 'Blue: ' + c.b );
} );
QUnit.test( 'convertLinearToSRGB', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setRGB( 4, 9, 16 );
c.convertLinearToSRGB();
assert.numEqual( c.r, 1.82, 'Red: ' + c.r );
assert.numEqual( c.g, 2.58, 'Green: ' + c.g );
assert.numEqual( c.b, 3.29, 'Blue: ' + c.b );
} );
QUnit.test( 'getHex', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color( 'red' );
const res = c.getHex();
assert.ok( res == 0xFF0000, 'Hex: ' + res );
} );
QUnit.test( 'getHexString', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color( 'tomato' );
const res = c.getHexString();
assert.ok( res == 'ff6347', 'Hex: ' + res );
} );
QUnit.test( 'getHSL', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color( 0x80ffff );
const hsl = { h: 0, s: 0, l: 0 };
c.getHSL( hsl );
assert.ok( hsl.h == 0.5, 'hue: ' + hsl.h );
assert.ok( hsl.s == 1.0, 'saturation: ' + hsl.s );
assert.ok( ( Math.round( parseFloat( hsl.l ) * 100 ) / 100 ) == 0.75, 'lightness: ' + hsl.l );
} );
QUnit.test( 'getRGB', ( assert ) => {
ColorManagement.enabled = true;
const c = new Color( 'plum' );
const t = { r: 0, g: 0, b: 0 };
c.getRGB( t );
assert.equal( t.r.toFixed( 3 ), 0.723, 'r (srgb-linear)' );
assert.equal( t.g.toFixed( 3 ), 0.352, 'g (srgb-linear)' );
assert.equal( t.b.toFixed( 3 ), 0.723, 'b (srgb-linear)' );
c.getRGB( t, SRGBColorSpace );
assert.equal( t.r.toFixed( 3 ), ( 221 / 255 ).toFixed( 3 ), 'r (srgb)' );
assert.equal( t.g.toFixed( 3 ), ( 160 / 255 ).toFixed( 3 ), 'g (srgb)' );
assert.equal( t.b.toFixed( 3 ), ( 221 / 255 ).toFixed( 3 ), 'b (srgb)' );
c.getRGB( t, DisplayP3ColorSpace );
assert.equal( t.r.toFixed( 3 ), 0.831, 'r (display-p3)' );
assert.equal( t.g.toFixed( 3 ), 0.637, 'g (display-p3)' );
assert.equal( t.b.toFixed( 3 ), 0.852, 'b (display-p3)' );
} );
QUnit.test( 'getStyle', ( assert ) => {
ColorManagement.enabled = true;
const c = new Color( 'plum' );
assert.equal( c.getStyle(), 'rgb(221,160,221)', 'style: srgb' );
assert.equal( c.getStyle( DisplayP3ColorSpace ), 'color(display-p3 0.831 0.637 0.852)', 'style: display-p3' );
} );
QUnit.test( 'offsetHSL', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 'hsl(120,50%,50%)' );
const b = new Color( 0.36, 0.84, 0.648 );
a.offsetHSL( 0.1, 0.1, 0.1 );
assert.ok( Math.abs( a.r - b.r ) <= eps, 'Check r' );
assert.ok( Math.abs( a.g - b.g ) <= eps, 'Check g' );
assert.ok( Math.abs( a.b - b.b ) <= eps, 'Check b' );
} );
QUnit.test( 'add', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0x0000FF );
const b = new Color( 0xFF0000 );
const c = new Color( 0xFF00FF );
a.add( b );
assert.ok( a.equals( c ), 'Check new value' );
} );
QUnit.test( 'addColors', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0x0000FF );
const b = new Color( 0xFF0000 );
const c = new Color( 0xFF00FF );
const d = new Color();
d.addColors( a, b );
assert.ok( d.equals( c ), 'Passed' );
} );
QUnit.test( 'addScalar', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0.1, 0.0, 0.0 );
const b = new Color( 0.6, 0.5, 0.5 );
a.addScalar( 0.5 );
assert.ok( a.equals( b ), 'Check new value' );
} );
QUnit.test( 'sub', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0x0000CC );
const b = new Color( 0xFF0000 );
const c = new Color( 0x0000AA );
a.sub( b );
assert.strictEqual( a.getHex(), 0xCC, 'Difference too large' );
a.sub( c );
assert.strictEqual( a.getHex(), 0x22, 'Difference fine' );
} );
QUnit.test( 'multiply', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 1, 0, 0.5 );
const b = new Color( 0.5, 1, 0.5 );
const c = new Color( 0.5, 0, 0.25 );
a.multiply( b );
assert.ok( a.equals( c ), 'Check new value' );
} );
QUnit.test( 'multiplyScalar', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0.25, 0, 0.5 );
const b = new Color( 0.5, 0, 1 );
a.multiplyScalar( 2 );
assert.ok( a.equals( b ), 'Check new value' );
} );
QUnit.test( 'lerp', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const c2 = new Color();
c.setRGB( 0, 0, 0 );
c.lerp( c2, 0.2 );
assert.ok( c.r == 0.2, 'Red: ' + c.r );
assert.ok( c.g == 0.2, 'Green: ' + c.g );
assert.ok( c.b == 0.2, 'Blue: ' + c.b );
} );
QUnit.todo( 'lerpColors', ( assert ) => {
// lerpColors( color1, color2, alpha )
assert.ok( false, 'everything\'s gonna be alright' );
} );
QUnit.todo( 'lerpHSL', ( assert ) => {
// lerpHSL( color, alpha )
assert.ok( false, 'everything\'s gonna be alright' );
} );
QUnit.test( 'equals', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0.5, 0.0, 1.0 );
const b = new Color( 0.5, 1.0, 0.0 );
assert.strictEqual( a.r, b.r, 'Components: r is equal' );
assert.notStrictEqual( a.g, b.g, 'Components: g is not equal' );
assert.notStrictEqual( a.b, b.b, 'Components: b is not equal' );
assert.notOk( a.equals( b ), 'equals(): a not equal b' );
assert.notOk( b.equals( a ), 'equals(): b not equal a' );
a.copy( b );
assert.strictEqual( a.r, b.r, 'Components after copy(): r is equal' );
assert.strictEqual( a.g, b.g, 'Components after copy(): g is equal' );
assert.strictEqual( a.b, b.b, 'Components after copy(): b is equal' );
assert.ok( a.equals( b ), 'equals() after copy(): a equals b' );
assert.ok( b.equals( a ), 'equals() after copy(): b equals a' );
} );
QUnit.test( 'fromArray', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color();
const array = [ 0.5, 0.6, 0.7, 0, 1, 0 ];
a.fromArray( array );
assert.strictEqual( a.r, 0.5, 'No offset: check r' );
assert.strictEqual( a.g, 0.6, 'No offset: check g' );
assert.strictEqual( a.b, 0.7, 'No offset: check b' );
a.fromArray( array, 3 );
assert.strictEqual( a.r, 0, 'With offset: check r' );
assert.strictEqual( a.g, 1, 'With offset: check g' );
assert.strictEqual( a.b, 0, 'With offset: check b' );
} );
QUnit.test( 'toArray', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const r = 0.5, g = 1.0, b = 0.0;
const a = new Color( r, g, b );
let array = a.toArray();
assert.strictEqual( array[ 0 ], r, 'No array, no offset: check r' );
assert.strictEqual( array[ 1 ], g, 'No array, no offset: check g' );
assert.strictEqual( array[ 2 ], b, 'No array, no offset: check b' );
array = [];
a.toArray( array );
assert.strictEqual( array[ 0 ], r, 'With array, no offset: check r' );
assert.strictEqual( array[ 1 ], g, 'With array, no offset: check g' );
assert.strictEqual( array[ 2 ], b, 'With array, no offset: check b' );
array = [];
a.toArray( array, 1 );
assert.strictEqual( array[ 0 ], undefined, 'With array and offset: check [0]' );
assert.strictEqual( array[ 1 ], r, 'With array and offset: check r' );
assert.strictEqual( array[ 2 ], g, 'With array and offset: check g' );
assert.strictEqual( array[ 3 ], b, 'With array and offset: check b' );
} );
QUnit.todo( 'fromBufferAttribute', ( assert ) => {
// fromBufferAttribute( attribute, index )
assert.ok( false, 'everything\'s gonna be alright' );
} );
QUnit.test( 'toJSON', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const a = new Color( 0.0, 0.0, 0.0 );
const b = new Color( 0.0, 0.5, 0.0 );
const c = new Color( 1.0, 0.0, 0.0 );
const d = new Color( 1.0, 1.0, 1.0 );
assert.strictEqual( a.toJSON(), 0x000000, 'Check black' );
assert.strictEqual( b.toJSON(), 0x008000, 'Check half-blue' );
assert.strictEqual( c.toJSON(), 0xFF0000, 'Check red' );
assert.strictEqual( d.toJSON(), 0xFFFFFF, 'Check white' );
} );
// OTHERS - FUNCTIONAL
QUnit.test( 'copyHex', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const c2 = new Color( 0xF5FFFA );
c.copy( c2 );
assert.ok( c.getHex() == c2.getHex(), 'Hex c: ' + c.getHex() + ' Hex c2: ' + c2.getHex() );
} );
QUnit.test( 'copyColorString', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
const c2 = new Color( 'ivory' );
c.copy( c2 );
assert.ok( c.getHex() == c2.getHex(), 'Hex c: ' + c.getHex() + ' Hex c2: ' + c2.getHex() );
} );
QUnit.test( 'setWithNum', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.set( 0xFF0000 );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setWithString', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.set( 'silver' );
assert.ok( c.getHex() == 0xC0C0C0, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'setStyleRGBRed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'rgb(255,0,0)' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBARed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'rgba(255,0,0,0.5)' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBRedWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'rgb( 255 , 0, 0 )' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBARedWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'rgba( 255, 0, 0 , 1 )' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBPercent', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'rgb(100%,50%,10%)' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g == 0.5, 'Green: ' + c.g );
assert.ok( c.b == 0.1, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBAPercent', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'rgba(100%,50%,10%, 0.5)' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g == 0.5, 'Green: ' + c.g );
assert.ok( c.b == 0.1, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBPercentWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'rgb( 100% ,50% , 10% )' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g == 0.5, 'Green: ' + c.g );
assert.ok( c.b == 0.1, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleRGBAPercentWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'rgba( 100% ,50% , 10%, 0.5 )' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g == 0.5, 'Green: ' + c.g );
assert.ok( c.b == 0.1, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLRed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'hsl(360,100%,50%)' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLARed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'hsla(360,100%,50%,0.5)' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLRedWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'hsl(360, 100% , 50% )' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLARedWithSpaces', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'hsla( 360, 100% , 50%, 0.5 )' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLRedWithDecimals', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'hsl(360,100.0%,50.0%)' );
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHSLARedWithDecimals', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
console.level = CONSOLE_LEVEL.ERROR;
c.setStyle( 'hsla(360,100.0%,50.0%,0.5)' );
console.level = CONSOLE_LEVEL.DEFAULT;
assert.ok( c.r == 1, 'Red: ' + c.r );
assert.ok( c.g === 0, 'Green: ' + c.g );
assert.ok( c.b === 0, 'Blue: ' + c.b );
} );
QUnit.test( 'setStyleHexSkyBlue', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( '#87CEEB' );
assert.ok( c.getHex() == 0x87CEEB, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'setStyleHexSkyBlueMixed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( '#87cEeB' );
assert.ok( c.getHex() == 0x87CEEB, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'setStyleHex2Olive', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( '#F00' );
assert.ok( c.getHex() == 0xFF0000, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'setStyleHex2OliveMixed', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( '#f00' );
assert.ok( c.getHex() == 0xFF0000, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'setStyleColorName', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color();
c.setStyle( 'powderblue' );
assert.ok( c.getHex() == 0xB0E0E6, 'Hex c: ' + c.getHex() );
} );
QUnit.test( 'iterable', ( assert ) => {
ColorManagement.enabled = false; // TODO: Update and enable.
const c = new Color( 0.5, 0.75, 1 );
const array = [ ...c ];
assert.strictEqual( array[ 0 ], 0.5, 'Color is iterable.' );
assert.strictEqual( array[ 1 ], 0.75, 'Color is iterable.' );
assert.strictEqual( array[ 2 ], 1, 'Color is iterable.' );
} );
} );
} );