chore: Intregrate runner packages. (#23028)

* chore: Intregrate runner packages.

* Remove unnecessary Studio react files.

* Remove unnecessary gif

* runner-shared to runner-ct.

* fix path.

* fix package.json

* Remove scss files from runner-ct

* Remove runner-ct

* Remove runner-shared and runner-ct comments.

* Feedback

* chore: reduce parallelism for reporter-componen-tests

* chore: reduce paralelleism

Co-authored-by: Emily Rohrbough <emilyrohrbough@users.noreply.github.com>
Co-authored-by: Lachlan Miller <lachlan.miller.1990@outlook.com>

Author: 3 people

.github/CODEOWNERS

@@ -40,8 +40,6 @@
 /packages/rewriter/  @cypress-io/end-to-end
 /packages/root/  @cypress-io/end-to-end
 /packages/runner/  @cypress-io/end-to-end
-/packages/runner-ct/  @cypress-io/component-testing
-/packages/runner-shared/  @cypress-io/end-to-end
 /packages/server/  @cypress-io/end-to-end
 /packages/socket/  @cypress-io/end-to-end
 /packages/static/  @cypress-io/end-to-end

.gitignore

@@ -78,9 +78,6 @@ system-tests/lib/fixtureDirs.ts
 # from npm/webpack-dev-server
 /npm/webpack-dev-server/cypress/videos
 
-# from runner-ct
-/packages/runner-ct/cypress/screenshots
-
 # from errors
 /packages/errors/__snapshot-images__
 /packages/errors/__snapshot-md__

.vscode/terminals.json

@@ -83,13 +83,6 @@
       "cwd": "[cwd]/packages/runner",
       "command": "yarn watch"
     },
-    {
-      "name": "packages/runner-ct watch",
-      "focus": true,
-      "onlySingle": true,
-      "cwd": "[cwd]/packages/runner-ct",
-      "command": "yarn watch"
-    },
     {
       "name": "packages/driver cypress open",
       "focus": true,

CONTRIBUTING.md

@@ -271,8 +271,6 @@ Here is a list of the core packages in this repository with a short description,
  | [reporter](./packages/reporter)       | `@packages/reporter`    | The reporter shows the running results of the tests (The Command Log UI).    |
  | [root](./packages/root)               | `@packages/root`        | Dummy package pointing at the root of the repository.                        |
  | [runner](./packages/runner)           | `@packages/runner`      | The runner is the minimal "chrome" around the user's application under test. |
- | [runner-ct](./packages/runner-ct)           | `@packages/runner-ct`      | The runner for component testing |
- | [runner-shared](./packages/runner-shared)           | `@packages/runner-shared`      | The shared components between the `runner` and the `runner-ct` packages |
  | [server](./packages/server)           | `@packages/server`      | The <3 of Cypress. This orchestrates everything. The backend node process.   |
  | [server-ct](./packages/server-ct)     | `@packages/server-ct`   | Some Component Testing specific overrides. Mostly extends functionality from `@packages/server` |
  | [socket](./packages/socket)           | `@packages/socket`      | A wrapper around socket.io to provide common libraries.                      |

circle.yml

@@ -1607,7 +1607,7 @@ jobs:
       percy:
         type: boolean
         default: false
-    parallelism: 7
+    parallelism: 2
     steps:
       - run-new-ui-tests:
           browser: chrome

packages/app/README.md

@@ -91,13 +91,13 @@ The terminology can get a bit confusing as Vue Router's `params` are not the que
 
 ## Using existing, Vite-incompatible modules
 
-Some of our modules, like `@packages/reporter`, `@packages/driver` and `@packages/runner-shared` cannot be easily
+Some of our modules, like `@packages/reporter`, `@packages/driver` and `@packages/runner` cannot be easily
 used with Vite due to circular dependencies and modules that do not have compatible ESM builds.
 
 To work around this, when consuming existing code, it is bundled with webpack and made available under the
 `window.UnifiedRunner` namespace. It is injected via [`injectBundle`](./src/runner/injectBundle.ts).
 
-To add more code to the bundle, add it in the bundle root, `@packages/runner-ct/src/main.tsx` and attach it to
+To add more code to the bundle, add it in the bundle root, `@packages/runner/src/main.tsx` and attach it to
 `window.UnifiedRunner`.
 
 As a rule of thumb, avoid importing from the older, webpack based modules into this package. Instead, if you want to consume code from those older, webpack bundled modules, you should add them to the webpack root and consume them via `window.UnifiedRunner`. Ideally, update [`index.d.ts`](./index.d.ts) to add the types, as well.

packages/app/index.d.ts

@@ -51,11 +51,11 @@ declare global {
 
       /**
        * Any React components or general code needed from
-       * runner-shared, reporter or driver are also bundled with
+       * runner, reporter or driver are also bundled with
        * webpack and made available via the window.UnifedRunner namespace.
        * 
        * We cannot import the correct types, because this causes the linter and type
-       * checker to run on runner-shared and reporter, and it blows up.
+       * checker to run on runner and reporter, and it blows up.
        */
       Reporter: any
       shortcuts: {

packages/app/src/runner/index.ts

@@ -8,7 +8,7 @@
  * - reporter
  * which are built with React and bundle with webpack.
  *
- * The entry point for the webpack bundle is `runner-ct/main.tsx`.
+ * The entry point for the webpack bundle is `runner/main.tsx`.
  * Any time you need to consume some existing code, add it to the `window.UnifiedRunner`
  * namespace there, and access it with `window.UnifiedRunner`.
  *

packages/driver/package.json

@@ -22,7 +22,6 @@
     "@packages/network": "0.0.0-development",
     "@packages/rewriter": "0.0.0-development",
     "@packages/runner": "0.0.0-development",
-    "@packages/runner-shared": "0.0.0-development",
     "@packages/server": "0.0.0-development",
     "@packages/socket": "0.0.0-development",
     "@packages/ts": "0.0.0-development",

packages/driver/src/dom/blackout.ts

@@ -1,5 +1,5 @@
 import $ from 'jquery'
-import $dimensions from '@packages/runner-shared/src/dimensions'
+import $dimensions from '@packages/runner/src/dom/dimensions'
 
 const resetStyles = `
   border: none !important;

packages/resolve-dist/lib/index.ts

@@ -2,7 +2,7 @@ import path from 'path'
 
 let fs: typeof import('fs-extra')
 
-export type RunnerPkg = 'app' | 'runner' | 'runner-ct'
+export type RunnerPkg = 'app' | 'runner'
 
 type FoldersWithDist = 'static' | 'driver' | RunnerPkg | 'launchpad'