139 lines
3.9 KiB
JavaScript
139 lines
3.9 KiB
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import Vuex from 'vuex';
|
|
|
|
import { suggestionCommitMessage } from '~/diffs/store/getters';
|
|
import NoteBody from '~/notes/components/note_body.vue';
|
|
import NoteAwardsList from '~/notes/components/note_awards_list.vue';
|
|
import NoteForm from '~/notes/components/note_form.vue';
|
|
import createStore from '~/notes/stores';
|
|
import notes from '~/notes/stores/modules/index';
|
|
|
|
import Suggestions from '~/vue_shared/components/markdown/suggestions.vue';
|
|
|
|
import { noteableDataMock, notesDataMock, note } from '../mock_data';
|
|
|
|
const createComponent = ({
|
|
props = {},
|
|
noteableData = noteableDataMock,
|
|
notesData = notesDataMock,
|
|
store = null,
|
|
} = {}) => {
|
|
let mockStore;
|
|
|
|
if (!store) {
|
|
mockStore = createStore();
|
|
|
|
mockStore.dispatch('setNoteableData', noteableData);
|
|
mockStore.dispatch('setNotesData', notesData);
|
|
}
|
|
|
|
return shallowMount(NoteBody, {
|
|
store: mockStore || store,
|
|
propsData: {
|
|
note,
|
|
canEdit: true,
|
|
canAwardEmoji: true,
|
|
isEditing: false,
|
|
...props,
|
|
},
|
|
});
|
|
};
|
|
|
|
describe('issue_note_body component', () => {
|
|
let wrapper;
|
|
|
|
beforeEach(() => {
|
|
wrapper = createComponent();
|
|
});
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
it('should render the note', () => {
|
|
expect(wrapper.find('.note-text').html()).toContain(note.note_html);
|
|
});
|
|
|
|
it('should render awards list', () => {
|
|
expect(wrapper.findComponent(NoteAwardsList).exists()).toBe(true);
|
|
});
|
|
|
|
describe('isEditing', () => {
|
|
beforeEach(() => {
|
|
wrapper = createComponent({ props: { isEditing: true } });
|
|
});
|
|
|
|
it('renders edit form', () => {
|
|
expect(wrapper.findComponent(NoteForm).exists()).toBe(true);
|
|
});
|
|
|
|
it.each`
|
|
confidential | buttonText
|
|
${false} | ${'Save comment'}
|
|
${true} | ${'Save internal note'}
|
|
`('renders save button with text "$buttonText"', ({ confidential, buttonText }) => {
|
|
wrapper = createComponent({ props: { note: { ...note, confidential }, isEditing: true } });
|
|
|
|
expect(wrapper.findComponent(NoteForm).props('saveButtonTitle')).toBe(buttonText);
|
|
});
|
|
|
|
it('adds autosave', () => {
|
|
const autosaveKey = `autosave/Note/${note.noteable_type}/${note.id}`;
|
|
|
|
// While we discourage testing wrapper props
|
|
// here we aren't testing a component prop
|
|
// but instead an instance object property
|
|
// which is defined in `app/assets/javascripts/notes/mixins/autosave.js`
|
|
expect(wrapper.vm.autosave.key).toEqual(autosaveKey);
|
|
});
|
|
});
|
|
|
|
describe('commitMessage', () => {
|
|
beforeEach(() => {
|
|
const notesStore = notes();
|
|
|
|
notesStore.state.notes = {};
|
|
|
|
const store = new Vuex.Store({
|
|
modules: {
|
|
notes: notesStore,
|
|
diffs: {
|
|
namespaced: true,
|
|
state: {
|
|
defaultSuggestionCommitMessage:
|
|
'%{branch_name}%{project_path}%{project_name}%{username}%{user_full_name}%{file_paths}%{suggestions_count}%{files_count}',
|
|
},
|
|
getters: { suggestionCommitMessage },
|
|
},
|
|
page: {
|
|
namespaced: true,
|
|
state: {
|
|
mrMetadata: {
|
|
branch_name: 'branch',
|
|
project_path: '/path',
|
|
project_name: 'name',
|
|
username: 'user',
|
|
user_full_name: 'user userton',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
wrapper = createComponent({
|
|
store,
|
|
props: {
|
|
note: { ...note, suggestions: [12345] },
|
|
canEdit: true,
|
|
file: { file_path: 'abc' },
|
|
},
|
|
});
|
|
});
|
|
|
|
it('passes the correct default placeholder commit message for a suggestion to the suggestions component', () => {
|
|
const commitMessage = wrapper.find(Suggestions).attributes('defaultcommitmessage');
|
|
|
|
expect(commitMessage).toBe('branch/pathnameuseruser usertonabc11');
|
|
});
|
|
});
|
|
});
|