#393 - Feature: pass in the page when emitting the page change event

docs/src/components/pagination.md

@@ -38,7 +38,7 @@ Scroll to the top of the page after a page was changed:
 <script>
   export default {
     methods: {
-      onPageChange() {
+      onPageChange(page) {
         window.scrollTo(0,0);
       }
     }
@@ -76,6 +76,6 @@ Scroll to the top of the page after a page was changed:
 
 ## Events
 
-| Event name  | Description                                                                                  |
-|-------------|----------------------------------------------------------------------------------------------|
-| page-change | Triggered right after a page was changed due to an action taken on the pagination component. |
+| Event name  | Variables  | Description                                                                                  |
+|-------------|------------|----------------------------------------------------------------------------------------------|
+| page-change | page       | Triggered right after a page was changed due to an action taken on the pagination component. |

src/components/Pagination.vue

@@ -97,7 +97,7 @@ export default {
         return;
       }
       this.searchStore.page = p;
-      this.$emit('page-change');
+      this.$emit('page-change', p);
     },
     goToFirstPage() {
       this.goToPage(1);

src/components/__tests__/pagination.js

@@ -90,7 +90,7 @@ test('it should be hidden if there are no results in the current context', () =>
   expect(vm.$el.outerHTML).toMatchSnapshot();
 });
 
-test('it should emit a "page-change" event when page changes', () => {
+test('it should emit a "page-change" event when page changes and pass in the page variable', () => {
   const searchStore = {
     page: 1,
     totalPages: 20,
@@ -115,4 +115,8 @@ test('it should emit a "page-change" event when page changes', () => {
     .getElementsByTagName('a')[0]
     .click();
   expect(onPageChange).toHaveBeenCalledTimes(1);
+
+  const page = searchStore.page;
+  expect(onPageChange).toHaveBeenCalledWith(page);
+  expect(page).toBe(2);
 });