feat(editor): clearEditor.actions

Author: tim-lai

src/plugins/topbar/actions.js

@@ -24,6 +24,7 @@ export {
 } from './generator.actions';
 
 export { importFromURL } from './importUrl.actions';
+export { clearEditor } from './clearEditor.actions';
 export { importFile as handleImportFile } from './importFile.actions';
 
 // Action Types:
@@ -431,29 +432,6 @@ export const saveAsYaml = ({ overrideWarning }) => async (system) => {
   return { data: 'ok' };
 };
 
-export const clearEditor = () => async (system) => {
-  const { specActions, specSelectors } = system;
-  // todo: using an empty string will throw an apidom parser error
-  // we will want to detect for various specs, e.g. openapi, asyncapi
-  // so for now, we'll use a nearly blank OAS3.0.x spec
-  const minimalSpecOas = {
-    openapi: '3.0.2',
-  };
-  const editorContent = specSelectors.specStr();
-  const languageSubType = getDefinitionLanguage({ data: editorContent });
-  if (!editorContent || languageSubType !== 'json') {
-    // default to yaml
-    // JSON String -> JS object
-    const jsContent = YAML.safeLoad(JSON.stringify(minimalSpecOas));
-    // JS Object -> YAML string
-    const yamlContent = YAML.safeDump(jsContent);
-    specActions.updateSpec(yamlContent, { lineWidth: -1 });
-  } else {
-    specActions.updateSpec(JSON.stringify(minimalSpecOas));
-  }
-  return { data: 'success' };
-};
-
 /** menu action methods:
  * importFromURL
  * saveAsYaml

src/plugins/topbar/clearEditor.actions.js

@@ -0,0 +1,28 @@
+import YAML from 'js-yaml';
+
+import { getDefinitionLanguage } from '../../utils/utils-converter';
+
+export const clearEditor = () => async (system) => {
+  const { specActions, specSelectors } = system;
+  // todo: using an empty string will throw an apidom parser error
+  // we will want to detect for various specs, e.g. openapi, asyncapi
+  // so for now, we'll use a nearly blank OAS3.0.x spec
+  const minimalSpecOas = {
+    openapi: '3.0.2',
+  };
+  const editorContent = specSelectors.specStr();
+  const languageSubType = getDefinitionLanguage({ data: editorContent });
+  if (!editorContent || languageSubType !== 'json') {
+    // default to yaml
+    // JSON String -> JS object
+    const jsContent = YAML.safeLoad(JSON.stringify(minimalSpecOas));
+    // JS Object -> YAML string
+    const yamlContent = YAML.safeDump(jsContent);
+    specActions.updateSpec(yamlContent, { lineWidth: -1 });
+  } else {
+    specActions.updateSpec(JSON.stringify(minimalSpecOas));
+  }
+  return { data: 'success' };
+};
+
+export default { clearEditor };

src/plugins/topbar/components/FileMenuDropdown.test.jsx

@@ -9,6 +9,8 @@ import ImportFileDropdownItem from './ImportFileDropdownItem';
 import * as topbarActions from '../actions';
 
 ReactModal.setAppElement('*'); // suppresses modal-related test warnings.
+// mock es6 re-exports
+jest.mock('../actions');
 
 describe('renders FileMenuDropdown', () => {
   beforeEach(() => {