mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-10-20 16:26:08 +00:00
ea7954f069
Close #24508 Main changes: As discussed in the issue 1. Change luminance calculation function to use [Relative Luminance](https://www.w3.org/WAI/GL/wiki/Relative_luminance) 2. Move the luminance related functions into color.go/color.js 3. Add tests for both the files (Not sure if test cases are too many now) Before (tests included by `UseLightTextOnBackground` are labels started with `##`): https://try.gitea.io/HesterG/testrepo/labels After: <img width="1307" alt="Screen Shot 2023-05-08 at 13 37 55" src="https://user-images.githubusercontent.com/17645053/236742562-fdfc3a4d-2fab-466b-9613-96f2bf96b4bc.png"> <img width="1289" alt="Screen Shot 2023-05-08 at 13 38 06" src="https://user-images.githubusercontent.com/17645053/236742570-022db68e-cec0-43bb-888a-fc54f5332cc3.png"> <img width="1299" alt="Screen Shot 2023-05-08 at 13 38 20" src="https://user-images.githubusercontent.com/17645053/236742572-9af1de45-fb7f-460b-828d-ba25fae20f51.png"> --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Giteabot <teabot@gitea.io>
35 lines
1.7 KiB
JavaScript
35 lines
1.7 KiB
JavaScript
import {test, expect} from 'vitest';
|
|
import {hexToRGBColor, useLightTextOnBackground} from './color.js';
|
|
|
|
test('hexToRGBColor', () => {
|
|
expect(hexToRGBColor('2b8685')).toEqual([43, 134, 133]);
|
|
expect(hexToRGBColor('1e1')).toEqual([17, 238, 17]);
|
|
expect(hexToRGBColor('#1e1')).toEqual([17, 238, 17]);
|
|
expect(hexToRGBColor('1e16')).toEqual([17, 238, 17]);
|
|
expect(hexToRGBColor('3bb6b3')).toEqual([59, 182, 179]);
|
|
expect(hexToRGBColor('#3bb6b399')).toEqual([59, 182, 179]);
|
|
expect(hexToRGBColor('#0')).toEqual([0, 0, 0]);
|
|
expect(hexToRGBColor('#00000')).toEqual([0, 0, 0]);
|
|
expect(hexToRGBColor('#1234567')).toEqual([0, 0, 0]);
|
|
});
|
|
|
|
test('useLightTextOnBackground', () => {
|
|
expect(useLightTextOnBackground(215, 58, 74)).toBe(true);
|
|
expect(useLightTextOnBackground(0, 117, 202)).toBe(true);
|
|
expect(useLightTextOnBackground(207, 211, 215)).toBe(false);
|
|
expect(useLightTextOnBackground(162, 238, 239)).toBe(false);
|
|
expect(useLightTextOnBackground(112, 87, 255)).toBe(true);
|
|
expect(useLightTextOnBackground(0, 134, 114)).toBe(true);
|
|
expect(useLightTextOnBackground(228, 230, 105)).toBe(false);
|
|
expect(useLightTextOnBackground(216, 118, 227)).toBe(true);
|
|
expect(useLightTextOnBackground(255, 255, 255)).toBe(false);
|
|
expect(useLightTextOnBackground(43, 134, 133)).toBe(true);
|
|
expect(useLightTextOnBackground(43, 135, 134)).toBe(true);
|
|
expect(useLightTextOnBackground(44, 135, 134)).toBe(true);
|
|
expect(useLightTextOnBackground(59, 182, 179)).toBe(true);
|
|
expect(useLightTextOnBackground(124, 114, 104)).toBe(true);
|
|
expect(useLightTextOnBackground(126, 113, 108)).toBe(true);
|
|
expect(useLightTextOnBackground(129, 112, 109)).toBe(true);
|
|
expect(useLightTextOnBackground(128, 112, 112)).toBe(true);
|
|
});
|