[fixed] Use actual ellipsis in pagination

Author: taion

src/Pagination.js

@@ -16,7 +16,7 @@ const Pagination = React.createClass({
      */
     boundaryLinks: React.PropTypes.bool,
     /**
-     * When `true`, will display the default node value ('...').
+     * When `true`, will display the default node value ('…').
      * Otherwise, will display provided node (when specified).
      */
     ellipsis: React.PropTypes.oneOfType([
@@ -130,7 +130,7 @@ const Pagination = React.createClass({
           disabled
           buttonComponentClass={buttonComponentClass}>
           <span aria-label="More">
-            {this.props.ellipsis === true ? '...' : this.props.ellipsis}
+            {this.props.ellipsis === true ? '\u2026' : this.props.ellipsis}
           </span>
         </PaginationButton>
       );
@@ -154,7 +154,7 @@ const Pagination = React.createClass({
           disabled
           buttonComponentClass={buttonComponentClass}>
           <span aria-label="More">
-            {this.props.ellipsis === true ? '...' : this.props.ellipsis}
+            {this.props.ellipsis === true ? '\u2026' : this.props.ellipsis}
           </span>
         </PaginationButton>
       );

test/PaginationSpec.js

@@ -71,7 +71,7 @@ describe('Pagination', () => {
 
     assert.equal(pageButtons[0].innerText, '«');
     assert.equal(pageButtons[1].innerText, '‹');
-    assert.equal(pageButtons[5].innerText, '...');
+    assert.equal(pageButtons[5].innerText, '…');
     assert.equal(pageButtons[6].innerText, '›');
     assert.equal(pageButtons[7].innerText, '»');
 
@@ -93,8 +93,8 @@ describe('Pagination', () => {
     let pageButtons = ReactTestUtils.scryRenderedDOMComponentsWithTag(instance, 'li');
     // add first, last, prev, next and ellipsis button
     assert.equal(pageButtons[2].innerText, '1');
-    assert.equal(pageButtons[3].innerText, '...');
-    assert.equal(pageButtons[7].innerText, '...');
+    assert.equal(pageButtons[3].innerText, '…');
+    assert.equal(pageButtons[7].innerText, '…');
     assert.equal(pageButtons[8].innerText, '20');
   });