fix(cursor): add textBefore and textAfter methods

Author: peyerluk

spec/cursor.spec.js

@@ -100,6 +100,13 @@ describe('Cursor', function () {
       })
     })
 
+    describe('textBefore()', () => {
+      it('gets the text before', () => {
+        const textBefore = this.cursor.textBefore()
+        expect(textBefore).toEqual('foobar')
+      })
+    })
+
     describe('beforeHtml()', () => {
       it('gets the content before', () => {
         expect(this.cursor.beforeHtml()).toEqual('foobar')
@@ -113,6 +120,13 @@ describe('Cursor', function () {
       })
     })
 
+    describe('textAfter()', () => {
+      it('gets the text after', () => {
+        var textAfter = this.cursor.textAfter()
+        expect(textAfter).toEqual('')
+      })
+    })
+
     describe('afterHtml()', () => {
       it('gets the content before', () => {
         expect(this.cursor.afterHtml()).toEqual('')

spec/selection.spec.js

@@ -41,6 +41,29 @@ describe('Selection', function () {
     })
   })
 
+  describe('textBefore() / textAfter()', function () {
+
+    beforeEach(function () {
+      // <div>a|b|c</div>
+      const host = $('<div>abc</div>')[0]
+      const range = rangy.createRange()
+      range.setStart(host.firstChild, 1)
+      range.setEnd(host.firstChild, 2)
+
+      this.selection = new Selection(host, range)
+    })
+
+    it('returns the text before', function () {
+      const textBefore = this.selection.textBefore()
+      expect(textBefore).toEqual('a')
+    })
+
+    it('returns the text after', function () {
+      const textAfter = this.selection.textAfter()
+      expect(textAfter).toEqual('c')
+    })
+  })
+
   describe('with a range', function () {
 
     beforeEach(function () {

src/cursor.js

@@ -109,10 +109,18 @@ export default class Cursor {
   // @returns {Document Fragment} content before the cursor or selection.
   before () {
     const range = this.range.cloneRange()
+    range.collapse(true)
     range.setStartBefore(this.host)
     return content.cloneRangeContents(range)
   }
 
+  textBefore () {
+    const range = this.range.cloneRange()
+    range.collapse(true)
+    range.setStartBefore(this.host)
+    return range.toString()
+  }
+
   // Same as before() but returns a string.
   beforeHtml () {
     return content.getInnerHtmlOfFragment(this.before())
@@ -127,10 +135,18 @@ export default class Cursor {
   // @returns {Document Fragment} content after the cursor or selection.
   after () {
     const range = this.range.cloneRange()
+    range.collapse(false)
     range.setEndAfter(this.host)
     return content.cloneRangeContents(range)
   }
 
+  textAfter () {
+    const range = this.range.cloneRange()
+    range.collapse(false)
+    range.setEndAfter(this.host)
+    return range.toString()
+  }
+
   // Same as after() but returns a string.
   afterHtml () {
     return content.getInnerHtmlOfFragment(this.after())