From 18b906c026d885124c5b4eb1608d1b883a932956 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Thu, 6 Jun 2019 14:33:27 +0100
Subject: Creates pagination component graphql

creates a pagination component for
the graphql api
---
 .../pagination/graphql_pagination_spec.js          | 70 ++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 spec/javascripts/vue_shared/components/pagination/graphql_pagination_spec.js

(limited to 'spec/javascripts/vue_shared')

diff --git a/spec/javascripts/vue_shared/components/pagination/graphql_pagination_spec.js b/spec/javascripts/vue_shared/components/pagination/graphql_pagination_spec.js
new file mode 100644
index 00000000000..7445da6cdee
--- /dev/null
+++ b/spec/javascripts/vue_shared/components/pagination/graphql_pagination_spec.js
@@ -0,0 +1,70 @@
+import { shallowMount } from '@vue/test-utils';
+import GraphqlPagination from '~/vue_shared/components/pagination/graphql_pagination.vue';
+
+describe('Graphql Pagination component', () => {
+  let wrapper;
+  function factory({ hasNextPage = true, hasPreviousPage = true }) {
+    wrapper = shallowMount(GraphqlPagination, {
+      propsData: {
+        hasNextPage,
+        hasPreviousPage,
+      },
+    });
+  }
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  describe('without previous page', () => {
+    beforeEach(() => {
+      factory({ hasPreviousPage: false });
+    });
+
+    it('renders disabled previous button', () => {
+      expect(wrapper.find('.js-prev-btn').attributes().disabled).toEqual('true');
+    });
+  });
+
+  describe('with previous page', () => {
+    beforeEach(() => {
+      factory({ hasPreviousPage: true });
+    });
+
+    it('renders enabled previous button', () => {
+      expect(wrapper.find('.js-prev-btn').attributes().disabled).toEqual(undefined);
+    });
+
+    it('emits previousClicked on click', () => {
+      wrapper.find('.js-prev-btn').vm.$emit('click');
+
+      expect(wrapper.emitted().previousClicked.length).toBe(1);
+    });
+  });
+
+  describe('without next page', () => {
+    beforeEach(() => {
+      factory({ hasNextPage: false });
+    });
+
+    it('renders disabled next button', () => {
+      expect(wrapper.find('.js-next-btn').attributes().disabled).toEqual('true');
+    });
+  });
+
+  describe('with next page', () => {
+    beforeEach(() => {
+      factory({ hasNextPage: true });
+    });
+
+    it('renders enabled next button', () => {
+      expect(wrapper.find('.js-next-btn').attributes().disabled).toEqual(undefined);
+    });
+
+    it('emits nextClicked on click', () => {
+      wrapper.find('.js-next-btn').vm.$emit('click');
+
+      expect(wrapper.emitted().nextClicked.length).toBe(1);
+    });
+  });
+});
-- 
cgit v1.2.3