Start unit testing

Author: jahn96

.eslintignore

@@ -2,5 +2,10 @@ node_modules
 dist
 coverage
 **/*.d.ts
+<<<<<<< HEAD
 tests
 _temp_extension
+=======
+babel.config.js
+jest.config.js
+>>>>>>> Start unit testing

babel.config.ts renamed to babel.config.js

@@ -0,0 +1,27 @@
+const path = require('path');
+
+module.exports = {
+  roots: ['<rootDir>'],
+  verbose: true,
+  preset: 'ts-jest/presets/js-with-babel',
+  // moduleNameMapper: {
+  //   '\\.(css|less|sass|scss)$': '<rootDir>/',
+  //   '\\.(gif|ttf|eot)$': '@jupyterlab/testutils/lib/jest-file-mock.js'
+  // },
+  transform: {
+    // '\\.svg$': 'jest-raw-loader',
+    // '^.+\\.md?$': 'markdown-loader-jest',
+    '^.+\\.tsx?$': 'ts-jest'
+  },
+  setupFiles: ['<rootDir>/testutils/jest-setup-files.js'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  testPathIgnorePatterns: ['/lib/', '/node_modules/'],
+  coverageReporters: ['json', 'lcov', 'text', 'html'],
+  coverageDirectory: path.join('./', 'coverage'),
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+  globals: {
+    'ts-jest': {
+      tsconfig: './tsconfig.test.json'
+    }
+  }
+};

jest.config.js

@@ -75,7 +75,8 @@
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.20.4",
     "husky": "^4.2.5",
-    "jest": "^24",
+    "jest": "^26.6.3",
+    "jest-fetch-mock": "^3.0.3",
     "lint-staged": "^10.2.13",
     "mkdirp": "^1.0.3",
     "npm-run-all": "^4.1.5",

jest.config.ts

@@ -0,0 +1,70 @@
+// unit test
+import { CodeSnippetWidgetModel } from '../src/CodeSnippetWidgetModel';
+import { ICodeSnippet } from '../src/CodeSnippetContentsService';
+
+const codeSnippets: ICodeSnippet[] = [
+  {
+    name: 'test_snippet',
+    description: 'testing code snippet widget model',
+    language: 'Python',
+    code: ["print('hello world')"],
+    id: 0,
+    tags: ['test']
+  },
+  {
+    name: 'test_snippet_two',
+    description: 'testing code snippet widget model',
+    language: 'Python',
+    code: ["print('hello world again!')"],
+    id: 1
+  }
+];
+
+const codeSnippetWidgetModel = new CodeSnippetWidgetModel(codeSnippets);
+
+test('creates the code snippet widget model', () => {
+  expect(codeSnippetWidgetModel).toBeInstanceOf(CodeSnippetWidgetModel);
+});
+
+describe('test getter and setter', () => {
+  it('test get snippet', () => {
+    const snippets = codeSnippetWidgetModel.snippets;
+
+    expect(snippets).toBe(codeSnippets);
+  });
+
+  it('test set snippet', () => {
+    const newSnippets = [
+      {
+        name: 'test_snippet_one',
+        description: 'testing code snippet widget model',
+        language: 'Python',
+        code: ["print('hello world')"],
+        id: 0,
+        tags: ['test']
+      },
+      {
+        name: 'test_snippet_two',
+        description: 'testing code snippet widget model',
+        language: 'Python',
+        code: ["print('hello world again!')"],
+        id: 1
+      }
+    ];
+    codeSnippetWidgetModel.snippets = newSnippets;
+    expect(codeSnippetWidgetModel.snippets).toBe(newSnippets);
+  });
+});
+
+// describe('test snippet manipulation', () => {
+//   it('test add snippet', () => {
+//     const newSnippet = {
+//       name: 'test_snippet_three',
+//       description: 'testing code snippet widget model',
+//       language: 'Python',
+//       code: ["print('testing')"],
+//       id: 2
+//     };
+//     codeSnippetWidgetModel.addSnippet(newSnippet);
+//   });
+// });

package.json

@@ -0,0 +1,101 @@
+test('two plus two is four', () => {
+  expect(2 + 2).toBe(4);
+});
+
+// mock function
+// const add = jest.fn();
+
+// import { cleanup } from '@testing-library/react';
+// // import { CodeSnippetDisplay } from '../src/CodeSnippetDisplay';
+// // import { ICodeSnippet } from '../src/CodeSnippetContentsService';
+// import { JupyterFrontEnd } from '@jupyterlab/application';
+// import { Widget } from '@lumino/widgets';
+// import { IEditorServices } from '@jupyterlab/codeeditor';
+// import { CodeSnippetWidget } from '../src/CodeSnippetWidget';
+
+// afterEach(cleanup);
+
+// it('renders without crashing', () => {
+//   let app: JupyterFrontEnd;
+//   let editorServices: IEditorServices;
+//   const getCurrentWidget = (): Widget => {
+//     return app.shell.currentWidget;
+//   };
+
+//   const codeSnippetWidget = new CodeSnippetWidget(
+//     getCurrentWidget,
+//     app,
+//     editorServices
+//   );
+
+//   expect(codeSnippetWidget).toBeInstanceOf(CodeSnippetWidget);
+// });
+
+// const openCodeSnippetEditor = (args: ICodeSnippetEditorMetadata): void => {
+//   // codeSnippetEditors are in the main area
+//   const widgetId = `jp-codeSnippet-editor-${args.id}`;
+
+//   const openEditor = find(
+//     app.shell.widgets('main'),
+//     (widget: Widget, _: number) => {
+//       return widget.id === widgetId;
+//     }
+//   );
+//   if (openEditor) {
+//     app.shell.activateById(widgetId);
+//     return;
+//   }
+
+//   const codeSnippetEditor = new CodeSnippetEditor(
+//     contentsService,
+//     editorServices,
+//     tracker,
+//     codeSnippetWidget,
+//     args
+//   );
+
+//   codeSnippetEditor.id = widgetId;
+//   codeSnippetEditor.addClass(widgetId);
+//   codeSnippetEditor.title.label =
+//     args.name === ''
+//       ? 'New Code Snippet'
+//       : '[' + args.language + '] ' + args.name;
+//   codeSnippetEditor.title.closable = true;
+//   codeSnippetEditor.title.icon = editorIcon;
+
+//   if (!tracker.has(codeSnippetEditor)) {
+//     tracker.add(codeSnippetEditor);
+//   }
+
+//   if (!codeSnippetEditor.isAttached) {
+//     app.shell.add(codeSnippetEditor, 'main', {
+//       mode: 'tab-after'
+//     });
+//   }
+
+//   // Activate the code Snippet Editor
+//   app.shell.activateById(codeSnippetEditor.id);
+// };
+
+// it('renders without crashing', () => {
+
+//   const codeSnippet: ICodeSnippet = {
+//     name: 'test',
+//     description: 'testing CodeSnippetDisplay component',
+//     id: 0,
+//     language: 'Python',
+//     code: []
+//   }
+
+//   const test = new CodeSnippetDisplay()
+//   odeSnippets={codeSnippets}
+//               app={this.app}
+//               getCurrentWidget={this.getCurrentWidget}
+//               openCodeSnippetEditor={this.openCodeSnippetEditor.bind(this)}
+//               editorServices={this.editorServices}
+//               _codeSnippetWidgetModel={this._codeSnippetWidgetModel}
+//               updateCodeSnippets={this.updateCodeSnippets}
+
+//   render(<CodeSnippetDisplay />)
+
+// });

test/codeSnippetWidgetModel.test.ts

@@ -0,0 +1 @@
+global.fetch = require('jest-fetch-mock');

test/sample.test.ts

@@ -20,5 +20,5 @@
     "target": "es2017",
     "types": []
   },
-  "include": ["src/*", "src/*.tsx"]
+  "include": ["src/*", "src/*.tsx", "test/*"]
 }