public renderElement method (#30)

Author: biggieman

dist/mention.js

@@ -108,10 +108,21 @@ angular.module('ui.mention').controller('uiMention', ["$element", "$scope", "$at
     _this2.mentions.forEach(function (mention) {
       html = html.replace(_this2.encode(mention), _this2.highlight(mention));
     });
-    $element.next().html(html);
+    _this2.renderElement().html(html);
     return html;
   };
 
+  /**
+   * $mention.renderElement()
+   *
+   * Get syntax-encoded HTML element
+   *
+   * @return {Element}  HTML element
+   */
+  this.renderElement = function () {
+    return $element.next();
+  };
+
   /**
    * $mention.highlight()
    *

dist/mention.min.js

@@ -84,10 +84,21 @@ angular.module('ui.mention')
     this.mentions.forEach( mention => {
       html = html.replace(this.encode(mention), this.highlight(mention));
     });
-    $element.next().html(html);
+    this.renderElement().html(html);
     return html;
   };
 
+  /**
+   * $mention.renderElement()
+   *
+   * Get syntax-encoded HTML element
+   *
+   * @return {Element}  HTML element
+   */
+   this.renderElement = () => {
+     return $element.next();
+   };
+
   /**
    * $mention.highlight()
    *

src/mentionController.es6.js

@@ -60,7 +60,7 @@ describe('uiMention', () => {
     });
 
     [
-      'init', 'render', 'highlight', 'decode', 'label', 'encode', 'replace',
+      'init', 'render', 'renderElement', 'highlight', 'decode', 'label', 'encode', 'replace',
       'select', 'up', 'down', 'search', 'findChoices', 'cancel', 'autogrow'
     ].forEach((fn) => {
       it(fn + ' is a public API method on ' + ctrlInstance, () => {
@@ -203,10 +203,14 @@ describe('uiMention', () => {
         expect(ctrlInstance.render()).to.not.eq('<span>wat nope</span>');
       });
 
+      it('checks the render html element', () => {
+        expect(ctrlInstance.renderElement()).to.have.property('html');
+      });
+
       it('replaces the html of $element.next with the converted value', () => {
         ngModel.$modelValue = '@[foo bar:1] @[k v:2]';
         ctrlInstance.render();
-        expect($element.next().html()).to.eq('<span>foo bar</span> <span>k v</span>')
+        expect(ctrlInstance.renderElement().html()).to.eq('<span>foo bar</span> <span>k v</span>')
       });
     });