diff options
author | Kushal Pandya <kushalspandya@gmail.com> | 2019-07-29 05:19:42 +0000 |
---|---|---|
committer | Kushal Pandya <kushalspandya@gmail.com> | 2019-07-29 05:19:42 +0000 |
commit | 946f7c0687760ec49aca582a329d0ec3c7ac3037 (patch) | |
tree | 0bc736ea343743ab0ee8ae98ab84d6b7f4a579a4 /spec | |
parent | 6e8139c842437227157500b9cbfbd6d374389076 (diff) | |
parent | 352385111fb7fffead03b7a474a7feea3fdaebdf (diff) | |
download | gitlab-ce-946f7c0687760ec49aca582a329d0ec3c7ac3037.tar.gz |
Merge branch '61787-the-colour-selector-for-broadcast-messages-should-provide-a-few-default-options-with-descriptive-labels-like-red-green-blue' into 'master'
Resolve "Add color selector for broadcast messages"
Closes #61787
See merge request gitlab-org/gitlab-ce!30988
Diffstat (limited to 'spec')
-rw-r--r-- | spec/frontend/lib/utils/color_utils_spec.js | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/spec/frontend/lib/utils/color_utils_spec.js b/spec/frontend/lib/utils/color_utils_spec.js new file mode 100644 index 00000000000..433e9d5a85e --- /dev/null +++ b/spec/frontend/lib/utils/color_utils_spec.js @@ -0,0 +1,35 @@ +import { textColorForBackground, hexToRgb } from '~/lib/utils/color_utils'; + +describe('Color utils', () => { + describe('Converting hex code to rgb', () => { + it('convert hex code to rgb', () => { + expect(hexToRgb('#000000')).toEqual([0, 0, 0]); + expect(hexToRgb('#ffffff')).toEqual([255, 255, 255]); + }); + + it('convert short hex code to rgb', () => { + expect(hexToRgb('#000')).toEqual([0, 0, 0]); + expect(hexToRgb('#fff')).toEqual([255, 255, 255]); + }); + + it('handle conversion regardless of the characters case', () => { + expect(hexToRgb('#f0F')).toEqual([255, 0, 255]); + }); + }); + + describe('Getting text color for given background', () => { + // following tests are being ported from `text_color_for_bg` section in labels_helper_spec.rb + it('uses light text on dark backgrounds', () => { + expect(textColorForBackground('#222E2E')).toEqual('#FFFFFF'); + }); + + it('uses dark text on light backgrounds', () => { + expect(textColorForBackground('#EEEEEE')).toEqual('#333333'); + }); + + it('supports RGB triplets', () => { + expect(textColorForBackground('#FFF')).toEqual('#333333'); + expect(textColorForBackground('#000')).toEqual('#FFFFFF'); + }); + }); +}); |