zammad/public/assets/tests/color_object.js

test('test color object', function() {
  let hex = new App.ColorObject('#09f609')
  let hsl = new App.ColorObject([0.5, 0.2, 0.3])

  deepEqual(hex.asHslArray(), [1/3, 0.9294117647058824, 0.5], 'HEX converted to HSL components')
  deepEqual(hsl.asHslArray(), [0.5, 0.2, 0.3], 'HSL components returned as original input')
  equal(hex.asString(), '#09f609', 'HEX represented as original input')
  equal(hsl.asString(), 'hsl(180,20%,30%)', 'HSL components represented as HSL string')

  hex.updateWithString('#fff')
  equal(hex.asString(), '#fff', 'color updated')

  hsl.updateWithHslComponent(0.25, 1)
  deepEqual(hsl.asHslArray(), [0.5, 0.25, 0.3], 'given HSL component updated')

  deepEqual(Array.from(App.ColorObject.anyToRgb('#ff0000')), [255, 0, 0, 255], 'any to RGB')
  deepEqual(App.ColorObject.anyToHslArray('#ff0000'), [0,1,0.5], 'any to HSL components')
  equal(App.ColorObject.anyToHslString('#ff0000'), 'hsl(0,100%,50%)', 'any to HSL string')
  deepEqual(App.ColorObject.rgbToHslArray([255, 0, 0]), [0,1,0.5], 'RGB to HSL components')
  equal(App.ColorObject.hslArrayToHslString([0.5, 0.25, 0.3]), 'hsl(180,25%,30%)', 'HSL components to HSL string')
})