@teambit/tester 0.0.551 → 0.0.556

package/tsconfig.json

@@ -1,35 +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": ".",
-    "removeComments": true,
-    "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();
-}