1 files changed, 43 insertions, 0 deletions
diff --git a/spec/frontend/vue_shared/components/markdown_drawer/utils/fetch_spec.js b/spec/frontend/vue_shared/components/markdown_drawer/utils/fetch_spec.js
new file mode 100644
index 00000000000..ff07b2cf838
--- /dev/null
+++ b/spec/frontend/vue_shared/components/markdown_drawer/utils/fetch_spec.js
@@ -0,0 +1,43 @@
+import MockAdapter from 'axios-mock-adapter';
+import {
+  getRenderedMarkdown,
+  splitDocument,
+} from '~/vue_shared/components/markdown_drawer/utils/fetch';
+import axios from '~/lib/utils/axios_utils';
+import {
+  MOCK_HTML,
+  MOCK_DRAWER_DATA,
+  MOCK_DRAWER_DATA_ERROR,
+  MOCK_TABLE_DATA_BEFORE,
+  MOCK_HTML_DATA_AFTER,
+} from '../mock_data';
+
+describe('utils/fetch', () => {
+  let mock;
+
+  afterEach(() => {
+    mock.restore();
+  });
+
+  describe.each`
+    axiosMock                                  | type         | toExpect
+    ${{ code: 200, res: { html: MOCK_HTML } }} | ${'success'} | ${MOCK_DRAWER_DATA}
+    ${{ code: 500, res: null }}                | ${'error'}   | ${MOCK_DRAWER_DATA_ERROR}
+  `('process markdown data', ({ axiosMock, type, toExpect }) => {
+    describe(`if api fetch responds with ${type}`, () => {
+      beforeEach(() => {
+        mock = new MockAdapter(axios);
+        mock.onGet().reply(axiosMock.code, axiosMock.res);
+      });
+      it(`should update drawer correctly`, async () => {
+        expect(await getRenderedMarkdown('/any/path')).toStrictEqual(toExpect);
+      });
+    });
+  });
+
+  describe('splitDocument', () => {
+    it(`should update tables correctly`, () => {
+      expect(splitDocument(MOCK_TABLE_DATA_BEFORE)).toStrictEqual(MOCK_HTML_DATA_AFTER);
+    });
+  });
+});