summaryrefslogtreecommitdiff
path: root/spec/javascripts/vue_shared/components/table_pagination_spec.js.es6
diff options
context:
space:
mode:
Diffstat (limited to 'spec/javascripts/vue_shared/components/table_pagination_spec.js.es6')
-rw-r--r--spec/javascripts/vue_shared/components/table_pagination_spec.js.es6166
1 files changed, 0 insertions, 166 deletions
diff --git a/spec/javascripts/vue_shared/components/table_pagination_spec.js.es6 b/spec/javascripts/vue_shared/components/table_pagination_spec.js.es6
deleted file mode 100644
index dd495cb43bc..00000000000
--- a/spec/javascripts/vue_shared/components/table_pagination_spec.js.es6
+++ /dev/null
@@ -1,166 +0,0 @@
-require('~/lib/utils/common_utils');
-require('~/vue_shared/components/table_pagination');
-
-describe('Pagination component', () => {
- let component;
-
- const changeChanges = {
- one: '',
- two: '',
- };
-
- const change = (one, two) => {
- changeChanges.one = one;
- changeChanges.two = two;
- };
-
- it('should render and start at page 1', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 2,
- previousPage: '',
- },
- change,
- },
- });
-
- expect(component.$el.classList).toContain('gl-pagination');
-
- component.changePage({ target: { innerText: '1' } });
-
- expect(changeChanges.one).toEqual(1);
- expect(changeChanges.two).toEqual(null);
- });
-
- it('should go to the previous page', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 3,
- previousPage: 1,
- },
- change,
- },
- });
-
- component.changePage({ target: { innerText: 'Prev' } });
-
- expect(changeChanges.one).toEqual(1);
- expect(changeChanges.two).toEqual(null);
- });
-
- it('should go to the next page', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 5,
- previousPage: 3,
- },
- change,
- },
- });
-
- component.changePage({ target: { innerText: 'Next' } });
-
- expect(changeChanges.one).toEqual(5);
- expect(changeChanges.two).toEqual(null);
- });
-
- it('should go to the last page', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 5,
- previousPage: 3,
- },
- change,
- },
- });
-
- component.changePage({ target: { innerText: 'Last >>' } });
-
- expect(changeChanges.one).toEqual(10);
- expect(changeChanges.two).toEqual(null);
- });
-
- it('should go to the first page', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 5,
- previousPage: 3,
- },
- change,
- },
- });
-
- component.changePage({ target: { innerText: '<< First' } });
-
- expect(changeChanges.one).toEqual(1);
- expect(changeChanges.two).toEqual(null);
- });
-
- it('should do nothing', () => {
- setFixtures('<div class="test-pagination-container"></div>');
-
- component = new window.gl.VueGlPagination({
- el: document.querySelector('.test-pagination-container'),
- propsData: {
- pageInfo: {
- totalPages: 10,
- nextPage: 2,
- previousPage: '',
- },
- change,
- },
- });
-
- component.changePage({ target: { innerText: '...' } });
-
- expect(changeChanges.one).toEqual(1);
- expect(changeChanges.two).toEqual(null);
- });
-});
-
-describe('paramHelper', () => {
- it('can parse url parameters correctly', () => {
- window.history.pushState({}, null, '?scope=all&p=2');
-
- const scope = gl.utils.getParameterByName('scope');
- const p = gl.utils.getParameterByName('p');
-
- expect(scope).toEqual('all');
- expect(p).toEqual('2');
- });
-
- it('returns null if param not in url', () => {
- window.history.pushState({}, null, '?p=2');
-
- const scope = gl.utils.getParameterByName('scope');
- const p = gl.utils.getParameterByName('p');
-
- expect(scope).toEqual(null);
- expect(p).toEqual('2');
- });
-});