1 files changed, 30 insertions, 0 deletions
diff --git a/spec/frontend/repository/components/blob_viewers/openapi_viewer_spec.js b/spec/frontend/repository/components/blob_viewers/openapi_viewer_spec.js
new file mode 100644
index 00000000000..21994d04076
--- /dev/null
+++ b/spec/frontend/repository/components/blob_viewers/openapi_viewer_spec.js
@@ -0,0 +1,30 @@
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import OpenapiViewer from '~/repository/components/blob_viewers/openapi_viewer.vue';
+import renderOpenApi from '~/blob/openapi';
+
+jest.mock('~/blob/openapi');
+
+describe('OpenAPI Viewer', () => {
+  let wrapper;
+
+  const DEFAULT_BLOB_DATA = { rawPath: 'some/openapi.yml' };
+
+  const createOpenApiViewer = () => {
+    wrapper = shallowMountExtended(OpenapiViewer, {
+      propsData: { blob: DEFAULT_BLOB_DATA },
+    });
+  };
+
+  const findOpenApiViewer = () => wrapper.findByTestId('openapi');
+
+  beforeEach(() => createOpenApiViewer());
+
+  it('calls the openapi render', () => {
+    expect(renderOpenApi).toHaveBeenCalledWith(wrapper.vm.$refs.viewer);
+  });
+
+  it('renders an openapi viewer', () => {
+    expect(findOpenApiViewer().exists()).toBe(true);
+    expect(findOpenApiViewer().attributes('data-endpoint')).toBe(DEFAULT_BLOB_DATA.rawPath);
+  });
+});