adding node script

extensions/integration_testing/node_script.ts

@@ -0,0 +1,84 @@
+const { exec } = require('child_process');
+
+let devProcess: any;
+
+async function runDevScript(param: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      devProcess = exec(`cd ../.. && pnpm dev -i ${param}`, (error: any, stdout: any, stderr: any) => {
+        if (error) {
+          console.error(`Error running dev script: ${error}`);
+          reject(error);
+        } else {
+          console.log(`Dev script output: ${stdout}`);
+          resolve();
+        }
+      });
+
+      devProcess.stdout.on('data', (data: any) => {
+        console.log(`stdout: ${data}`);
+      });
+
+      devProcess.stderr.on('data', (data: any) => {
+        console.error(`stderr: ${data}`);
+      });
+    });
+  }
+
+  async function runPlaywrightScript(scriptName: string) {
+    return new Promise((resolve, reject) => {
+        const command = `npx ts-node ${scriptName}`;
+        const playwrightProcess = exec(command, (error: any, stdout: any, stderr: any) => {
+            if (error) {
+                console.error(`Error running script: ${error.message}`);
+                reject(error);
+            }
+            if (stderr) {
+                console.error(`Error output: ${stderr}`);
+                reject(stderr);
+            }
+            console.log(`Script output: ${stdout}`);
+            resolve(stdout);
+        });
+
+        playwrightProcess.stdout.on('data', (data: any) => {
+            console.log(`stdout: ${data}`);
+          });
+
+          playwrightProcess.stderr.on('data', (data: any) => {
+            console.error(`stderr: ${data}`);
+          });
+    });
+}
+
+
+async function runPlaywrightTasks() {
+    try {
+      await runPlaywrightScript('playwright_save_all.ts');
+      await runPlaywrightScript('playwright_save_combo.ts');
+      await runPlaywrightScript('playwright_load.ts');
+      devProcess.kill();
+    } catch (error) {
+      console.error('Error during Playwright tasks:', error);
+    } 
+  }
+
+async function main() {
+    const args = process.argv.slice(2); 
+
+    if (args.length === 0) {
+      console.error('Please provide a parameter.');
+      return;
+    }
+
+    const param = args[0]; 
+
+    try {
+      runDevScript(param);
+      console.log('Dev script started successfully');
+      runPlaywrightTasks();
+    } catch (error) {
+      console.error('Error running script:', error);
+    }
+  }
+
+  main();

extensions/integration_testing/playwright_load.ts

@@ -1,6 +1,8 @@
 import { chromium, Browser, BrowserContext, Page, ElementHandle } from 'playwright';
 import * as path from 'path';
 
+const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
+
 (async () => {
     // Launch a browser instance
     const browser = await chromium.launch({ headless: false }); // Set headless: false to see the browser actions
@@ -11,6 +13,19 @@ import * as path from 'path';
     const page = await context.newPage();
 
     // Navigate to 'Create' page
+
+  // Try connecting to the server in a loop with delay
+//   let connected = false;
+//   for (let i = 0; i < 120; i++) { // Retry up to 10 times
+//     try {
+//       await page.goto('http://localhost:8602/', { waitUntil: 'networkidle', timeout: 6000 });
+//       connected = true;
+//       break;
+//     } catch (e) {
+//       console.log('Connection failed, retrying...');
+//       await delay(5000); // Wait for 5 seconds before retrying
+//     }
+//   }
     await page.goto('http://localhost:8602/');
     await page.click('text=File');
 
@@ -51,15 +66,17 @@ import * as path from 'path';
         }
     });
 
-    await page.waitForSelector('.blocklyBlockCanvas');
+    //await page.waitForSelector('.blocklyBlockCanvas', { timeout: 120000 });
+    await page.waitForTimeout(2000);
     await page.click('text=File');
     const [fileChooser2] = await Promise.all([
         page.waitForEvent('filechooser'),
         page.click('text=Load from your computer'),
       ]);
 
     await fileChooser2.setFiles(filePath);
-    await page.waitForSelector('.blocklyBlockCanvas');
+    //await page.waitForSelector('.blocklyBlockCanvas', { timeout: 120000 });
+    await page.waitForTimeout(2000);
 
 
     // Wait until blockly canvas has children

extensions/integration_testing/playwright_save_all.ts

@@ -2,6 +2,8 @@ import { chromium } from 'playwright';
 import { expect } from 'playwright/test';
 import * as path from 'path';
 
+const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
+
 (async () => {
     // Launch a browser instance
     const browser = await chromium.launch({ headless: false }); // Set headless: false to see the browser actions
@@ -10,7 +12,17 @@ import * as path from 'path';
         acceptDownloads: true
     });
     const page = await context.newPage();
-    await page.goto('http://localhost:8602/');
+    let connected = false;
+    for (let i = 0; i < 120; i++) { // Retry up to 10 times
+        try {
+        await page.goto('http://localhost:8602/', { waitUntil: 'networkidle', timeout: 6000 });
+        connected = true;
+        break;
+        } catch (e) {
+        console.log('Connection failed, retrying...');
+        await delay(5000); // Wait for 5 seconds before retrying
+        }
+    }
 
     // All the extensions that have been included
     const includedExtensions = [
@@ -35,8 +47,8 @@ import * as path from 'path';
     const startY = 130;
 
     // Wait for the editor to load
-    await page.waitForSelector('.blocklyWorkspace');
-
+    //await page.waitForSelector('.blocklyBlockCanvas');
+    await page.waitForTimeout(2000);
     // Add the extension
     const addExtension = await page.$('[title="Add Extension"]');
     if (addExtension) {

extensions/integration_testing/playwright_save_combo.ts

@@ -31,7 +31,8 @@ import * as path from 'path';
     ];
 
 
-    await page.waitForSelector('.blocklyWorkspace');
+    //await page.waitForSelector('.blocklyWorkspace');
+    await page.waitForTimeout(2000);
 
     // Make sure no blocks are dragged out of the workspace
     function boundY(y: any) {