modified run_devtools_e2e_tests scrtip

Author: lunaruan

package.json

@@ -78,6 +78,7 @@
     "mkdirp": "^0.5.1",
     "ncp": "^2.0.0",
     "pacote": "^10.3.0",
+    "@playwright/test": "^1.16.3",
     "prettier": "1.19.1",
     "prop-types": "^15.6.2",
     "random-seed": "^0.3.0",

scripts/circleci/run_devtools_e2e_tests.js

@@ -6,7 +6,7 @@ const {spawn} = require('child_process');
 const {join} = require('path');
 
 const ROOT_PATH = join(__dirname, '..', '..');
-
+const reactVersion = process.argv[2];
 const inlinePackagePath = join(ROOT_PATH, 'packages', 'react-devtools-inline');
 const shellPackagePath = join(ROOT_PATH, 'packages', 'react-devtools-shell');
 
@@ -74,7 +74,24 @@ function runTestShell() {
 
   logBright('Starting testing shell server');
 
-  serverProcess = spawn('yarn', ['start'], {cwd: shellPackagePath});
+  if (!reactVersion) {
+    serverProcess = spawn('yarn', ['start'], {cwd: shellPackagePath});
+  } else {
+    serverProcess = spawn(
+      'yarn',
+      [
+        'cross-env',
+        `REACT_VERSION=${reactVersion}`,
+        'cross-env',
+        'NODE_ENV=development',
+        'cross-env',
+        'TARGET=local',
+        'webpack-dev-server',
+      ],
+      {cwd: shellPackagePath}
+    );
+  }
+
   serverProcess.stdout.on('data', data => {
     if (`${data}`.includes('Compiled successfully.')) {
       logBright('Testing shell server running');
@@ -107,7 +124,23 @@ function runTestShell() {
 async function runEndToEndTests() {
   logBright('Running e2e tests');
 
-  testProcess = spawn('yarn', ['test:e2e'], {cwd: inlinePackagePath});
+  if (!reactVersion) {
+    testProcess = spawn(
+      'yarn',
+      ['playwright test --config=playwright.config.js'],
+      {cwd: inlinePackagePath}
+    );
+  } else {
+    testProcess = spawn(
+      'yarn',
+      [
+        'cross-env',
+        `REACT_VERSION=${reactVersion}`,
+        'playwright test --config=playwright.config.js',
+      ],
+      {cwd: inlinePackagePath}
+    );
+  }
   testProcess.stdout.on('data', data => {
     // Log without formatting because Playwright applies its own formatting.
     const formatted = format(data);