diff options
author | 2018-08-29 17:01:32 +0300 | |
---|---|---|
committer | 2019-02-18 18:35:30 +0200 | |
commit | 6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch) | |
tree | 936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/shared/pipes/highlight | |
parent | 67d99f816cc583643c35193197594cf78d8ce60a (diff) |
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378
Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6
Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/shared/pipes/highlight')
-rw-r--r-- | vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.spec.ts | 29 | ||||
-rw-r--r-- | vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts | 12 |
2 files changed, 41 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.spec.ts b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.spec.ts new file mode 100644 index 000000000..6c2fc42d7 --- /dev/null +++ b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.spec.ts @@ -0,0 +1,29 @@ + +import {HighlightPipe} from "./highlight-filter.pipe"; +import {TestBed} from "@angular/core/testing"; + +describe('Highlight Pipe', () => { + let highlightPipe: HighlightPipe; + + beforeAll(done => (async () => { + TestBed.configureTestingModule({}); + await TestBed.compileComponents(); + + highlightPipe = new HighlightPipe(); + + })().then(done).catch(done.fail)); + + test('Highlight Pipe should be defined', () => { + expect(highlightPipe).toBeDefined(); + }); + + test('Highlight Pipe should return "HTML" with highlight class if match exist', () => { + let result : string = highlightPipe.transform('Hello World', 'Wor'); + expect(result).toEqual('Hello <span class="highlight">Wor</span>ld'); + }); + + test('Highlight Pipe should not return "HTML" with highlight class if no match exist', () => { + let result : string = highlightPipe.transform('Hello World', 'ABC'); + expect(result).toEqual('Hello World'); + }); +}); diff --git a/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts new file mode 100644 index 000000000..b25458d6d --- /dev/null +++ b/vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts @@ -0,0 +1,12 @@ +import {PipeTransform, Pipe} from '@angular/core'; +import * as _ from 'lodash'; + +@Pipe({ name: 'highlight' }) +export class HighlightPipe implements PipeTransform { + transform(text: string, search: string): string { + if(_.isNil(text)) return text; + let pattern = search.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&'); + let regex = new RegExp(pattern, 'gi'); + return search ? text.replace(regex, (match) => `<span class="highlight">${match}</span>`) : text; + } +} |