Commit f6edec19 authored by Jose Vargas's avatar Jose Vargas

Move Vue toast init code

Also change the test code to emit
a click instead of accesing the component
internals
parent ba0ddd1a
import Vue from 'vue';
import { GlToast } from '@gitlab/ui';
import ResetButton from './reset_button.vue';
Vue.use(GlToast);
export function pipelineMinutes() {
const el = document.getElementById('pipeline-minutes-vue');
......
<script>
import Vue from 'vue';
import { GlButton, GlToast } from '@gitlab/ui';
import { GlButton } from '@gitlab/ui';
import { __ } from '~/locale';
import axios from '~/lib/utils/axios_utils';
import statusCodes from '~/lib/utils/http_status';
Vue.use(GlToast);
export default {
components: {
GlButton,
......@@ -19,7 +16,7 @@ export default {
},
methods: {
resetPipelineMinutes() {
return axios
axios
.post(this.resetMinutesPath)
.then(resp => {
if (resp.status === statusCodes.OK) {
......
......@@ -3,9 +3,10 @@ import { GlButton } from '@gitlab/ui';
import MockAdapter from 'axios-mock-adapter';
import ResetButton from 'ee/pages/admin/users/pipeline_minutes/reset_button.vue';
import axios from '~/lib/utils/axios_utils';
import httpStatusCodes from '~/lib/utils/http_status';
const defaultProps = { resetMinutesPath: '/adming/reset_minutes' };
const toastMock = {
const $toast = {
show: jest.fn(),
};
......@@ -19,16 +20,14 @@ describe('Reset pipeline minutes button', () => {
...defaultProps,
},
mocks: {
$toast: toastMock,
$toast,
},
});
mock = new MockAdapter(axios);
mock.onPost(defaultProps.resetMinutesPath).reply(200, {});
});
afterEach(() => {
mock.restore();
wrapper.destroy();
wrapper = null;
});
......@@ -41,13 +40,56 @@ describe('Reset pipeline minutes button', () => {
expect(button.text()).toBe('Reset pipeline minutes');
});
it('should call do a network request when reseting the pipelines', () => {
const axiosSpy = jest.spyOn(axios, 'post');
describe('when the api is available', () => {
beforeEach(() => {
mock
.onPost(defaultProps.resetMinutesPath)
.reply(httpStatusCodes.OK, { status: httpStatusCodes.OK });
});
afterEach(() => {
mock.restore();
});
it('should create a network request when the reset button is clicked', () => {
const axiosSpy = jest.spyOn(axios, 'post');
const button = findResetButton();
button.vm.$emit('click');
return axios.waitForAll().then(() => {
expect(axiosSpy).toHaveBeenCalled();
expect($toast.show).toHaveBeenCalledWith('User pipeline minutes were successfully reset.');
});
});
});
describe('when the api is not available', () => {
beforeEach(() => {
mock.onPost(defaultProps.resetMinutesPath).reply(httpStatusCodes.SERVICE_UNAVAILABLE, {
status: httpStatusCodes.SERVICE_UNAVAILABLE,
});
});
afterEach(() => {
mock.restore();
});
it('should show a toast error message', () => {
const axiosSpy = jest.spyOn(axios, 'post');
const button = findResetButton();
wrapper.vm.resetPipelineMinutes();
button.vm.$emit('click');
return wrapper.vm.$nextTick().then(() => {
expect(axiosSpy).toHaveBeenCalled();
return axios.waitForAll().then(() => {
expect(axiosSpy).toHaveBeenCalled();
expect($toast.show).toHaveBeenCalledWith(
'There was an error resetting user pipeline minutes.',
{ type: 'error' },
);
});
});
});
});
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment