06b88af046
This commit adds a resuable UI component that allows a user to search for a project name, shows the search results, and allows the user to select one or more projects. This component communicates with its parent using props and events. This component was originally created for use in the EE-specific "Operations Dashboard" page, but it is applicable for CE use cases as well, and so was added as a CE shared component. In addition, some logic was extracted from the frequent_items_list_item component into shared filters to avoid logic duplication.
43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import highlight from '~/lib/utils/highlight';
|
|
|
|
describe('highlight', () => {
|
|
it(`should appropriately surround substring matches`, () => {
|
|
const expected = 'g<b>i</b><b>t</b>lab';
|
|
|
|
expect(highlight('gitlab', 'it')).toBe(expected);
|
|
});
|
|
|
|
it(`should return an empty string in the case of invalid inputs`, () => {
|
|
[null, undefined].forEach(input => {
|
|
expect(highlight(input, 'match')).toBe('');
|
|
});
|
|
});
|
|
|
|
it(`should return the original value if match is null, undefined, or ''`, () => {
|
|
[null, undefined].forEach(match => {
|
|
expect(highlight('gitlab', match)).toBe('gitlab');
|
|
});
|
|
});
|
|
|
|
it(`should highlight matches in non-string inputs`, () => {
|
|
const expected = '123<b>4</b><b>5</b>6';
|
|
|
|
expect(highlight(123456, 45)).toBe(expected);
|
|
});
|
|
|
|
it(`should sanitize the input string before highlighting matches`, () => {
|
|
const expected = 'hello <b>w</b>orld';
|
|
|
|
expect(highlight('hello <b>world</b>', 'w')).toBe(expected);
|
|
});
|
|
|
|
it(`should not highlight anything if no matches are found`, () => {
|
|
expect(highlight('gitlab', 'hello')).toBe('gitlab');
|
|
});
|
|
|
|
it(`should allow wrapping elements to be customized`, () => {
|
|
const expected = '1<hello>2</hello>3';
|
|
|
|
expect(highlight('123', '2', '<hello>', '</hello>')).toBe(expected);
|
|
});
|
|
});
|