Fix: currentPage becomes -1 when the list is empty

TahaSh · Jun 4, 2018 · e755eec · e755eec
1 parent fcff039
commit e755eec
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/Paginate.js b/src/components/Paginate.js
@@ -72,8 +72,10 @@ export default {
       this.paginateList()
     },
     list () {
-      if (this.currentPage >= this.lastPage) {
+      if (this.currentPage >= this.lastPage && this.lastPage > 0) {
         this.currentPage = this.lastPage - 1
+      } else {
+        this.currentPage = 0
       }
       this.paginateList()
     },

diff --git a/test/Paginate.js b/test/Paginate.js
@@ -57,6 +57,14 @@ describe('Paginate.vue', () => {
     })
   })
 
+  it('makes sure currentPage is not < 0 when list is empty', done => {
+    vm.langs = []
+    Vue.nextTick(() => {
+      expect(vm.paginate.langs.page).to.equal(0)
+      done()
+    })
+  })
+
   it('allows `per` prop to be dynamic', (done) => {
     vm = new Vue({
       template: `