@teambit/tester 0.0.815 → 0.0.818

package/dist/index.d.ts

@@ -2,10 +2,6 @@ import { TesterAspect } from './tester.aspect';
 export { Tests } from './tester';
 export type { Tester, TesterContext, CallbackFn, SpecFiles, ComponentPatternsMap, ComponentsResults } from './tester';
 export type { TesterMain } from './tester.main.runtime';
-export type { TesterUI } from './tester.ui.runtime';
-export declare const styles: {
-    testsPage: string;
-    testBlock: string;
-};
+export type { TesterUI, EmptyStateSlot } from './tester.ui.runtime';
 export { TesterAspect };
 export default TesterAspect;

package/dist/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ Object.defineProperty(exports, "Tests", {
     return _tester2().Tests;
   }
 });
-exports.styles = exports.default = void 0;
+exports.default = void 0;
 
 function _tester() {
   const data = require("./tester.aspect");
@@ -29,16 +27,6 @@ function _tester() {
   return data;
 }
 
-function _testsPageModule() {
-  const data = _interopRequireDefault(require("./ui/tests-page.module.scss"));
-
-  _testsPageModule = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _tester2() {
   const data = require("./tester");
 
@@ -49,17 +37,6 @@ function _tester2() {
   return data;
 }
 
-const {
-  testsPage,
-  testBlock
-} = _testsPageModule().default;
-
-const styles = {
-  testsPage,
-  testBlock
-};
-exports.styles = styles;
-
 var _default = _tester().TesterAspect;
 
 exports.default = _default;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["testsPage","testBlock","pageStyles","styles","TesterAspect"],"sources":["index.ts"],"sourcesContent":["import { TesterAspect } from './tester.aspect';\nimport pageStyles from './ui/tests-page.module.scss';\n\nexport { Tests } from './tester';\nexport type { Tester, TesterContext, CallbackFn, SpecFiles, ComponentPatternsMap, ComponentsResults } from './tester';\nexport type { TesterMain } from './tester.main.runtime';\nexport type { TesterUI } from './tester.ui.runtime';\nconst { testsPage, testBlock } = pageStyles;\nexport const styles = { testsPage, testBlock };\n\nexport { TesterAspect };\nexport default TesterAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIA,MAAM;EAAEA,SAAF;EAAaC;AAAb,IAA2BC,0BAAjC;;AACO,MAAMC,MAAM,GAAG;EAAEH,SAAF;EAAaC;AAAb,CAAf;;;eAGQG,sB"}
+{"version":3,"names":["TesterAspect"],"sources":["index.ts"],"sourcesContent":["import { TesterAspect } from './tester.aspect';\n\nexport { Tests } from './tester';\nexport type { Tester, TesterContext, CallbackFn, SpecFiles, ComponentPatternsMap, ComponentsResults } from './tester';\nexport type { TesterMain } from './tester.main.runtime';\nexport type { TesterUI, EmptyStateSlot } from './tester.ui.runtime';\n\nexport { TesterAspect };\nexport default TesterAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAMeA,sB"}

package/dist/tests.section.js

@@ -27,10 +27,10 @@ function _react() {
   return data;
 }
 
-function _testsPage() {
-  const data = require("./ui/tests-page");
+function _defenderUi() {
+  const data = require("@teambit/defender.ui.test-page");
 
-  _testsPage = function () {
+  _defenderUi = function () {
     return data;
   };
 
@@ -42,7 +42,7 @@ class TestsSection {
     this.emptyStateSlot = emptyStateSlot;
     (0, _defineProperty2().default)(this, "route", {
       path: '~tests',
-      element: /*#__PURE__*/_react().default.createElement(_testsPage().TestsPage, {
+      element: /*#__PURE__*/_react().default.createElement(_defenderUi().TestsPage, {
         emptyState: this.emptyStateSlot
       })
     });

package/dist/tests.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["TestsSection","constructor","emptyStateSlot","path","element","href","children"],"sources":["tests.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { TestsPage } from './ui/tests-page';\nimport { EmptyStateSlot } from './tester.ui.runtime';\n\nexport class TestsSection implements Section {\n  constructor(private emptyStateSlot: EmptyStateSlot) {}\n\n  route = {\n    path: '~tests',\n    element: <TestsPage emptyState={this.emptyStateSlot} />,\n  };\n  navigationLink = {\n    href: '~tests',\n    children: 'Tests',\n  };\n  order = 40;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,YAAN,CAAsC;EAC3CC,WAAW,CAASC,cAAT,EAAyC;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;IAAA,+CAE5C;MACNC,IAAI,EAAE,QADA;MAENC,OAAO,eAAE,+BAAC,sBAAD;QAAW,UAAU,EAAE,KAAKF;MAA5B;IAFH,CAF4C;IAAA,wDAMnC;MACfG,IAAI,EAAE,QADS;MAEfC,QAAQ,EAAE;IAFK,CANmC;IAAA,+CAU5C,EAV4C;EAAE;;AADX"}
+{"version":3,"names":["TestsSection","constructor","emptyStateSlot","path","element","href","children"],"sources":["tests.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { TestsPage } from '@teambit/defender.ui.test-page';\nimport { EmptyStateSlot } from './tester.ui.runtime';\n\nexport class TestsSection implements Section {\n  constructor(private emptyStateSlot: EmptyStateSlot) {}\n\n  route = {\n    path: '~tests',\n    element: <TestsPage emptyState={this.emptyStateSlot} />,\n  };\n  navigationLink = {\n    href: '~tests',\n    children: 'Tests',\n  };\n  order = 40;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,YAAN,CAAsC;EAC3CC,WAAW,CAASC,cAAT,EAAyC;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;IAAA,+CAE5C;MACNC,IAAI,EAAE,QADA;MAENC,OAAO,eAAE,+BAAC,uBAAD;QAAW,UAAU,EAAE,KAAKF;MAA5B;IAFH,CAF4C;IAAA,wDAMnC;MACfG,IAAI,EAAE,QADS;MAEfC,QAAQ,EAAE;IAFK,CANmC;IAAA,+CAU5C,EAV4C;EAAE;;AADX"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/tester",
-  "version": "0.0.815",
+  "version": "0.0.818",
   "homepage": "https://bit.dev/teambit/defender/tester",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.defender",
     "name": "tester",
-    "version": "0.0.815"
+    "version": "0.0.818"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -17,41 +17,32 @@
     "lodash.compact": "3.0.1",
     "lodash": "4.17.21",
     "cli-highlight": "2.1.9",
-    "classnames": "2.2.6",
     "junit-report-builder": "3.0.0",
     "strip-ansi": "6.0.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/design.ui.separator": "0.0.354",
-    "@teambit/documenter.ui.heading": "4.1.1",
-    "@teambit/cli": "0.0.544",
-    "@teambit/logger": "0.0.637",
-    "@teambit/workspace": "0.0.815",
-    "@teambit/component": "0.0.815",
-    "@teambit/defender.ui.test-compare": "0.0.52",
-    "@teambit/graphql": "0.0.815",
-    "@teambit/builder": "0.0.815",
-    "@teambit/dev-files": "0.0.815",
-    "@teambit/envs": "0.0.815",
+    "@teambit/cli": "0.0.546",
+    "@teambit/logger": "0.0.639",
+    "@teambit/workspace": "0.0.818",
+    "@teambit/component": "0.0.818",
+    "@teambit/defender.ui.test-compare": "0.0.54",
+    "@teambit/graphql": "0.0.818",
+    "@teambit/builder": "0.0.818",
+    "@teambit/dev-files": "0.0.818",
+    "@teambit/envs": "0.0.818",
     "@teambit/tests-results": "0.0.97",
-    "@teambit/ui": "0.0.815",
-    "@teambit/compiler": "0.0.815",
-    "@teambit/component-compare": "0.0.63",
-    "@teambit/bit-error": "0.0.394",
-    "@teambit/defender.ui.test-loader": "0.0.490",
-    "@teambit/defender.ui.test-table": "0.0.495",
-    "@teambit/design.ui.alert-card": "0.0.17",
-    "@teambit/design.ui.empty-box": "0.0.354",
-    "@teambit/mdx.ui.mdx-layout": "0.0.501",
-    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.487"
+    "@teambit/ui": "0.0.818",
+    "@teambit/compiler": "0.0.818",
+    "@teambit/component-compare": "0.0.66",
+    "@teambit/defender.ui.test-page": "0.0.1",
+    "@teambit/bit-error": "0.0.394"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
     "@types/fs-extra": "9.0.7",
     "@types/lodash.compact": "3.0.6",
     "@types/lodash": "4.14.165",
-    "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -60,8 +51,7 @@
     "@teambit/defender.content.tester-overview": "1.95.0"
   },
   "peerDependencies": {
-    "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.327",
+    "@teambit/legacy": "1.0.329",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1660361218837.js → preview-1660620618310.js}

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

package/tests.section.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Section } from '@teambit/component';
-import { TestsPage } from './ui/tests-page';
+import { TestsPage } from '@teambit/defender.ui.test-page';
 import { EmptyStateSlot } from './tester.ui.runtime';
 
 export class TestsSection implements Section {

package/dist/ui/tests-page.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { EmptyStateSlot } from '../tester.ui.runtime';
-declare type TestsPageProps = {
-    emptyState: EmptyStateSlot;
-} & HTMLAttributes<HTMLDivElement>;
-export declare function TestsPage({ className, emptyState }: TestsPageProps): JSX.Element;
-export {};

package/dist/ui/tests-page.js

@@ -1,260 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TestsPage = TestsPage;
-
-function _client() {
-  const data = require("@apollo/client");
-
-  _client = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _component() {
-  const data = require("@teambit/component");
-
-  _component = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _uiFoundationUiReactRouter() {
-  const data = require("@teambit/ui-foundation.ui.react-router.use-query");
-
-  _uiFoundationUiReactRouter = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _documenterUi() {
-  const data = require("@teambit/documenter.ui.heading");
-
-  _documenterUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _designUi() {
-  const data = require("@teambit/design.ui.separator");
-
-  _designUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _designUi2() {
-  const data = require("@teambit/design.ui.empty-box");
-
-  _designUi2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _mdxUi() {
-  const data = require("@teambit/mdx.ui.mdx-layout");
-
-  _mdxUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _designUi3() {
-  const data = require("@teambit/design.ui.alert-card");
-
-  _designUi3 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _defenderUi() {
-  const data = require("@teambit/defender.ui.test-loader");
-
-  _defenderUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-
-  _classnames = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _defenderUi2() {
-  const data = require("@teambit/defender.ui.test-table");
-
-  _defenderUi2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _testsPageModule() {
-  const data = _interopRequireDefault(require("./tests-page.module.scss"));
-
-  _testsPageModule = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const TESTS_SUBSCRIPTION_CHANGED = (0, _client().gql)`
-  subscription OnTestsChanged($id: String!) {
-    testsChanged(id: $id) {
-      testsResults {
-        testFiles {
-          file
-          duration
-          pass
-          failed
-          pending
-          errorStr
-          tests {
-            ancestor
-            duration
-            status
-            name
-            error
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COMPONENT = (0, _client().gql)`
-  query ($id: String!) {
-    getHost {
-      id # for GQL caching
-      getTests(id: $id) {
-        loading
-        testsResults {
-          testFiles {
-            file
-            duration
-            pass
-            failed
-            pending
-            errorStr
-            tests {
-              ancestor
-              duration
-              status
-              name
-              error
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
-function TestsPage({
-  className,
-  emptyState
-}) {
-  var _onTestsChanged$data, _data$getHost, _testData$testsResult, _component$environmen;
-
-  const query = (0, _uiFoundationUiReactRouter().useQuery)();
-  const component = (0, _react().useContext)(_component().ComponentContext);
-  const queryHasVersion = query.get('version');
-  const id = queryHasVersion ? component.id.toString() : component.id.toStringWithoutVersion();
-  const onTestsChanged = (0, _client().useSubscription)(TESTS_SUBSCRIPTION_CHANGED, {
-    variables: {
-      id
-    }
-  });
-  const {
-    data
-  } = (0, _client().useQuery)(GET_COMPONENT, {
-    variables: {
-      id
-    }
-  });
-  const testData = ((_onTestsChanged$data = onTestsChanged.data) === null || _onTestsChanged$data === void 0 ? void 0 : _onTestsChanged$data.testsChanged) || (data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.getTests);
-  const testResults = testData === null || testData === void 0 ? void 0 : (_testData$testsResult = testData.testsResults) === null || _testData$testsResult === void 0 ? void 0 : _testData$testsResult.testFiles; // TODO: change loading EmptyBox
-
-  if (testData !== null && testData !== void 0 && testData.loading) return /*#__PURE__*/_react().default.createElement(_defenderUi().TestLoader, null);
-  const env = (_component$environmen = component.environment) === null || _component$environmen === void 0 ? void 0 : _component$environmen.id;
-  const EmptyStateTemplate = emptyState.get(env || '');
-
-  if ((testResults === null || (testData === null || testData === void 0 ? void 0 : testData.testsResults) === null) && component.host === 'teambit.workspace/workspace' && EmptyStateTemplate) {
-    return /*#__PURE__*/_react().default.createElement("div", {
-      className: (0, _classnames().default)(_testsPageModule().default.testsPage, className)
-    }, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_documenterUi().H1, {
-      className: _testsPageModule().default.title
-    }, "Tests"), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
-      isPresentational: true,
-      className: _testsPageModule().default.separator
-    }), /*#__PURE__*/_react().default.createElement(_designUi3().AlertCard, {
-      level: "info",
-      title: "There are no tests for this Component. Learn how to add tests:"
-    }, /*#__PURE__*/_react().default.createElement(_mdxUi().MDXLayout, null, /*#__PURE__*/_react().default.createElement(EmptyStateTemplate, null)))));
-  } // TODO: get the docs domain from the community aspect and pass it here as a prop
-
-
-  if (testResults === null || (testData === null || testData === void 0 ? void 0 : testData.testsResults) === null) {
-    return /*#__PURE__*/_react().default.createElement(_designUi2().EmptyBox, {
-      title: "This component doesn\u2019t have any tests.",
-      linkText: "Learn how to add tests to your components",
-      link: `https://bit.dev/docs/dev-services-overview/tester/tester-overview`
-    });
-  }
-
-  return /*#__PURE__*/_react().default.createElement("div", {
-    className: (0, _classnames().default)(_testsPageModule().default.testsPage, className)
-  }, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_documenterUi().H1, {
-    className: _testsPageModule().default.title
-  }, "Tests"), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
-    isPresentational: true,
-    className: _testsPageModule().default.separator
-  }), /*#__PURE__*/_react().default.createElement(_defenderUi2().TestTable, {
-    testResults: testResults,
-    className: _testsPageModule().default.testBlock
-  })));
-}
-
-//# sourceMappingURL=tests-page.js.map

package/dist/ui/tests-page.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TESTS_SUBSCRIPTION_CHANGED","gql","GET_COMPONENT","TestsPage","className","emptyState","query","useRouterQuery","component","useContext","ComponentContext","queryHasVersion","get","id","toString","toStringWithoutVersion","onTestsChanged","useSubscription","variables","data","useQuery","testData","testsChanged","getHost","getTests","testResults","testsResults","testFiles","loading","env","environment","EmptyStateTemplate","host","classNames","styles","testsPage","title","separator","testBlock"],"sources":["tests-page.tsx"],"sourcesContent":["import { useQuery, useSubscription, gql } from '@apollo/client';\nimport { ComponentContext } from '@teambit/component';\nimport { useQuery as useRouterQuery } from '@teambit/ui-foundation.ui.react-router.use-query';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport { TestLoader } from '@teambit/defender.ui.test-loader';\nimport classNames from 'classnames';\nimport React, { HTMLAttributes, useContext } from 'react';\nimport { TestTable } from '@teambit/defender.ui.test-table';\nimport { EmptyStateSlot } from '../tester.ui.runtime';\nimport styles from './tests-page.module.scss';\n\nconst TESTS_SUBSCRIPTION_CHANGED = gql`\n  subscription OnTestsChanged($id: String!) {\n    testsChanged(id: $id) {\n      testsResults {\n        testFiles {\n          file\n          duration\n          pass\n          failed\n          pending\n          errorStr\n          tests {\n            ancestor\n            duration\n            status\n            name\n            error\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst GET_COMPONENT = gql`\n  query ($id: String!) {\n    getHost {\n      id # for GQL caching\n      getTests(id: $id) {\n        loading\n        testsResults {\n          testFiles {\n            file\n            duration\n            pass\n            failed\n            pending\n            errorStr\n            tests {\n              ancestor\n              duration\n              status\n              name\n              error\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\ntype TestsPageProps = {\n  emptyState: EmptyStateSlot;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport function TestsPage({ className, emptyState }: TestsPageProps) {\n  const query = useRouterQuery();\n\n  const component = useContext(ComponentContext);\n\n  const queryHasVersion = query.get('version');\n\n  const id = queryHasVersion ? component.id.toString() : component.id.toStringWithoutVersion();\n\n  const onTestsChanged = useSubscription(TESTS_SUBSCRIPTION_CHANGED, {\n    variables: { id },\n  });\n\n  const { data } = useQuery(GET_COMPONENT, {\n    variables: { id },\n  });\n\n  const testData = onTestsChanged.data?.testsChanged || data?.getHost?.getTests;\n  const testResults = testData?.testsResults?.testFiles;\n\n  // TODO: change loading EmptyBox\n  if (testData?.loading) return <TestLoader />;\n\n  const env = component.environment?.id;\n  const EmptyStateTemplate = emptyState.get(env || '');\n\n  if (\n    (testResults === null || testData?.testsResults === null) &&\n    component.host === 'teambit.workspace/workspace' &&\n    EmptyStateTemplate\n  ) {\n    return (\n      <div className={classNames(styles.testsPage, className)}>\n        <div>\n          <H1 className={styles.title}>Tests</H1>\n          <Separator isPresentational className={styles.separator} />\n          <AlertCard\n            level=\"info\"\n            title=\"There are no\n                tests for this Component. Learn how to add tests:\"\n          >\n            <MDXLayout>\n              <EmptyStateTemplate />\n            </MDXLayout>\n          </AlertCard>\n        </div>\n      </div>\n    );\n  }\n\n  // TODO: get the docs domain from the community aspect and pass it here as a prop\n  if (testResults === null || testData?.testsResults === null) {\n    return (\n      <EmptyBox\n        title=\"This component doesn’t have any tests.\"\n        linkText=\"Learn how to add tests to your components\"\n        link={`https://bit.dev/docs/dev-services-overview/tester/tester-overview`}\n      />\n    );\n  }\n\n  return (\n    <div className={classNames(styles.testsPage, className)}>\n      <div>\n        <H1 className={styles.title}>Tests</H1>\n        <Separator isPresentational className={styles.separator} />\n        <TestTable testResults={testResults} className={styles.testBlock} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/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.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,142 +0,0 @@
-import { useQuery, useSubscription, gql } from '@apollo/client';
-import { ComponentContext } from '@teambit/component';
-import { useQuery as useRouterQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
-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
-          errorStr
-          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
-            errorStr
-            tests {
-              ancestor
-              duration
-              status
-              name
-              error
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
-type TestsPageProps = {
-  emptyState: EmptyStateSlot;
-} & HTMLAttributes<HTMLDivElement>;
-
-export function TestsPage({ className, emptyState }: TestsPageProps) {
-  const query = useRouterQuery();
-
-  const component = useContext(ComponentContext);
-
-  const queryHasVersion = query.get('version');
-
-  const id = queryHasVersion ? component.id.toString() : component.id.toStringWithoutVersion();
-
-  const onTestsChanged = useSubscription(TESTS_SUBSCRIPTION_CHANGED, {
-    variables: { id },
-  });
-
-  const { data } = useQuery(GET_COMPONENT, {
-    variables: { id },
-  });
-
-  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>
-    );
-  }
-
-  // TODO: get the docs domain from the community aspect and pass it here as a prop
-  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://bit.dev/docs/dev-services-overview/tester/tester-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>
-  );
-}