correct all build errors

Author: uppal101

packages/api-explorer-ui/__tests__/lib/Oas.test.js

@@ -71,20 +71,22 @@ test('should be able to access properties on oas', () => {
 });
 
 describe('operation.getSecurity()', () => {
-  const security = [{ 'auth': [] }];
+  const security = [{ auth: [] }];
 
   test('should return the security on this endpoint', () => {
     expect(
       new Oas({
         info: { version: '1.0' },
         paths: {
           '/things': {
-            'post': {
+            post: {
               security,
-            }
+            },
           },
-        }
-      }).operation('/things', 'post').getSecurity(),
+        },
+      })
+        .operation('/things', 'post')
+        .getSecurity(),
     ).toBe(security);
   });
 
@@ -94,11 +96,13 @@ describe('operation.getSecurity()', () => {
         info: { version: '1.0' },
         paths: {
           '/things': {
-            'post': {}
+            post: {},
           },
         },
         security,
-      }).operation('/things', 'post').getSecurity(),
+      })
+        .operation('/things', 'post')
+        .getSecurity(),
     ).toBe(security);
   });
 
@@ -108,10 +112,12 @@ describe('operation.getSecurity()', () => {
         info: { version: '1.0' },
         paths: {
           '/things': {
-            'post': {}
+            post: {},
           },
         },
-      }).operation('/things', 'post').getSecurity(),
+      })
+        .operation('/things', 'post')
+        .getSecurity(),
     ).toEqual([]);
   });
 });

packages/api-explorer-ui/src/CodeSampleResponse.jsx

@@ -8,6 +8,7 @@ const extensions = require('../../readme-oas-extensions');
 const { getLangName } = require('./lib/generate-code-snippet');
 const syntaxHighlighter = require('../../readme-syntax-highlighter');
 const codemirror = require('../../readme-syntax-highlighter/codemirror');
+const IconStatus = require('./sub-components/status-with-icon');
 
 const Oas = require('./lib/Oas');
 
@@ -66,18 +67,7 @@ class CodeSampleResponse extends React.Component {
                         this.setTab('result');
                       }}
                     >
-                      <span
-                        className={classNames({
-                          httpsuccess: result.statusCode[2] === 'success',
-                          httperror: result.statusCode[2] !== 'success',
-                        })}
-                      >
-                        <i className="fa fa-circle" />
-                        <em>
-                          &nbsp;{result.statusCode[0]}&nbsp;
-                          {result.statusCode[1]}
-                        </em>
-                      </span>
+                      <IconStatus result={result} />
                     </a>
                   }
                   {
@@ -199,18 +189,7 @@ class CodeSampleResponse extends React.Component {
                       <label> Status</label>
                     }
                     <span className="httpstatus">
-                      <span
-                        className={classNames({
-                          httpsuccess: result.statusCode[2] === 'success',
-                          httperror: result.statusCode[2] !== 'success',
-                        })}
-                      >
-                        <i className="fa fa-circle" />
-                        <em>
-                          &nbsp;{result.statusCode[0]}&nbsp;
-                          {result.statusCode[1]}
-                        </em>
-                      </span>
+                      <IconStatus result={result} />
                     </span>
                   </div>
 

packages/api-explorer-ui/src/sub-components/status-with-icon.jsx

@@ -0,0 +1,26 @@
+const React = require('react');
+const PropTypes = require('prop-types');
+const classNames = require('classnames');
+
+function IconStatus({ result }) {
+  return (
+    <span
+      className={classNames({
+        httpsuccess: result.statusCode[2] === 'success',
+        httperror: result.statusCode[2] !== 'success',
+      })}
+    >
+      <i className="fa fa-circle" />
+      <em>
+        &nbsp;{result.statusCode[0]}&nbsp;
+        {result.statusCode[1]}
+      </em>
+    </span>
+  );
+}
+
+IconStatus.propTypes = {
+  result: PropTypes.shape({}).isRequired,
+};
+
+module.exports = IconStatus;