feat(reverseHighlight/reverseSnippet): Implements reverseHighlight and reverseSnippet

src/lib/utils/__tests__/concatHighlightedParts-test.ts

@@ -1,31 +1,33 @@
-import { HighlightedParts } from '../../../types';
 import concatHighlightedParts from '../concatHighlightedParts';
 
-const oneMatch: HighlightedParts[] = [
-  { isHighlighted: false, value: 'Amazon' },
-  {
-    isHighlighted: true,
-    value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-Fi - Black',
-  },
-];
-
-const multipleMatches: HighlightedParts[] = [
-  { isHighlighted: false, value: 'Amazon' },
-  { isHighlighted: true, value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-' },
-  { isHighlighted: false, value: 'Fi' },
-  { isHighlighted: false, value: ' - ' },
-  { isHighlighted: false, value: 'Black' },
-];
-
 describe('concatHighlightedParts', () => {
   test('returns a concatenated string from HighlightedParts with a single match', () => {
-    expect(concatHighlightedParts(oneMatch)).toMatchInlineSnapshot(
+    expect(
+      concatHighlightedParts([
+        { isHighlighted: false, value: 'Amazon' },
+        {
+          isHighlighted: true,
+          value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-Fi - Black',
+        },
+      ])
+    ).toMatchInlineSnapshot(
       `"Amazon<mark> - Fire HD8 - 8&quot; - Tablet - 16GB - Wi-Fi - Black</mark>"`
     );
   });
 
   test('returns a concatenated string from HighlightedParts with multiple matches', () => {
-    expect(concatHighlightedParts(multipleMatches)).toMatchInlineSnapshot(
+    expect(
+      concatHighlightedParts([
+        { isHighlighted: false, value: 'Amazon' },
+        {
+          isHighlighted: true,
+          value: ' - Fire HD8 - 8&quot; - Tablet - 16GB - Wi-',
+        },
+        { isHighlighted: false, value: 'Fi' },
+        { isHighlighted: false, value: ' - ' },
+        { isHighlighted: false, value: 'Black' },
+      ])
+    ).toMatchInlineSnapshot(
       `"Amazon<mark> - Fire HD8 - 8&quot; - Tablet - 16GB - Wi-</mark>Fi - Black"`
     );
   });

src/lib/utils/__tests__/getHighlightedParts-test.ts

@@ -1,14 +1,12 @@
 import getHighlightedParts from '../getHighlightedParts';
 
-const oneMatch =
-  '<mark>Amazon</mark> - Fire HD8 - 8&quot; - Tablet - 16GB - Wi-Fi - Black';
-
-const multipleMatches =
-  '<mark>Amazon</mark> - Fire HD8 - 8&quot; - <mark>Tablet</mark> - 16GB - Wi-Fi - Black';
-
 describe('getHighlightedParts', () => {
   test('returns an HighlightParts array of object from a string with a single match', () => {
-    expect(getHighlightedParts(oneMatch)).toEqual([
+    expect(
+      getHighlightedParts(
+        '<mark>Amazon</mark> - Fire HD8 - 8&quot; - Tablet - 16GB - Wi-Fi - Black'
+      )
+    ).toEqual([
       { isHighlighted: true, value: 'Amazon' },
       {
         isHighlighted: false,
@@ -18,7 +16,11 @@ describe('getHighlightedParts', () => {
   });
 
   test('returns an HighlightedParts array of object from a string with multiple matches', () => {
-    expect(getHighlightedParts(multipleMatches)).toEqual([
+    expect(
+      getHighlightedParts(
+        '<mark>Amazon</mark> - Fire HD8 - 8&quot; - <mark>Tablet</mark> - 16GB - Wi-Fi - Black'
+      )
+    ).toEqual([
       { isHighlighted: true, value: 'Amazon' },
       {
         isHighlighted: false,

src/lib/utils/__tests__/reverseHighlightedParts-test.ts

@@ -1,25 +1,16 @@
-import { HighlightedParts } from '../../../types';
 import reverseHighlightedParts from '../reverseHighlightedParts';
 
-const oneMatch: HighlightedParts[] = [
-  { isHighlighted: false, value: 'Amazon' },
-  {
-    isHighlighted: true,
-    value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-Fi - Black',
-  },
-];
-
-const multipleMatches: HighlightedParts[] = [
-  { isHighlighted: false, value: 'Amazon' },
-  { isHighlighted: true, value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-' },
-  { isHighlighted: false, value: 'Fi' },
-  { isHighlighted: false, value: ' - ' },
-  { isHighlighted: false, value: 'Black' },
-];
-
 describe('reverseHighlightedParts', () => {
   test('returns reversed HighlightedParts with a single match', () => {
-    expect(reverseHighlightedParts(oneMatch)).toEqual([
+    expect(
+      reverseHighlightedParts([
+        { isHighlighted: false, value: 'Amazon' },
+        {
+          isHighlighted: true,
+          value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-Fi - Black',
+        },
+      ])
+    ).toEqual([
       { isHighlighted: true, value: 'Amazon' },
       {
         isHighlighted: false,
@@ -29,7 +20,18 @@ describe('reverseHighlightedParts', () => {
   });
 
   test('with reversed HighlightedParts with multiple matches', () => {
-    expect(reverseHighlightedParts(multipleMatches)).toEqual([
+    expect(
+      reverseHighlightedParts([
+        { isHighlighted: false, value: 'Amazon' },
+        {
+          isHighlighted: true,
+          value: ' - Fire HD8 - 8" - Tablet - 16GB - Wi-',
+        },
+        { isHighlighted: false, value: 'Fi' },
+        { isHighlighted: false, value: ' - ' },
+        { isHighlighted: false, value: 'Black' },
+      ])
+    ).toEqual([
       { isHighlighted: true, value: 'Amazon' },
       {
         isHighlighted: false,

src/lib/utils/concatHighlightedParts.ts

@@ -1,7 +1,7 @@
 import { HighlightedParts } from '../../types';
 import { TAG_REPLACEMENT } from '../escape-highlight';
 
-const concatHighlightedParts = (parts: HighlightedParts[]) => {
+export default function concatHighlightedParts(parts: HighlightedParts[]) {
   const { highlightPreTag, highlightPostTag } = TAG_REPLACEMENT;
 
   return parts
@@ -11,6 +11,4 @@ const concatHighlightedParts = (parts: HighlightedParts[]) => {
         : part.value
     )
     .join('');
-};
-
-export default concatHighlightedParts;
+}

src/lib/utils/getHighlightFromSiblings.ts

@@ -1,9 +1,13 @@
 import unescape from './unescape';
 import { HighlightedParts } from '../../types';
 
-const getHighlightFromSiblings = (parts: HighlightedParts[], i: number) => {
+const isAlphanumeric = new RegExp(/\w/i);
+
+export default function getHighlightFromSiblings(
+  parts: HighlightedParts[],
+  i: number
+) {
   const current = parts[i];
-  const isAlphanumeric = new RegExp(/\w/gi);
   const isNextHighlighted = parts[i + 1]?.isHighlighted || true;
   const isPreviousHighlighted = parts[i - 1]?.isHighlighted || true;
 
@@ -15,6 +19,4 @@ const getHighlightFromSiblings = (parts: HighlightedParts[], i: number) => {
   }
 
   return current.isHighlighted;
-};
-
-export default getHighlightFromSiblings;
+}

src/lib/utils/getHighlightedParts.ts

@@ -1,6 +1,6 @@
 import { TAG_REPLACEMENT } from '../../lib/escape-highlight';
 
-const getHighlightedParts = (highlightedValue: string) => {
+export default function getHighlightedParts(highlightedValue: string) {
   const { highlightPostTag, highlightPreTag } = TAG_REPLACEMENT;
 
   const splitByPreTag = highlightedValue.split(highlightPreTag);
@@ -26,6 +26,4 @@ const getHighlightedParts = (highlightedValue: string) => {
   });
 
   return elements;
-};
-
-export default getHighlightedParts;
+}

src/lib/utils/reverseHighlightedParts.ts

@@ -1,7 +1,7 @@
 import { HighlightedParts } from '../../types';
 import getHighlightFromSiblings from './getHighlightFromSiblings';
 
-const reverseHighlightedParts = (parts: HighlightedParts[]) => {
+export default function reverseHighlightedParts(parts: HighlightedParts[]) {
   if (!parts.some(part => part.isHighlighted)) {
     return parts.map(part => ({ ...part, isHighlighted: false }));
   }
@@ -10,6 +10,4 @@ const reverseHighlightedParts = (parts: HighlightedParts[]) => {
     ...part,
     isHighlighted: !getHighlightFromSiblings(parts, i),
   }));
-};
-
-export default reverseHighlightedParts;
+}

src/lib/utils/unescape.ts

@@ -20,10 +20,8 @@ const regexHasEscapedHtml = RegExp(regexEscapedHtml.source);
  * Converts the HTML entities "&", "<", ">", '"', and "'" in `string` to their
  * characters.
  */
-function unescape(value: string): string {
+export default function unescape(value: string): string {
   return value && regexHasEscapedHtml.test(value)
     ? value.replace(regexEscapedHtml, character => htmlEscapes[character])
     : value;
 }
-
-export default unescape;