diff options
Diffstat (limited to 'spec/frontend/lib/utils/color_utils_spec.js')
-rw-r--r-- | spec/frontend/lib/utils/color_utils_spec.js | 42 |
1 files changed, 2 insertions, 40 deletions
diff --git a/spec/frontend/lib/utils/color_utils_spec.js b/spec/frontend/lib/utils/color_utils_spec.js index 87966cf9fba..92ac66c19f0 100644 --- a/spec/frontend/lib/utils/color_utils_spec.js +++ b/spec/frontend/lib/utils/color_utils_spec.js @@ -1,44 +1,6 @@ -import { - isValidColorExpression, - textColorForBackground, - hexToRgb, - validateHexColor, - darkModeEnabled, -} from '~/lib/utils/color_utils'; +import { isValidColorExpression, validateHexColor, darkModeEnabled } 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'); - }); - }); - describe('Validate hex color', () => { it.each` color | output @@ -63,7 +25,7 @@ describe('Color utils', () => { ${'groups:issues:index'} | ${'gl-dark'} | ${'monokai-light'} | ${true} `( 'is $expected on $page with $bodyClass body class and $ideTheme IDE theme', - async ({ page, bodyClass, ideTheme, expected }) => { + ({ page, bodyClass, ideTheme, expected }) => { document.body.outerHTML = `<body class="${bodyClass}" data-page="${page}"></body>`; window.gon = { user_color_scheme: ideTheme, |