summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/pipes/highlight
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/shared/pipes/highlight
parent67d99f816cc583643c35193197594cf78d8ce60a (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.ts29
-rw-r--r--vid-webpack-master/src/app/shared/pipes/highlight/highlight-filter.pipe.ts12
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;
+ }
+}