@teambit/tester 0.0.555 → 0.0.556

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/tester",
-  "version": "0.0.555",
+  "version": "0.0.556",
   "homepage": "https://bit.dev/teambit/defender/tester",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.defender",
     "name": "tester",
-    "version": "0.0.555"
+    "version": "0.0.556"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -24,24 +24,24 @@
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/documenter.ui.heading": "4.1.1",
-    "@teambit/cli": "0.0.386",
-    "@teambit/logger": "0.0.471",
-    "@teambit/workspace": "0.0.555",
-    "@teambit/component": "0.0.555",
-    "@teambit/graphql": "0.0.555",
-    "@teambit/builder": "0.0.555",
-    "@teambit/dev-files": "0.0.555",
-    "@teambit/envs": "0.0.555",
-    "@teambit/tests-results": "0.0.72",
-    "@teambit/ui": "0.0.555",
-    "@teambit/compiler": "0.0.555",
-    "@teambit/bit-error": "0.0.372",
-    "@teambit/defender.ui.test-loader": "0.0.465",
-    "@teambit/defender.ui.test-table": "0.0.468",
+    "@teambit/cli": "0.0.387",
+    "@teambit/logger": "0.0.472",
+    "@teambit/workspace": "0.0.556",
+    "@teambit/component": "0.0.556",
+    "@teambit/graphql": "0.0.556",
+    "@teambit/builder": "0.0.556",
+    "@teambit/dev-files": "0.0.556",
+    "@teambit/envs": "0.0.556",
+    "@teambit/tests-results": "0.0.73",
+    "@teambit/ui": "0.0.556",
+    "@teambit/compiler": "0.0.556",
+    "@teambit/bit-error": "0.0.373",
+    "@teambit/defender.ui.test-loader": "0.0.466",
+    "@teambit/defender.ui.test-table": "0.0.469",
     "@teambit/design.ui.alert-card": "0.0.13",
     "@teambit/design.ui.empty-box": "0.0.352",
     "@teambit/design.ui.separator": "0.0.351",
-    "@teambit/mdx.ui.mdx-layout": "0.0.467"
+    "@teambit/mdx.ui.mdx-layout": "0.0.468"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -57,7 +57,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.172",
+    "@teambit/legacy": "1.0.173",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -85,12 +85,18 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.172",
+        "@teambit/legacy": "1.0.173",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "README.md",
+    "README.mdx"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/exceptions/index.ts

@@ -1,2 +0,0 @@
-export { NoTestFilesFound } from './no-test-files-found';
-export { NoMatchingComponents } from './no-matching-components';

package/exceptions/no-matching-components.ts

@@ -1,5 +0,0 @@
-export class NoMatchingComponents extends Error {
-  constructor(pattern: string) {
-    super(`could not find components matching to pattern: ${pattern}`);
-  }
-}

package/exceptions/no-test-files-found.ts

@@ -1,7 +0,0 @@
-import { BitError } from '@teambit/bit-error';
-
-export class NoTestFilesFound extends BitError {
-  constructor(testRegex: string) {
-    super(`no test files for regex: '${testRegex}' found for any of the components in the workspace.`);
-  }
-}

package/index.ts

@@ -1,8 +0,0 @@
-import { TesterAspect } from './tester.aspect';
-
-export type { Tester, Tests, TesterContext, CallbackFn, SpecFiles, ComponentPatternsMap } from './tester';
-export type { TesterMain } from './tester.main.runtime';
-export type { TesterUI } from './tester.ui.runtime';
-
-export { TesterAspect };
-export default TesterAspect;

package/test.cmd.tsx

@@ -1,93 +0,0 @@
-import { Command, CommandOptions } from '@teambit/cli';
-import chalk from 'chalk';
-import { Logger } from '@teambit/logger';
-import { Workspace } from '@teambit/workspace';
-import { ConsumerNotFound } from '@teambit/legacy/dist/consumer/exceptions';
-import { Timer } from '@teambit/legacy/dist/toolbox/timer';
-import { Box, Text } from 'ink';
-import React from 'react';
-import { NoMatchingComponents } from './exceptions';
-
-import type { TesterMain } from './tester.main.runtime';
-
-type TestFlags = {
-  watch: boolean;
-  debug: boolean;
-  env?: string;
-  scope?: string;
-  junit?: string;
-  coverage?: boolean;
-};
-
-export class TestCmd implements Command {
-  name = 'test [pattern]';
-  description = 'test set of components in your workspace';
-  alias = 'at';
-  group = 'development';
-  shortDescription = '';
-  options = [
-    ['w', 'watch', 'start the tester in watch mode.'],
-    ['d', 'debug', 'start the tester in debug mode.'],
-    ['', 'junit <filepath>', 'write tests results as JUnit XML format into the specified file path'],
-    ['', 'coverage', 'show code coverage data'],
-    ['e', 'env <id>', 'test only the given env'],
-    ['s', 'scope <scope>', 'name of the scope to test'],
-    // TODO: we need to reduce this redundant casting every time.
-  ] as CommandOptions;
-
-  constructor(private tester: TesterMain, private workspace: Workspace, private logger: Logger) {}
-
-  async render(
-    [userPattern]: [string],
-    { watch = false, debug = false, env, scope, junit, coverage = false }: TestFlags
-  ) {
-    this.logger.off();
-    const timer = Timer.create();
-    const scopeName = typeof scope === 'string' ? scope : undefined;
-    timer.start();
-    if (!this.workspace) throw new ConsumerNotFound();
-    const pattern = userPattern && userPattern.toString();
-    const components =
-      pattern || scopeName ? await this.workspace.byPattern(pattern || '*', scopeName) : await this.workspace.list();
-
-    if (!components.length) throw new NoMatchingComponents(pattern);
-
-    this.logger.console(
-      `testing total of ${components.length} components in workspace '${chalk.cyan(this.workspace.name)}'`
-    );
-
-    let code = 0;
-    if (watch && !debug) {
-      await this.tester.watch(components, {
-        watch,
-        debug,
-        env,
-        coverage,
-      });
-    } else {
-      const tests = await this.tester.test(components, {
-        watch,
-        debug,
-        env,
-        junit,
-        coverage,
-      });
-      tests?.results?.forEach((test) => (test.data?.errors?.length ? (code = 1) : null));
-    }
-    const { seconds } = timer.stop();
-
-    if (watch) return <Box></Box>;
-    return {
-      code,
-      data: (
-        <Box>
-          <Text>tested </Text>
-          <Text color="cyan">{components.length} </Text>
-          <Text>components in </Text>
-          <Text color="cyan">{seconds} </Text>
-          <Text>seconds.</Text>
-        </Box>
-      ),
-    };
-  }
-}

package/tester.aspect.ts

@@ -1,7 +0,0 @@
-import { Aspect } from '@teambit/harmony';
-
-export const TesterAspect = Aspect.create({
-  id: 'teambit.defender/tester',
-});
-
-export default TesterAspect;

package/tester.graphql.ts

@@ -1,83 +0,0 @@
-import { GraphqlMain, Schema } from '@teambit/graphql';
-import { ComponentFactory } from '@teambit/component';
-import { withFilter } from 'graphql-subscriptions';
-import gql from 'graphql-tag';
-
-import { TesterMain } from './tester.main.runtime';
-import { OnTestsChanged } from './tester.service';
-
-export function testerSchema(tester: TesterMain, graphql: GraphqlMain): Schema {
-  return {
-    typeDefs: gql`
-      extend type ComponentHost {
-        getTests(id: String!): Tests
-      }
-
-      type Subscription {
-        testsChanged(id: String!): Tests
-      }
-
-      type Tests {
-        loading: Boolean!
-        testsResults: TestsResults
-      }
-
-      type TestsChanged {
-        testsResults: TestsResults
-      }
-
-      type TestsResults {
-        testFiles: [TestFiles]
-        success: Boolean
-        start: Int
-      }
-
-      type TestFiles {
-        file: String
-        tests: [Tests]
-        pass: Int
-        failed: Int
-        pending: Int
-        duration: Int
-        slow: Boolean
-        error: TestError
-      }
-
-      type TestError {
-        failureMessage: String
-        error: String
-      }
-
-      type Tests {
-        ancestor: [String]
-        name: String
-        duration: String
-        status: String
-        error: String
-      }
-    `,
-    resolvers: {
-      Subscription: {
-        testsChanged: {
-          subscribe: withFilter(
-            () => graphql.pubsub.asyncIterator(OnTestsChanged),
-            (payload, variables) => {
-              return payload.testsChanged.id === variables.id;
-            }
-          ),
-        },
-      },
-
-      ComponentHost: {
-        getTests: async (host: ComponentFactory, { id }: { id: string }) => {
-          const componentId = await host.resolveComponentId(id);
-          const component = await host.get(componentId);
-          if (!component) return null;
-          const testsResults = await tester.getTestsResults(component);
-          if (!testsResults) return null;
-          return testsResults;
-        },
-      },
-    },
-  };
-}

package/tester.main.runtime.ts

@@ -1,245 +0,0 @@
-import fs from 'fs-extra';
-import { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';
-import { Component } from '@teambit/component';
-import compact from 'lodash.compact';
-import { EnvsAspect, EnvsExecutionResult, EnvsMain } from '@teambit/envs';
-import { LoggerAspect, LoggerMain } from '@teambit/logger';
-import { Workspace, WorkspaceAspect } from '@teambit/workspace';
-import { GraphqlAspect, GraphqlMain } from '@teambit/graphql';
-import { BuilderAspect, BuilderMain } from '@teambit/builder';
-import { UiMain, UIAspect } from '@teambit/ui';
-import { merge } from 'lodash';
-import DevFilesAspect, { DevFilesMain } from '@teambit/dev-files';
-import { TestsResult } from '@teambit/tests-results';
-import { ComponentsResults, CallbackFn, Tests } from './tester';
-import { TestCmd } from './test.cmd';
-import { TesterAspect } from './tester.aspect';
-import { TesterService } from './tester.service';
-import { TesterTask } from './tester.task';
-import { detectTestFiles } from './utils';
-import { testerSchema } from './tester.graphql';
-import { testsResultsToJUnitFormat } from './utils/junit-generator';
-
-export type TesterExtensionConfig = {
-  /**
-   * regex of the text environment.
-   */
-  testRegex: string;
-
-  /**
-   * determine whether to watch on start.
-   */
-  watchOnStart: boolean;
-  patterns: string[];
-};
-
-export type TesterOptions = {
-  /**
-   * start the tester in watch mode.
-   */
-  watch: boolean;
-
-  /**
-   * start the tester in debug mode.
-   */
-  debug: boolean;
-
-  /**
-   * start the tester in debug mode.
-   */
-  ui?: boolean;
-
-  /**
-   * initiate the tester on given env.
-   */
-  env?: string;
-
-  /**
-   * generate JUnit files on the specified dir
-   */
-  junit?: string;
-
-  /**
-   * show code coverage
-   */
-  coverage?: boolean;
-
-  callback?: CallbackFn;
-};
-
-export class TesterMain {
-  static runtime = MainRuntime;
-  static dependencies = [
-    CLIAspect,
-    EnvsAspect,
-    WorkspaceAspect,
-    LoggerAspect,
-    GraphqlAspect,
-    UIAspect,
-    DevFilesAspect,
-    BuilderAspect,
-  ];
-
-  constructor(
-    /**
-     * graphql extension.
-     */
-    private graphql: GraphqlMain,
-
-    /**
-     * envs extension.
-     */
-    private envs: EnvsMain,
-
-    /**
-     * workspace extension.
-     */
-    private workspace: Workspace,
-
-    /**
-     * tester service.
-     */
-    readonly service: TesterService,
-
-    /**
-     * build task.
-     */
-    readonly task: TesterTask,
-
-    private devFiles: DevFilesMain,
-
-    private builder: BuilderMain
-  ) {}
-
-  _testsResults: { [componentId: string]: ComponentsResults } | undefined[] = [];
-
-  async test(components: Component[], opts?: TesterOptions): Promise<EnvsExecutionResult<Tests>> {
-    const options = this.getOptions(opts);
-    const envsRuntime = await this.envs.createEnvironment(components);
-    if (opts?.env) {
-      return envsRuntime.runEnv(opts.env, this.service, options);
-    }
-    const results = await envsRuntime.run(this.service, options);
-    if (opts?.junit) {
-      await this.generateJUnit(opts?.junit, results);
-    }
-    return results;
-  }
-
-  private async generateJUnit(filePath: string, testsResults: EnvsExecutionResult<Tests>) {
-    const components = testsResults.results.map((envResult) => envResult.data?.components).flat();
-    const jUnit = testsResultsToJUnitFormat(compact(components));
-    await fs.outputFile(filePath, jUnit);
-  }
-
-  /**
-   * watch all components for changes and test upon each.
-   */
-  async watch(components: Component[], opts?: TesterOptions) {
-    const options = this.getOptions(opts);
-    const envsRuntime = await this.envs.createEnvironment(components);
-    if (opts?.env) {
-      return envsRuntime.runEnv(opts.env, this.service, options);
-    }
-
-    this.service.onTestRunComplete((results) => {
-      results.components.forEach((component) => {
-        this._testsResults[component.componentId.toString()] = component;
-      });
-    });
-    return envsRuntime.run(this.service, options);
-  }
-
-  async uiWatch() {
-    const components = await this.workspace.list();
-    return this.watch(components, { watch: true, debug: false, ui: true });
-  }
-
-  async getTestsResults(component: Component): Promise<{ testsResults?: TestsResult; loading: boolean } | undefined> {
-    const entry = component.state.aspects.get(TesterAspect.id);
-    const componentStatus = await this.workspace?.getComponentStatus(component);
-    const data = this.builder.getDataByAspect(component, TesterAspect.id) as { tests: TestsResult };
-    if ((entry || data) && !componentStatus?.modifyInfo?.hasModifiedFiles) {
-      return { testsResults: data?.tests || entry?.data.tests, loading: false };
-    }
-    return this.getTestsResultsFromState(component);
-  }
-
-  private getTestsResultsFromState(component: Component) {
-    const tests = this._testsResults[component.id.toString()];
-    return { testsResults: tests?.results, loading: tests?.loading || false };
-  }
-
-  /**
-   * get all test files of a component.
-   */
-  getTestFiles(component: Component) {
-    return detectTestFiles(component, this.devFiles);
-  }
-
-  private getOptions(options?: TesterOptions): TesterOptions {
-    const defaults = {
-      watch: false,
-      debug: false,
-    };
-
-    return merge(defaults, options);
-  }
-
-  static defaultConfig = {
-    /**
-     * default test regex for which files tester to apply on.
-     */
-    patterns: ['**/*.spec.+(js|ts|jsx|tsx)', '**/*.test.+(js|ts|jsx|tsx)'],
-
-    /**
-     * determine whether to watch on start.
-     */
-    watchOnStart: true,
-  };
-
-  static async provider(
-    [cli, envs, workspace, loggerAspect, graphql, ui, devFiles, builder]: [
-      CLIMain,
-      EnvsMain,
-      Workspace,
-      LoggerMain,
-      GraphqlMain,
-      UiMain,
-      DevFilesMain,
-      BuilderMain
-    ],
-    config: TesterExtensionConfig
-  ) {
-    const logger = loggerAspect.createLogger(TesterAspect.id);
-    const testerService = new TesterService(workspace, config.patterns, logger, graphql.pubsub, devFiles);
-    envs.registerService(testerService);
-    devFiles.registerDevPattern(config.patterns);
-    const tester = new TesterMain(
-      graphql,
-      envs,
-      workspace,
-      testerService,
-      new TesterTask(TesterAspect.id, devFiles),
-      devFiles,
-      builder
-    );
-
-    if (workspace && !workspace.consumer.isLegacy) {
-      cli.unregister('test');
-      ui.registerOnStart(async () => {
-        if (!config.watchOnStart) return undefined;
-        await tester.uiWatch();
-        return undefined;
-      });
-
-      cli.register(new TestCmd(tester, workspace, logger));
-    }
-
-    graphql.register(testerSchema(tester, graphql));
-
-    return tester;
-  }
-}
-
-TesterAspect.addRuntime(TesterMain);

package/tester.service.tsx

@@ -1,161 +0,0 @@
-import { Logger } from '@teambit/logger';
-import { resolve } from 'path';
-import React from 'react';
-import { Text, Newline } from 'ink';
-import { EnvService, ExecutionContext, EnvDefinition } from '@teambit/envs';
-import { ComponentMap } from '@teambit/component';
-import { Workspace } from '@teambit/workspace';
-import highlight from 'cli-highlight';
-import { PubSub } from 'graphql-subscriptions';
-import { DevFilesMain } from '@teambit/dev-files';
-import { Tester, Tests, CallbackFn } from './tester';
-import { TesterAspect } from './tester.aspect';
-import { TesterOptions } from './tester.main.runtime';
-import { detectTestFiles } from './utils';
-import { NoTestFilesFound } from './exceptions';
-
-const chalk = require('chalk');
-
-export const OnTestsChanged = 'OnTestsChanged';
-
-export type TesterDescriptor = {
-  /**
-   * id of the tester (e.g. jest/mocha)
-   */
-  id: string;
-
-  /**
-   * display name of the tester (e.g. Jest / Mocha)
-   */
-  displayName: string;
-
-  /**
-   * icon of the configured tester.
-   */
-  icon: string;
-
-  /**
-   * string containing the config for display.
-   */
-  config: string;
-
-  version?: string;
-};
-
-export class TesterService implements EnvService<Tests, TesterDescriptor> {
-  name = 'tester';
-
-  constructor(
-    readonly workspace: Workspace,
-    /**
-     * regex used to identify which files to test.
-     */
-    readonly patterns: string[],
-
-    private logger: Logger,
-
-    private pubsub: PubSub,
-
-    private devFiles: DevFilesMain
-  ) {}
-
-  _callback: CallbackFn | undefined;
-
-  render(env: EnvDefinition) {
-    const descriptor = this.getDescriptor(env);
-    return (
-      <Text key={descriptor?.id}>
-        <Text color="cyan">configured tester: </Text>
-        <Text>
-          {descriptor?.id} ({descriptor?.displayName} @ {descriptor?.version})
-        </Text>
-        <Newline />
-        <Text underline color="cyan">
-          tester config:
-        </Text>
-        <Newline />
-        <Text>
-          {/* refactor a separate component which highlights for cli */}
-          {highlight(descriptor?.config || '', { language: 'javascript', ignoreIllegals: true })}
-        </Text>
-        <Newline />
-      </Text>
-    );
-  }
-
-  getDescriptor(environment: EnvDefinition) {
-    if (!environment.env.getTester) return undefined;
-    const tester: Tester = environment.env.getTester();
-
-    return {
-      id: tester.id || '',
-      displayName: tester.displayName || '',
-      icon: tester.icon || '',
-      config: tester.displayConfig ? tester.displayConfig() : '',
-      version: tester.version ? tester.version() : '?',
-    };
-  }
-
-  onTestRunComplete(callback: CallbackFn) {
-    this._callback = callback;
-  }
-
-  async run(context: ExecutionContext, options: TesterOptions): Promise<Tests> {
-    const tester: Tester = context.env.getTester();
-    const specFiles = ComponentMap.as(context.components, (component) => {
-      return detectTestFiles(component, this.devFiles);
-    });
-    const testCount = specFiles.toArray().reduce((acc, [, specs]) => acc + specs.length, 0);
-
-    const componentWithTests = specFiles.toArray().reduce((acc: number, [, specs]) => {
-      if (specs.length > 0) acc += 1;
-      return acc;
-    }, 0);
-
-    if (testCount === 0 && !options.ui) throw new NoTestFilesFound(this.patterns.join(','));
-
-    if (!options.ui)
-      this.logger.console(`testing ${componentWithTests} components with environment ${chalk.cyan(context.id)}\n`);
-
-    const patterns = ComponentMap.as(context.components, (component) => {
-      const dir = this.workspace.componentDir(component.id);
-      const componentPatterns = this.devFiles.getDevPatterns(component, TesterAspect.id);
-      return componentPatterns.map((pattern: string) => ({ path: resolve(dir, pattern), relative: pattern }));
-    });
-
-    const testerContext = Object.assign(context, {
-      release: false,
-      specFiles,
-      patterns,
-      rootPath: this.workspace.path,
-      workspace: this.workspace,
-      debug: options.debug,
-      watch: options.watch,
-      ui: options.ui,
-      coverage: options.coverage,
-    });
-
-    if (options.watch && options.ui && tester.watch) {
-      if (tester.onTestRunComplete) {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        tester.onTestRunComplete((results) => {
-          if (this._callback) this._callback(results);
-          results.components.forEach((component) => {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this.pubsub.publish(OnTestsChanged, {
-              testsChanged: {
-                id: component.componentId.toString(),
-                testsResults: component.results,
-                loading: component.loading,
-              },
-            });
-          });
-        });
-      }
-
-      return tester.watch(testerContext);
-    }
-
-    return tester.test(testerContext);
-  }
-}

package/tester.task.ts

@@ -1,111 +0,0 @@
-import { BuildContext, BuiltTaskResult, BuildTask } from '@teambit/builder';
-import fs from 'fs-extra';
-import { join } from 'path';
-import { Compiler, CompilerAspect } from '@teambit/compiler';
-import { DevFilesMain } from '@teambit/dev-files';
-import { ComponentMap } from '@teambit/component';
-import { Tester } from './tester';
-import { detectTestFiles } from './utils';
-import { testsResultsToJUnitFormat } from './utils/junit-generator';
-
-const JUNIT_PATH = '__bit_junit.xml';
-
-/**
- * tester build task. Allows to test components during component build.
- */
-export class TesterTask implements BuildTask {
-  readonly name = 'TestComponents';
-  readonly dependencies = [CompilerAspect.id];
-  constructor(readonly aspectId: string, private devFiles: DevFilesMain) {}
-
-  async execute(context: BuildContext): Promise<BuiltTaskResult> {
-    const tester: Tester = context.env.getTester();
-    const componentsSpecFiles = ComponentMap.as(context.components, (component) => {
-      return detectTestFiles(component, this.devFiles);
-    });
-
-    const testCount = componentsSpecFiles.toArray().reduce((acc, [, specs]) => acc + specs.length, 0);
-    if (testCount === 0)
-      return {
-        artifacts: [],
-        componentsResults: [],
-      };
-
-    const specFilesWithCapsule = ComponentMap.as(context.components, (component) => {
-      const componentSpecFiles = componentsSpecFiles.get(component);
-      if (!componentSpecFiles) throw new Error('capsule not found');
-      const [, specs] = componentSpecFiles;
-      return specs.map((specFile) => {
-        const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);
-        if (!capsule) throw new Error('capsule not found');
-        const compiler: Compiler = context.env.getCompiler();
-        const distPath = compiler.getDistPathBySrcPath(specFile.relative);
-
-        // TODO: fix spec type file need to capsule will return files with type AbstractVinyl
-        return { path: join(capsule.path, distPath), relative: distPath };
-      });
-    });
-
-    const testerContext = Object.assign(context, {
-      release: true,
-      specFiles: specFilesWithCapsule,
-      rootPath: context.capsuleNetwork.capsulesRootDir,
-      patterns: specFilesWithCapsule,
-    });
-
-    // TODO: remove after fix AbstractVinyl on capsule
-    // @ts-ignore
-    const testsResults = await tester.test(testerContext);
-
-    // write junit files
-    await Promise.all(
-      testsResults.components.map(async (compResult) => {
-        const junit = testsResultsToJUnitFormat([compResult]);
-        const capsule = context.capsuleNetwork.graphCapsules.getCapsule(compResult.componentId);
-        if (!capsule) {
-          throw new Error(`unable to find ${compResult.componentId.toString()} in capsules`);
-        }
-        await fs.writeFile(join(capsule.path, JUNIT_PATH), junit);
-        await this.writeNpmIgnore(capsule.path);
-      })
-    );
-
-    return {
-      artifacts: [
-        {
-          name: 'junit',
-          globPatterns: [JUNIT_PATH],
-        },
-      ], // @ts-ignore
-      componentsResults: testsResults.components.map((componentTests) => {
-        const componentErrors = componentTests.results?.testFiles.reduce((errors: string[], file) => {
-          if (file?.error?.failureMessage) {
-            errors.push(file.error.failureMessage);
-          }
-          file.tests.forEach((test) => {
-            if (test.error) errors.push(test.error);
-            if (test.failure) errors.push(test.failure);
-          });
-
-          return errors;
-        }, []);
-        const component = context.capsuleNetwork.graphCapsules.getCapsule(componentTests.componentId)?.component;
-        if (!component) {
-          throw new Error(`unable to find ${componentTests.componentId.toString()} in capsules`);
-        }
-        return {
-          component,
-          metadata: { tests: componentTests.results },
-          errors: componentErrors,
-        };
-      }),
-    };
-  }
-
-  private async writeNpmIgnore(dir: string) {
-    const NPM_IGNORE_FILE = '.npmignore';
-    const npmIgnorePath = join(dir, NPM_IGNORE_FILE);
-    const npmIgnoreEntriesStr = `\n${JUNIT_PATH}\n`;
-    await fs.appendFile(npmIgnorePath, npmIgnoreEntriesStr);
-  }
-}

package/tester.ts

@@ -1,126 +0,0 @@
-import { Component, ComponentID, ComponentMap } from '@teambit/component';
-import { ExecutionContext } from '@teambit/envs';
-import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
-import { TestsResult } from '@teambit/tests-results';
-
-export type Tests = {
-  components: ComponentsResults[];
-  errors?: Error[];
-};
-
-export type ComponentsResults = {
-  componentId: ComponentID;
-  results?: TestsResult;
-  loading?: boolean;
-};
-
-export type SpecFiles = ComponentMap<AbstractVinyl[]>;
-export type ComponentPatternsMap = ComponentMap<{ path: string; relative: string }[]>;
-
-export interface TesterContext extends ExecutionContext {
-  /**
-   * whether the tester run for release (during bit build/tag) or not (during bit test command).
-   */
-  release: boolean;
-
-  /**
-   * list of components to test.
-   */
-  components: Component[];
-
-  /**
-   * component workspace.
-   */
-  // workspace: Workspace;
-
-  /**
-   * defines whether tester is expected to run in quiet mode.
-   */
-  quiet?: boolean;
-
-  /**
-   * list of spec files to test.
-   */
-  specFiles: SpecFiles;
-
-  /**
-   * rootPath of the component workspace or the capsule root dir (during build).
-   */
-  rootPath: string;
-
-  /**
-   * determines whether tester is expected to run in debug mode.
-   */
-  debug?: boolean;
-
-  /**
-   * is start from ui
-   */
-  ui?: boolean;
-
-  /**
-   * determines whether to start the tester in watch mode.
-   */
-  watch?: boolean;
-
-  /**
-   * whether the tester should show code coverage
-   */
-  coverage?: boolean;
-
-  /**
-   * array of patterns to test.
-   */
-  patterns: ComponentPatternsMap;
-}
-
-/**
- * tester interface allows extensions to implement a component tester into bit.
- */
-export interface Tester {
-  /**
-   * display name of the tester.
-   */
-  displayName?: string;
-
-  /**
-   * icon of the tester.
-   */
-  icon?: string;
-
-  /**
-   * serialized config of the tester.
-   */
-  displayConfig?(): string;
-
-  /**
-   * path to the config in the filesystem.
-   */
-  configPath?: string;
-
-  /**
-   * id of the tester.
-   */
-  id: string;
-
-  /**
-   * on test run complete. (applies only during watch)
-   * @param callback
-   */
-  onTestRunComplete?(callback: CallbackFn): Promise<void>;
-
-  /**
-   * execute tests on all components in the given execution context.
-   */
-  test(context: TesterContext): Promise<Tests>;
-
-  /**
-   * watch tests on all components
-   */
-  watch?(context: TesterContext): Promise<Tests>;
-  /**
-   * return the tester version.
-   */
-  version(): string;
-}
-export type CallbackFn = (testSuite: Tests) => void;

package/tester.ui.runtime.tsx

@@ -1,42 +0,0 @@
-import { ComponentType } from 'react';
-import { UIRuntime } from '@teambit/ui';
-import { SlotRegistry, Slot } from '@teambit/harmony';
-import { ComponentAspect, ComponentUI } from '@teambit/component';
-import { TestsSection } from './tests.section';
-import { TesterAspect } from './tester.aspect';
-
-export type EmptyStateSlot = SlotRegistry<ComponentType>;
-export class TesterUI {
-  static dependencies = [ComponentAspect];
-
-  static runtime = UIRuntime;
-
-  stageKey?: string;
-
-  constructor(private component: ComponentUI, private emptyStateSlot: EmptyStateSlot) {}
-
-  /**
-   * register a new tester empty state. this allows to register a different empty state from each environment for example.
-   */
-  registerEmptyState(emptyStateComponent: ComponentType) {
-    this.emptyStateSlot.register(emptyStateComponent);
-    return this;
-  }
-
-  static slots = [Slot.withType<ComponentType>()];
-
-  static async provider([component]: [ComponentUI], config, [emptyStateSlot]: [EmptyStateSlot]) {
-    const testerUi = new TesterUI(component, emptyStateSlot);
-
-    const section = new TestsSection(emptyStateSlot);
-
-    component.registerRoute(section.route);
-    component.registerNavigation(section.navigationLink, section.order);
-
-    return testerUi;
-  }
-}
-
-export default TesterUI;
-
-TesterAspect.addRuntime(TesterUI);

package/tests.section.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Section } from '@teambit/component';
-import { TestsPage } from './ui/tests-page';
-import { EmptyStateSlot } from './tester.ui.runtime';
-
-export class TestsSection implements Section {
-  constructor(private emptyStateSlot: EmptyStateSlot) {}
-
-  route = {
-    path: '~tests',
-    children: <TestsPage emptyState={this.emptyStateSlot} />,
-  };
-  navigationLink = {
-    href: '~tests',
-    children: 'Tests',
-  };
-  order = 40;
-}

package/tsconfig.json

@@ -1,34 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
-    ],
-    "target": "es2015",
-    "module": "commonjs",
-    "jsx": "react",
-    "declaration": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "outDir": "dist",
-    "composite": true,
-    "emitDeclarationOnly": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "rootDir": ".",
-    "preserveConstEnums": true,
-    "resolveJsonModule": true
-  },
-  "exclude": [
-    "dist"
-  ]
-}

package/types/asset.d.ts

@@ -1,29 +0,0 @@
-declare module '*.png' {
-  const value: any;
-  export = value;
-}
-declare module '*.svg' {
-  import type { FunctionComponent, SVGProps } from 'react';
-
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
-  const src: string;
-  export default src;
-}
-
-// @TODO Gilad
-declare module '*.jpg' {
-  const value: any;
-  export = value;
-}
-declare module '*.jpeg' {
-  const value: any;
-  export = value;
-}
-declare module '*.gif' {
-  const value: any;
-  export = value;
-}
-declare module '*.bmp' {
-  const value: any;
-  export = value;
-}

package/types/style.d.ts

@@ -1,42 +0,0 @@
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.mdx' {
-  const component: any;
-  export default component;
-}

package/ui/tests-page.module.scss

@@ -1,20 +0,0 @@
-.testsPage {
-  padding: 50px 40px 100px 40px;
-  width: 100%;
-  overflow-y: auto;
-  max-width: 1440px;
-  margin: 0 auto;
-  box-sizing: border-box;
-
-  .title {
-    margin-bottom: 24px;
-    font-size: var(--bit-h-xs, 26px);
-  }
-  .separator {
-    margin-bottom: 41px;
-  }
-}
-
-.testBlock {
-  margin-bottom: 50px;
-}

package/ui/tests-page.tsx

@@ -1,134 +0,0 @@
-import { useQuery, useSubscription, gql } from '@apollo/client';
-import { ComponentContext } from '@teambit/component';
-import { H1 } from '@teambit/documenter.ui.heading';
-import { Separator } from '@teambit/design.ui.separator';
-import { EmptyBox } from '@teambit/design.ui.empty-box';
-import { MDXLayout } from '@teambit/mdx.ui.mdx-layout';
-import { AlertCard } from '@teambit/design.ui.alert-card';
-import { TestLoader } from '@teambit/defender.ui.test-loader';
-import classNames from 'classnames';
-import React, { HTMLAttributes, useContext } from 'react';
-import { TestTable } from '@teambit/defender.ui.test-table';
-import { EmptyStateSlot } from '../tester.ui.runtime';
-import styles from './tests-page.module.scss';
-
-const TESTS_SUBSCRIPTION_CHANGED = gql`
-  subscription OnTestsChanged($id: String!) {
-    testsChanged(id: $id) {
-      testsResults {
-        testFiles {
-          file
-          duration
-          pass
-          failed
-          pending
-          error {
-            failureMessage
-          }
-          tests {
-            ancestor
-            duration
-            status
-            name
-            error
-          }
-        }
-      }
-    }
-  }
-`;
-
-const GET_COMPONENT = gql`
-  query($id: String!) {
-    getHost {
-      id # for GQL caching
-      getTests(id: $id) {
-        loading
-        testsResults {
-          testFiles {
-            file
-            duration
-            pass
-            failed
-            pending
-            error {
-              failureMessage
-            }
-            tests {
-              ancestor
-              duration
-              status
-              name
-              error
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
-type TestsPageProps = {
-  emptyState: EmptyStateSlot;
-} & HTMLAttributes<HTMLDivElement>;
-
-export function TestsPage({ className, emptyState }: TestsPageProps) {
-  const component = useContext(ComponentContext);
-  const onTestsChanged = useSubscription(TESTS_SUBSCRIPTION_CHANGED, { variables: { id: component.id.toString() } });
-  const { data } = useQuery(GET_COMPONENT, {
-    variables: { id: component.id._legacy.name },
-  });
-
-  const testData = onTestsChanged.data?.testsChanged || data?.getHost?.getTests;
-  const testResults = testData?.testsResults?.testFiles;
-
-  // TODO: change loading EmptyBox
-  if (testData?.loading) return <TestLoader />;
-
-  const env = component.environment?.id;
-  const EmptyStateTemplate = emptyState.get(env || '');
-
-  if (
-    (testResults === null || testData?.testsResults === null) &&
-    component.host === 'teambit.workspace/workspace' &&
-    EmptyStateTemplate
-  ) {
-    return (
-      <div className={classNames(styles.testsPage, className)}>
-        <div>
-          <H1 className={styles.title}>Tests</H1>
-          <Separator isPresentational className={styles.separator} />
-          <AlertCard
-            level="info"
-            title="There are no
-                tests for this Component. Learn how to add tests:"
-          >
-            <MDXLayout>
-              <EmptyStateTemplate />
-            </MDXLayout>
-          </AlertCard>
-        </div>
-      </div>
-    );
-  }
-
-  if (testResults === null || testData?.testsResults === null) {
-    return (
-      <EmptyBox
-        title="This component doesn’t have any tests."
-        linkText="Learn how to add tests to your components"
-        link="https://harmony-docs.bit.dev/testing/overview/"
-      />
-    );
-  }
-
-  return (
-    <div className={classNames(styles.testsPage, className)}>
-      <div>
-        <H1 className={styles.title}>Tests</H1>
-        <Separator isPresentational className={styles.separator} />
-        <TestTable testResults={testResults} className={styles.testBlock} />
-      </div>
-    </div>
-  );
-}

package/utils/detect-spec-files.ts

@@ -1,12 +0,0 @@
-import { Component } from '@teambit/component';
-import { DevFilesMain } from '@teambit/dev-files';
-import { TesterAspect } from '../tester.aspect';
-
-/**
- * detect test files in components
- */
-export function detectTestFiles(component: Component, devFiles: DevFilesMain) {
-  const files = devFiles.getDevFiles(component);
-  const testFiles = files.get(TesterAspect.id);
-  return component.state.filesystem.files.filter((file) => testFiles.includes(file.relative));
-}

package/utils/index.ts

@@ -1 +0,0 @@
-export { detectTestFiles } from './detect-spec-files';

package/utils/junit-generator.ts

@@ -1,35 +0,0 @@
-import junitReportBuilder from 'junit-report-builder';
-import stripAnsi from 'strip-ansi';
-import { ComponentsResults } from '../tester';
-
-export function testsResultsToJUnitFormat(components: ComponentsResults[]): string {
-  const builder = junitReportBuilder.newBuilder();
-  components.forEach((compResult) => {
-    const suite = builder.testSuite().name(compResult.componentId.toString());
-    if (compResult.results?.start) {
-      suite.timestamp(new Date(compResult.results?.start).toISOString());
-    }
-    compResult.results?.testFiles.forEach((testFile) => {
-      if (testFile.error?.error) {
-        const testCase = suite.testCase().className(testFile.file).name(testFile.file);
-        testCase.error(stripAnsi(testFile.error.error as string));
-      }
-      testFile.tests.forEach((test) => {
-        const testCase = suite.testCase().className(testFile.file).name(test.name);
-        if (test.error) {
-          testCase.error(stripAnsi(test.error));
-        }
-        if (test.failure) {
-          testCase.failure(stripAnsi(test.failure));
-        }
-        if (test.status === 'skipped' || test.status === 'pending') {
-          testCase.skipped();
-        }
-        if (test.duration) {
-          testCase.time(test.duration / 1000);
-        }
-      });
-    });
-  });
-  return builder.build();
-}