test: add tests for overview component

Author: batchu5

packages/components/test/components/Overview.test.js

@@ -0,0 +1,39 @@
+import path from 'path';
+import { render } from '@asyncapi/generator-react-sdk';
+import { Parser, fromFile } from '@asyncapi/parser';
+import { getServer, getServerUrl } from '@asyncapi/generator-helpers';
+import { Overview } from '../../src/components/readme/Overview';
+
+const parser = new Parser();
+const asyncapi_websocket_query = path.resolve(__dirname, '../../../helpers/test/__fixtures__/asyncapi-websocket-query.yml');
+
+describe('Testing of Overview component', () => {
+  let parsedAsyncAPIDocument;
+  let info;
+  let title;
+  let serverUrl;
+
+  beforeAll(async () => {
+    const parseResult = await fromFile(parser, asyncapi_websocket_query).parse();
+    parsedAsyncAPIDocument = parseResult.document;
+
+    info = parsedAsyncAPIDocument.info();
+    title = info.title();
+
+    const server = getServer(parsedAsyncAPIDocument.servers(), 'withHostDuplicatingProtocol');
+    serverUrl = getServerUrl(server);
+  });
+
+  test('render overview with description correctly', () => {
+    const result = render(
+      <Overview
+        info={info}
+        title={title}
+        serverUrl={serverUrl}
+      />
+    );
+
+    const actual = result.trim();
+    expect(actual).toMatchSnapshot();
+  });
+});

packages/components/test/components/__snapshots__/Overview.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Testing of Overview component render overview with description correctly 1`] = `
+"## Overview
+
+Market data is a public API that streams all the market data on a given symbol.
+
+
+- **Version:** 1.0.0
+- **Server URL:** wss://api.gemini.com"
+`;