add: cra sample to ci (#2738)

Author: PeaceDate

cra/README.md

@@ -11,3 +11,11 @@ Run `yarn start`. This will build and serve both `host` and `remote` on ports 30
 
 - [localhost:3001](http://localhost:3000/) (HOST)
 - [localhost:3002](http://localhost:3002/) (STANDALONE REMOTE)
+
+# Running Cypress E2E Tests
+
+To run tests in interactive mode, run  `npm run cypress:debug` from the root directory of the project. It will open Cypress Test Runner and allow to run tests in interactive mode. [More info about "How to run tests"](../../cypress/README.md#how-to-run-tests)
+
+To build app and run test in headless mode, run `yarn e2e:ci`. It will build app and run tests for this workspace in headless mode. If tets failed cypress will create `cypress` directory in sample root folder with screenshots and videos.
+
+["Best Practices, Rules amd more interesting information here](../../cypress/README.md)

cra/host/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cra/host",
+  "name": "cra_host",
   "version": "0.0.0",
   "private": true,
   "dependencies": {
@@ -8,7 +8,8 @@
     "react-scripts": "5.0.1"
   },
   "scripts": {
-    "start": "node ./scripts/start.js",
+    "start": "forever start ./scripts/start.js",
+    "stop": "forever stop ./scripts/start.js",
     "build": "node ./scripts/build.js",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

cra/package.json

@@ -8,12 +8,16 @@
     ]
   },
   "scripts": {
-    "start": "concurrently 'cd ./host && yarn start' 'cd ./remote && yarn start'",
-    "build": "concurrently 'cd ./host && yarn build' 'cd ./remote && yarn build'",
-    "serve": "concurrently 'cd ./host && yarn serve' 'cd ./remote && yarn serve'",
-    "clean": "concurrently 'cd ./host && yarn clean' 'cd ./remote && yarn clean'"
+    "start": "lerna run --scope=cra_* start",
+    "stop": "lerna run --scope=cra_* stop",
+    "build": "lerna run --scope=cra_* build'",
+    "serve": "lerna run --scope=cra_* serve'",
+    "clean": "lerna run --scope=cra_* clean'",
+    "e2e:ci": "yarn start && npx cypress run --config-file ../cypress/config/cypress.config.ts --config '{\"supportFile\": \"../cypress/support/e2e.ts\"}' --spec \"./e2e/*.cy.ts\" --browser=chrome && yarn stop"
   },
   "devDependencies": {
-    "concurrently": "7.3.0"
+    "concurrently": "7.3.0",
+    "forever": "4.0.3",
+    "lerna": "3.22.1"
   }
 }

cra/remote/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cra/remote",
+  "name": "cra_remote",
   "version": "0.0.0",
   "private": true,
   "dependencies": {
@@ -8,7 +8,8 @@
     "react-scripts": "5.0.1"
   },
   "scripts": {
-    "start": "PORT=3002 node ./scripts/start.js",
+    "start": "PORT=3002 forever start ./scripts/start.js",
+    "stop": "PORT=3002 forever stop ./scripts/start.js",
     "build": "node ./scripts/build.js",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

package.json

@@ -41,6 +41,8 @@
       "./comprehensive-demo-react16/*",
       "./comprehensive-demo-react18",
       "./comprehensive-demo-react18/*",
+      "./cra",
+      "./cra/*",
       "./css-isolation",
       "./css-isolation/*",
       "./delegate-modules",
@@ -135,6 +137,7 @@
     "cypress": "10",
     "cypress-fill-command": "1.0.2",
     "cypress-wait-until": "1.7.2",
+    "forever": "4.0.3",
     "husky": "7.0.4",
     "jest": "26.6.3",
     "lerna": "6.4.1",