2019-12-10 09:07:51 +00:00
|
|
|
import MockAdapter from 'axios-mock-adapter';
|
2018-06-21 12:22:40 +00:00
|
|
|
import axios from '~/lib/utils/axios_utils';
|
2021-02-14 18:09:20 +00:00
|
|
|
import initMRPage from '~/mr_notes';
|
2022-06-27 12:09:11 +00:00
|
|
|
import { getDiffFileMock } from '../diffs/mock_data/diff_file';
|
2021-02-14 18:09:20 +00:00
|
|
|
import { userDataMock, notesDataMock, noteableDataMock } from '../notes/mock_data';
|
2018-06-21 12:22:40 +00:00
|
|
|
|
|
|
|
export default function initVueMRPage() {
|
2018-06-30 13:17:46 +00:00
|
|
|
const mrTestEl = document.createElement('div');
|
|
|
|
mrTestEl.className = 'js-merge-request-test';
|
|
|
|
document.body.appendChild(mrTestEl);
|
|
|
|
|
2018-06-21 12:22:40 +00:00
|
|
|
const diffsAppEndpoint = '/diffs/app/endpoint';
|
2018-06-26 18:49:22 +00:00
|
|
|
const diffsAppProjectPath = 'testproject';
|
2018-06-21 12:22:40 +00:00
|
|
|
const mrEl = document.createElement('div');
|
|
|
|
mrEl.className = 'merge-request fixture-mr';
|
2022-06-17 15:08:29 +00:00
|
|
|
mrEl.dataset.mrAction = 'diffs';
|
2018-06-30 13:17:46 +00:00
|
|
|
mrTestEl.appendChild(mrEl);
|
2018-06-21 12:22:40 +00:00
|
|
|
|
|
|
|
const mrDiscussionsEl = document.createElement('div');
|
|
|
|
mrDiscussionsEl.id = 'js-vue-mr-discussions';
|
2022-06-17 15:08:29 +00:00
|
|
|
mrDiscussionsEl.dataset.currentUserData = JSON.stringify(userDataMock);
|
|
|
|
mrDiscussionsEl.dataset.noteableData = JSON.stringify(noteableDataMock);
|
|
|
|
mrDiscussionsEl.dataset.notesData = JSON.stringify(notesDataMock);
|
|
|
|
mrDiscussionsEl.dataset.noteableType = 'merge-request';
|
|
|
|
mrDiscussionsEl.dataset.isLocked = 'false';
|
2018-06-30 13:17:46 +00:00
|
|
|
mrTestEl.appendChild(mrDiscussionsEl);
|
2018-06-21 12:22:40 +00:00
|
|
|
|
|
|
|
const discussionCounterEl = document.createElement('div');
|
|
|
|
discussionCounterEl.id = 'js-vue-discussion-counter';
|
2018-06-30 13:17:46 +00:00
|
|
|
mrTestEl.appendChild(discussionCounterEl);
|
2018-06-21 12:22:40 +00:00
|
|
|
|
|
|
|
const diffsAppEl = document.createElement('div');
|
|
|
|
diffsAppEl.id = 'js-diffs-app';
|
2022-06-17 15:08:29 +00:00
|
|
|
diffsAppEl.dataset.endpoint = diffsAppEndpoint;
|
|
|
|
diffsAppEl.dataset.projectPath = diffsAppProjectPath;
|
|
|
|
diffsAppEl.dataset.currentUserData = JSON.stringify(userDataMock);
|
2018-06-30 13:17:46 +00:00
|
|
|
mrTestEl.appendChild(diffsAppEl);
|
2018-06-21 12:22:40 +00:00
|
|
|
|
|
|
|
const mock = new MockAdapter(axios);
|
|
|
|
mock.onGet(diffsAppEndpoint).reply(200, {
|
|
|
|
branch_name: 'foo',
|
2022-06-27 12:09:11 +00:00
|
|
|
diff_files: [getDiffFileMock()],
|
2018-06-21 12:22:40 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
initMRPage();
|
|
|
|
return mock;
|
|
|
|
}
|