Split wrapElement into own file

apryl489 · Nov 21, 2015 · d6cce14 · d6cce14
1 parent 3d35b4b
commit d6cce14
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 28 deletions.
diff --git a/packages/live-resolver/index.js b/packages/live-resolver/index.js
@@ -1,4 +1,4 @@
-import $ from 'jquery';
+import insertLink from './insert-link.js';
 
 function getKeywords(text, _regex) {
   let regexList = _regex;
@@ -24,33 +24,6 @@ function getKeywords(text, _regex) {
   return ret;
 }
 
-function insertLink(el, keywords, options, fromIndex = 0) {
-  let charIndex = fromIndex;
-
-  Array.prototype.forEach.call(el.childNodes, (child) => {
-    if (child.childElementCount) {
-      charIndex = insertLink(child, keywords, options, charIndex);
-    } else {
-      const $el = $(child);
-      const keyword = keywords[charIndex];
-
-      if (keyword) {
-        let attr = '';
-        if (options.debug) {
-          attr = ' class="ghl-link--debug-mode"';
-        }
-
-        const linkElement = `<a${attr}>`;
-        $el.wrap(linkElement);
-      }
-
-      charIndex += child.textContent.length;
-    }
-  });
-
-  return charIndex;
-}
-
 function blober(blob, options) {
   blob.lines.forEach((item) => {
     const keywords = getKeywords(item.text, options.regex);

diff --git a/packages/live-resolver/insert-link.js b/packages/live-resolver/insert-link.js
@@ -0,0 +1,36 @@
+import $ from 'jquery';
+
+function wrapElement(child, keyword, options) {
+  const $el = $(child);
+  let attr = '';
+  if (options.debug) {
+    attr = ' class="ghl-link--debug-mode"';
+  }
+
+  const linkElement = `<a${attr}>`;
+  $el.wrap(linkElement);
+}
+
+function insertLink(el, keywords, options = {debug: false}, fromIndex = 0) {
+  let charIndex = fromIndex;
+
+  Array.prototype.forEach.call(el.childNodes, (child) => {
+    if (child.childElementCount) {
+      charIndex = insertLink(child, keywords, options, charIndex);
+    } else {
+      const keyword = keywords[charIndex];
+
+      if (keyword) {
+        wrapElement(child, keywords, options);
+      }
+
+      charIndex += child.textContent.length;
+    }
+  });
+
+  return charIndex;
+}
+
+export {
+  insertLink as default,
+};
diff --git a/packages/live-resolver/test/insert-link.test.js b/packages/live-resolver/test/insert-link.test.js
@@ -0,0 +1,31 @@
+import assert from 'assert';
+import insertLink from '../insert-link.js';
+
+describe('insert-link', () => {
+  it('it wraps the elements based on their char position which is specified in the kewords map', () => {
+    const input = 'foo <span>foo</span> <span>foo</span>';
+    const expected = 'foo <a><span>foo</span></a> <a><span>foo</span></a>';
+    const keywords = {
+      4: 'foo',
+      8: 'foo',
+    };
+
+    const el = document.createElement('div');
+    el.innerHTML = input;
+    insertLink(el, keywords);
+    assert.equal(el.innerHTML, expected);
+  });
+
+  it('adds the cssClass for the debug mode', () => {
+    const input = 'foo <span>foo</span>';
+    const expected = 'foo <a class="ghl-link--debug-mode"><span>foo</span></a>';
+    const keywords = {
+      4: 'foo',
+    };
+
+    const el = document.createElement('div');
+    el.innerHTML = input;
+    insertLink(el, keywords, {debug: true});
+    assert.equal(el.innerHTML, expected);
+  });
+});