local-identifiere

Author: raju-opti

.github/workflows/javascript.yml

@@ -44,7 +44,6 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       fail-fast: false
-      max-parallel: 1
       matrix:
         browser: ['chrome', 'firefox', 'edge', 'safari']
     env:

scripts/run-browser-tests.js

@@ -21,19 +21,20 @@ const browserstack = require('browserstack-local');
 // Browser configurations grouped by browser name
 const BROWSER_CONFIGS = {
   chrome: [
-    // { name: 'chrome-windows-latest', browserVersion: 'latest', os: 'Windows', osVersion: '11' },
-    { name: 'chrome-windows-102', browserVersion: '102', os: 'Windows', osVersion: '11' },
+    { name: 'chrome-102-windows', browserVersion: '102', os: 'Windows', osVersion: '11' },
+    { name: 'chrome-latest-windows', browserVersion: 'latest', os: 'Windows', osVersion: '11' },
   ],
   firefox: [
-    { name: 'firefox-windows-91', browserVersion: '91', os: 'Windows', osVersion: '11' },
+    { name: 'firefox-91-windows', browserVersion: '91', os: 'Windows', osVersion: '11' },
+    { name: 'firefox-latest-macos', browserVersion: 'latest', os: 'OS X', osVersion: 'Sequoia' },
   ],
   edge: [
-    // { name: 'edge-windows-latest', browserVersion: 'latest', os: 'Windows', osVersion: '11' },
-    { name: 'edge-windows-88', browserVersion: '88', os: 'Windows', osVersion: '11' },
+    { name: 'edge-89-windows', browserVersion: '89', os: 'Windows', osVersion: '11' },
+    { name: 'edge-latest-windows', browserVersion: 'latest', os: 'Windows', osVersion: '11' },
   ],
   safari: [
     { name: 'safari-monterey', os: 'OS X', osVersion: 'Monterey' },
-    // { name: 'safari-sonoma', os: 'OS X', osVersion: 'Sonoma' },
+    { name: 'safari-sequoia', os: 'OS X', osVersion: 'Sequoia' },
   ]
 };
 
@@ -59,24 +60,22 @@ if (!useLocalBrowser) {
   }
 }
 
-// BrowserStack Local is optional - only needed if tests require localhost access
-const useBrowserStackLocal = process.env.BROWSERSTACK_LOCAL === 'true';
+
 let bs_local = null;
 
-function startTunnel() {
-  const username = process.env.BROWSERSTACK_USERNAME || process.env.BROWSER_STACK_USERNAME;
+function startTunnel(localIdentifier) {
   const accessKey = process.env.BROWSERSTACK_ACCESS_KEY || process.env.BROWSER_STACK_ACCESS_KEY;
 
-  console.log('Starting BrowserStack Local tunnel...');
+  console.log(`Starting BrowserStack Local tunnel with identifier: ${localIdentifier}...`);
   bs_local = new browserstack.Local();
   const bsLocalArgs = {
     key: accessKey,
     force: true,
     forceLocal: true,
     // Enable verbose logging to debug tunnel issues
     verbose: true,
-    // Enable local testing for all sites - more permissive
-    onlyAutomate: true,
+    // Use the provided identifier for parallel tunnel support
+    localIdentifier: localIdentifier,
   };
 
   return new Promise((resolve, reject) => {
@@ -86,7 +85,8 @@ function startTunnel() {
         reject(error);
       } else {
         console.log('BrowserStack Local tunnel started successfully');
-        console.log(`Local Identifier: ${bs_local.pid}`);
+        console.log(`BrowserStack Local PID: ${bs_local.pid}`);
+        console.log(`Local Identifier: ${localIdentifier}`);
         // Wait longer for tunnel to fully establish and register with BrowserStack
         console.log('Waiting for tunnel to establish...');
         setTimeout(() => {
@@ -147,8 +147,12 @@ async function runTests() {
     }
 
     // Only start tunnel if using BrowserStack
+    let localIdentifier;
     if (!useLocalBrowser) {
-      await startTunnel();
+      // Generate a random identifier for parallel tunnel support (100000-900000)
+      localIdentifier = Math.floor(Math.random() * 800000) + 100000;
+      localIdentifier = localIdentifier.toString();
+      await startTunnel(localIdentifier);
     } else {
       console.log('Using local browser mode - no BrowserStack connection needed');
     }
@@ -175,6 +179,8 @@ async function runTests() {
         TEST_BROWSER_VERSION: config.browserVersion,
         TEST_OS_NAME: config.os,
         TEST_OS_VERSION: config.osVersion,
+        // Pass the local identifier to vitest config for BrowserStack capabilities
+        BROWSERSTACK_LOCAL_IDENTIFIER: localIdentifier,
       };
 
 

vitest.browser.config.mts

@@ -55,6 +55,8 @@ function buildLocalCapabilities() {
 
 // Build BrowserStack capabilities
 function buildBrowserStackCapabilities() {
+  const localIdentifier = process.env.BROWSERSTACK_LOCAL_IDENTIFIER;
+
   return {
     browserName: testBrowser,
     'wdio:enforceWebDriverClassic': true, // this doesn't work due to vitest bug, still keeping here for future reference
@@ -73,10 +75,13 @@ function buildBrowserStackCapabilities() {
       projectName: 'Optimizely JavaScript SDK',
       sessionName: `${testBrowser} ${testBrowserVersion || ''} on ${testOsName} ${testOsVersion}`,
       local: true,
-      debug: false,
-      networkLogs: false,
-      consoleLogs: 'errors' as const,
-      seleniumLogs: false,
+      // Include localIdentifier for parallel tunnel support
+      ...(localIdentifier && { localIdentifier }),
+      debug: true,
+      networkLogs: true,
+      consoleLogs: 'verbose' as const,
+      seleniumLogs: true,
+      video: true,
       idleTimeout: 900, // 15 minutes idle timeout - prevents premature session closure during long test runs
     },
   };
@@ -121,11 +126,11 @@ export default defineConfig({
     },
   },
   esbuild: {
-    target: 'es2015',  
-    format: 'esm', 
+    target: 'es2015',
+    format: 'esm',
   },
   build: {
-    target: 'es2015',  
+    target: 'es2015',
   },
   optimizeDeps: {
     // Force chai to be pre-bundled with ES6 target to remove class static blocks
@@ -144,7 +149,7 @@ export default defineConfig({
     isolate: false,
     fileParallelism: true,
     // Reduce concurrency for BrowserStack to minimize tunnel load and WebSocket connection issues
-    maxConcurrency: useLocalBrowser ? 5 : 1,
+    maxConcurrency: 3,
     onConsoleLog: () => true,
     browser: {
       enabled: true,