refactor: Data context cleanup & IPC bindings for data push (#18357)

Author: tgriesser

.gitignore

@@ -13,18 +13,35 @@ cypress.zip
 Cached Theme.pak
 Cached Theme Material Design.pak
 
+# from data-context, compiled .js files
+packages/data-context/src/**/*.js
+
 # from desktop-gui
 packages/desktop-gui/cypress/videos
 packages/desktop-gui/src/jsconfig.json
 
+
 # from driver
 packages/driver/cypress/videos
 packages/driver/cypress/screenshots
 
+# from launcher, compiled .js files
+packages/launcher/index.js
+packages/launcher/lib/**/*.js
+
+# from network, compiled .js files
+packages/network/lib/**/*.js
+
+# from net-stubbing, compiled .js files
+packages/net-stubbing/lib/**/*.js
+
 # from runner
 packages/runner/cypress/videos
 packages/runner/cypress/screenshots
 
+# from proxy, compiled .js files
+packages/proxy/lib/**/*.js
+
 # npm packages
 npm/**/cypress/screenshots
 
@@ -40,6 +57,9 @@ packages/server/support
 packages/server/test/support/fixtures/server/imgs
 packages/server/test/support/fixtures/server/libs
 
+# from socket, dist built files
+packages/socket/lib/*.js
+
 # from npm/react
 /npm/react/bin/*
 /npm/react/cypress/videos
@@ -347,4 +367,4 @@ globbed_node_modules
 
 # Autogenerated files, typically from graphql-code-generator
 *.gen.ts
-*.gen.json
+*.gen.json

npm/angular/package.json

@@ -59,7 +59,7 @@
     "semantic-release": "17.4.2",
     "to-string-loader": "1.1.6",
     "ts-loader": "8.1.0",
-    "ts-node": "9.1.1",
+    "ts-node": "^10.2.1",
     "tslib": "^2.2.0",
     "tslint": "5.20.1",
     "typescript": "4.2.4",

npm/design-system/package.json

@@ -79,7 +79,7 @@
     "sass-loader": "10.1.1",
     "style-loader": "^2.0.0",
     "svg-url-loader": "3.0.3",
-    "ts-node": "^9.1.1",
+    "ts-node": "^10.2.1",
     "tsc-alias": "^1.2.9",
     "tsconfig-paths-webpack-plugin": "^3.5.1",
     "typed-scss-modules": "^4.1.1",

npm/webpack-preprocessor/package.json

@@ -57,7 +57,7 @@
     "sinon": "^9.0.0",
     "sinon-chai": "^3.5.0",
     "snap-shot-it": "7.9.2",
-    "ts-node": "8.10.1",
+    "ts-node": "^10.2.1",
     "webpack": "^4.41.12"
   },
   "peerDependencies": {

package.json

@@ -32,6 +32,8 @@
     "cypress:run:debug": "node ./scripts/debug.js cypress:run",
     "cypress:verify": "cypress verify --dev",
     "dev": "gulp dev",
+    "dev:no-watch": "gulp dev:no-watch",
+    "dev:clean": "gulp dev:clean",
     "gulp:debug": "node --inspect-brk ./node_modules/.bin/gulp",
     "dev-debug": "node ./scripts/debug.js dev",
     "docker": "./scripts/run-docker-local.sh",
@@ -116,6 +118,7 @@
     "@types/react": "16.9.50",
     "@types/react-dom": "16.9.8",
     "@types/request-promise": "4.1.45",
+    "@types/send": "^0.17.1",
     "@types/sinon-chai": "3.2.3",
     "@types/through2": "^2.0.36",
     "@typescript-eslint/eslint-plugin": "4.18.0",
@@ -129,6 +132,7 @@
     "babel-eslint": "10.1.0",
     "bluebird": "3.5.3",
     "bluebird-retry": "0.11.0",
+    "c8": "^7.10.0",
     "chai": "4.2.0",
     "chai-as-promised": "7.1.1",
     "chalk": "2.4.2",
@@ -217,7 +221,7 @@
     "through": "2.3.8",
     "through2": "^4.0.2",
     "tree-kill": "1.2.2",
-    "ts-node": "8.3.0",
+    "ts-node": "^10.2.1",
     "typescript": "^4.2.3",
     "yarn-deduplicate": "3.1.0"
   },

packages/app/cypress.json

@@ -1,6 +1,5 @@
 {
   "projectId": "sehy69",
-  "baseUrl": "http://localhost:5556",
   "viewportWidth": 800,
   "viewportHeight": 850,
   "fixturesFolder": false,
@@ -14,11 +13,16 @@
   "reporterOptions": {
     "configFile": "../../mocha-reporter-config.json"
   },
+  "integrationFolder": "cypress/e2e/integration",
   "componentFolder": "src",
   "supportFile": false,
   "component": {
     "testFiles": "**/*.spec.{js,ts,tsx,jsx}",
     "supportFile": "cypress/component/support/index.ts",
     "pluginsFile": "cypress/component/plugins/index.js"
+  },
+  "e2e": {
+    "pluginsFile": "cypress/e2e/plugins/index.ts",
+    "supportFile": "cypress/e2e/support/e2eSupport.ts"
   }
 }

packages/app/cypress/e2e/integration/basic.spec.ts

@@ -0,0 +1,39 @@
+let GQL_PORT
+let SERVER_PORT
+
+describe('App', () => {
+  beforeEach(() => {
+    cy.withCtx(async (ctx) => {
+      await ctx.dispose()
+      await ctx.actions.project.setActiveProject(ctx.launchArgs.projectRoot)
+      ctx.actions.wizard.setTestingType('e2e')
+      await ctx.actions.project.initializeActiveProject({
+        skipPluginIntializeForTesting: true,
+      })
+
+      await ctx.actions.project.launchProject({
+        skipBrowserOpenForTest: true,
+      })
+
+      return [
+        ctx.gqlServerPort,
+        ctx.appServerPort,
+      ]
+    }).then(([gqlPort, serverPort]) => {
+      GQL_PORT = gqlPort
+      SERVER_PORT = serverPort
+    })
+  })
+
+  it('resolves the home page', () => {
+    cy.visit(`dist/index.html?serverPort=${SERVER_PORT}&gqlPort=${GQL_PORT}`)
+    cy.get('[href="#/runner"]').click()
+    cy.get('[href="#/settings"]').click()
+  })
+
+  it('resolves the home page, with a different server port?', () => {
+    cy.visit(`dist/index.html?serverPort=${SERVER_PORT}&gqlPort=${GQL_PORT}`)
+    cy.get('[href="#/runner"]').click()
+    cy.get('[href="#/settings"]').click()
+  })
+})

packages/launchpad/cypress/plugins/index.js renamed to packages/app/cypress/e2e/plugins/index.ts

@@ -1,4 +1,7 @@
 /// <reference types="cypress" />
+const { monorepoPaths } = require('../../../../../scripts/gulp/monorepoPaths')
+import { e2ePluginSetup } from '@packages/frontend-shared/cypress/e2e/e2ePluginSetup'
+
 // ***********************************************************
 // This example plugins/index.js can be used to load plugins
 //
@@ -15,8 +18,6 @@
 /**
  * @type {Cypress.PluginConfig}
  */
-// eslint-disable-next-line no-unused-vars
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
+module.exports = async (on, config) => {
+  return await e2ePluginSetup(monorepoPaths.pkgApp, on, config)
 }

packages/app/cypress/e2e/support/e2eSupport.ts

@@ -0,0 +1,2 @@
+/// <reference path="../../../../frontend-shared/cypress/e2e/support/e2eSupport.ts" />
+require('../../../../frontend-shared/cypress/e2e/support/e2eSupport')