@teambit/mocha 1.0.106 → 1.0.108

package/dist/mocha.composition.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/mocha.main.runtime.d.ts

@@ -6,7 +6,7 @@ export declare class MochaMain {
     private logger;
     constructor(logger: Logger);
     createTester(mochaConfig?: Mocha.MochaOptions, babelConfig?: TransformOptions, mochaModule?: any): MochaTester;
-    static slots: never[];
+    static slots: any[];
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static provider([loggerMain]: [LoggerMain]): Promise<MochaMain>;

package/dist/{preview-1703505948637.js → preview-1703647408454.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.defender_mocha@1.0.106/dist/mocha.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.defender_mocha@1.0.106/dist/mocha.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.defender_mocha@1.0.108/dist/mocha.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.defender_mocha@1.0.108/dist/mocha.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/index.ts

@@ -0,0 +1,5 @@
+import { MochaAspect } from './mocha.aspect';
+
+export type { MochaMain } from './mocha.main.runtime';
+export default MochaAspect;
+export { MochaAspect };

package/mocha.aspect.ts

@@ -0,0 +1,5 @@
+import { Aspect } from '@teambit/harmony';
+
+export const MochaAspect = Aspect.create({
+  id: 'teambit.defender/mocha',
+});

package/mocha.main.runtime.ts

@@ -0,0 +1,29 @@
+import { MainRuntime } from '@teambit/cli';
+import type { TransformOptions } from '@babel/core';
+import type Mocha from 'mocha';
+import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
+import { MochaAspect } from './mocha.aspect';
+import { MochaTester } from './mocha.tester';
+
+export class MochaMain {
+  constructor(private logger: Logger) {}
+
+  createTester(
+    mochaConfig: Mocha.MochaOptions = {},
+    babelConfig: TransformOptions = {},
+    // eslint-disable-next-line global-require
+    mochaModule = require('mocha')
+  ) {
+    return new MochaTester(MochaAspect.id, this.logger, mochaConfig, babelConfig, mochaModule);
+  }
+
+  static slots = [];
+  static dependencies = [LoggerAspect];
+  static runtime = MainRuntime;
+  static async provider([loggerMain]: [LoggerMain]) {
+    const logger = loggerMain.createLogger(MochaAspect.id);
+    return new MochaMain(logger);
+  }
+}
+
+MochaAspect.addRuntime(MochaMain);

package/mocha.tester.ts

@@ -0,0 +1,116 @@
+import { Logger } from '@teambit/logger';
+import { ComponentsResults, Tester, CallbackFn, TesterContext, Tests } from '@teambit/tester';
+import Mocha, { Test } from 'mocha';
+import babelRegister from '@babel/register';
+import type { TransformOptions } from '@babel/core';
+import { TestResult, TestsFiles, TestsResult } from '@teambit/tests-results';
+import pMapSeries from 'p-map-series';
+import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
+import { compact } from 'lodash';
+
+export class MochaTester implements Tester {
+  _callback: CallbackFn | undefined;
+  displayName = 'Mocha';
+  constructor(
+    readonly id: string,
+    private logger: Logger,
+    readonly mochaConfig: Mocha.MochaOptions,
+    /**
+     * babel config are needed when the spec files are not native javascript and need to be compiled.
+     * pass the same config you pass to your babel compiler if you're using one.
+     */
+    private babelConfig: TransformOptions,
+    private MochaModule: typeof Mocha
+  ) {}
+  async test(context: TesterContext): Promise<Tests> {
+    if (context.ui) {
+      // @todo: maybe support UI tests at some point
+      return new Tests([]);
+    }
+    this.logger.clearStatusLine();
+    const specsPerComp = context.specFiles.toArray();
+    babelRegister({
+      extensions: ['.es6', '.es', '.jsx', '.js', '.mjs', '.ts', '.tsx'],
+      ...(this.babelConfig || {}),
+    });
+    const componentsResults: ComponentsResults[] = await pMapSeries(specsPerComp, async ([component, files]) => {
+      const testsFiles: TestsFiles[] = await pMapSeries(files, async (file) => {
+        try {
+          return await this.runMochaOnOneFile(file);
+        } catch (err: any) {
+          const errMsg = `Mocha found an error while working on "${file.path}". ${err.message}`;
+          this.logger.error(errMsg, err);
+          this.logger.consoleFailure(errMsg);
+          return new TestsFiles(file.relative, [], 0, 0, 0, undefined, undefined, err);
+        }
+      });
+      const allComponentErrors = testsFiles
+        .map((testFile) => testFile.error || testFile.tests.map((test) => test.failureErrOrStr as Error))
+        .flat();
+      return {
+        componentId: component.id,
+        results: new TestsResult(testsFiles),
+        errors: compact(allComponentErrors),
+      };
+    });
+    return new Tests(componentsResults);
+  }
+
+  /**
+   * @todo: make this work. currently, it doesn't update the UI upon changes.
+   */
+  // async watch(context: TesterContext): Promise<Tests> {
+  //   const results = await this.test(context);
+  //   if (this._callback) {
+  //     this._callback(results);
+  //   }
+  //   return results;
+  // }
+
+  async onTestRunComplete(callback: CallbackFn) {
+    this._callback = callback;
+  }
+
+  private async runMochaOnOneFile(file: AbstractVinyl): Promise<TestsFiles> {
+    const mocha = new this.MochaModule(this.mochaConfig);
+    mocha.addFile(file.path);
+    const testResults: TestResult[] = [];
+    const handleTest = (test: Test) => {
+      const state = test.state;
+      if (!state) {
+        throw new Error(`the test.state of "${test.title}", file "${file.path}" is neither passed nor failed`);
+      }
+      testResults.push(new TestResult(test.titlePath(), test.title, state, test.duration, undefined, test.err));
+    };
+    return new Promise((resolve) => {
+      const runner = mocha
+        .run()
+        .on('test end', (test) => handleTest(test))
+        .on('fail', (test) => {
+          if (test.type !== 'test') {
+            // otherwise, it was handled already in "test end" event.
+            // this is mainly for test.type of "hook", e.g. "before", "after", "beforeAll", "afterAll"
+            handleTest(test);
+          }
+        })
+        .on('end', function () {
+          const stats = runner.stats;
+          if (!stats) throw new Error('stats is missing');
+          const testsFile = new TestsFiles(
+            file.relative,
+            testResults,
+            stats.passes,
+            stats.failures,
+            stats.pending,
+            stats.duration
+          );
+          resolve(testsFile);
+        });
+    });
+  }
+
+  version(): string {
+    // @ts-ignore
+    return Mocha.prototype.version || 'N/A';
+  }
+}

package/package.json

@@ -1,40 +1,36 @@
 {
   "name": "@teambit/mocha",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/defender/mocha",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.defender",
     "name": "mocha",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
     "@babel/core": "7.19.6",
-    "mocha": "9.2.0",
     "@babel/register": "7.18.9",
     "lodash": "4.17.21",
     "p-map-series": "2.1.0",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/cli": "0.0.839",
-    "@teambit/logger": "0.0.932",
-    "@teambit/tester": "1.0.106",
-    "@teambit/tests-results": "1.0.4"
+    "@teambit/tests-results": "1.0.4",
+    "@teambit/cli": "0.0.840",
+    "@teambit/logger": "0.0.933",
+    "@teambit/tester": "1.0.108"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
     "@types/lodash": "4.14.165",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "mocha": "10.2.0",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -48,7 +44,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -57,12 +53,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}