frame.simulator 1.0.1 → 1.0.2

package/batch.ts

@@ -0,0 +1,82 @@
+import { Command } from './command';
+import { TUserAction } from './types';
+
+const PORT: number = parseInt(process.env.PORT || '3010', 10);
+
+export class Batch {
+  constructor() {
+    // Initialize any necessary properties here
+  }
+
+  private async sendRequest(
+    command: string,
+    data?: TUserAction,
+  ): Promise<string> {
+    let status = 'blocked';
+    try {
+      const response = await fetch(`http://localhost:${PORT}/send-command`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          command,
+          data,
+        }),
+      });
+      // console.log(`response: ${JSON.stringify(response, null)}`);
+      // console.log(`response.status: ${response.status}`);
+      if (response.status === 200) {
+        status = 'ok';
+      }
+      return status;
+    } catch (error) {
+      console.log(`error.status: ${status}`);
+      console.error('Error:', error);
+    }
+    console.log(`return status: ${status}`);
+    return status;
+  }
+
+  async selectButton(
+    testId: string,
+    retries: number = 5,
+    delay: number = 1000,
+  ): Promise<void> {
+    const sleep = (ms: number) =>
+      new Promise((resolve) => setTimeout(resolve, ms));
+
+    for (let attempt = 1; attempt <= retries; attempt++) {
+      try {
+        if (attempt >= 1) {
+          console.log(
+            `Attempt ${attempt}/${retries} to click button: ${testId}`,
+          );
+        }
+
+        const status = await this.sendRequest(Command.SimulateClick, {
+          testId,
+        });
+
+        if (status !== 'ok') {
+          console.log('Failed to send button simulation command');
+        }
+        await sleep(delay);
+        return; // Success, exit the retry loop
+      } catch (error) {
+        console.error('Error in main:', error);
+      }
+    }
+  }
+
+  async sampleClickCanvasDrawAt(x: number, y: number) {
+    console.log(`sampleClickCanvasDrawAt(${x}, ${y})`);
+    await this.sendRequest(Command.SimulateClickOnCanvas, {
+      testId: 'canvas.draw',
+      x,
+      y,
+    });
+    // Small delay to ensure element is fully ready
+    await new Promise((resolve) => setTimeout(resolve, 300));
+  }
+}

package/command.ts

@@ -1,5 +1,6 @@
 export enum Command {
   SimulateClick = 'SimulateClick',
   SimulateClickOnCanvas = 'SimulateClickOnCanvas',
-  MainScaleFrame = 'MainScaleFrame',
+  SimulateInput = 'SimulateInput',
+  SimulateCheck = 'SimulateUserCheck',
 }

package/commandHandler.ts

@@ -1,6 +1,6 @@
 import { Command } from './command';
 import { Simulator } from './simulator';
-import { TUserAction, TClick, TClickOnCanvas, TScaleFrame } from './types';
+import { TUserAction, TClick, TClickOnCanvas, TInput } from './types';
 
 export function useCommandHandler() {
   const handleCommand = async (command: string, data: TUserAction) => {
@@ -11,8 +11,12 @@ export function useCommandHandler() {
         return simulator.simulateUserClick(data as TClick);
       case Command.SimulateClickOnCanvas:
         return simulator.simulateClickOnCanvas(data as TClickOnCanvas);
-      case Command.MainScaleFrame:
-        return simulator.simulateScaleFrame(data as TScaleFrame);
+      // case Command.MainScaleFrame:
+      //   return simulator.simulateScaleFrame(data as TScaleFrame);
+      case Command.SimulateInput:
+        return simulator.simulateUserInput(data as TInput);
+      case Command.SimulateCheck:
+        return simulator.simulateUserCheck(data as TClick);
       default:
         console.warn('Unknown command:', command);
         console.log(`SimulateUserAction command received with data:`, data);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame.simulator",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A simulator for testing form interactions in a controlled environment.",
   "main": "index.js",
   "license": "MIT",
@@ -12,6 +12,8 @@
     "frame.constants": "^1.0.5"
   },
   "devDependencies": {
+    "@types/cors": "^2.8.19",
+    "@types/express": "^5.0.6",
     "@types/node": "^25.3.0",
     "cors": "^2.8.5",
     "express": "^5.2.1",

package/simulator.ts

@@ -1,5 +1,5 @@
 import { green, red, reset } from 'frame.constants';
-import { TClick, TClickOnCanvas, TScaleFrame } from './types';
+import { TClick, TClickOnCanvas, TInput } from './types';
 
 export class Simulator {
   constructor() {
@@ -77,7 +77,8 @@ export class Simulator {
     }
   }
 
-  simulateUserInput(testId: string, value: string) {
+  simulateUserInput(data: TInput) {
+    const { testId, value } = data;
     const element = this.findHTMLElement(testId, HTMLDivElement, 'input');
 
     if (element) {
@@ -95,15 +96,15 @@ export class Simulator {
     }
   }
 
-  simulateScaleFrame(scaleValues: TScaleFrame) {
-    const { length, height } = scaleValues;
-    console.log(
-      `${red}Simulating scale frame with length: ${length}, height: ${height}${reset}`,
-    );
-    this.simulateUserInput('ScaleInput.input.length', length.toString());
-    this.simulateUserInput('ScaleInput.input.height', height.toString());
-    this.simulateUserCheck({ testId: 'ShowOptions.cbx.scaledBox' });
-    this.simulateUserClick({ testId: 'ScaleForm.button.apply' });
-    this.simulateUserCheck({ testId: 'ShowOptions.cbx.points' });
-  }
+  // simulateScaleFrame(scaleValues: TScaleFrame) {
+  //   const { length, height } = scaleValues;
+  //   console.log(
+  //     `${red}Simulating scale frame with length: ${length}, height: ${height}${reset}`,
+  //   );
+  //   this.simulateUserInput('ScaleInput.input.length', length.toString());
+  //   this.simulateUserInput('ScaleInput.input.height', height.toString());
+  //   this.simulateUserCheck({ testId: 'ShowOptions.cbx.scaledBox' });
+  //   this.simulateUserClick({ testId: 'ScaleForm.button.apply' });
+  //   this.simulateUserCheck({ testId: 'ShowOptions.cbx.points' });
+  // }
 }

package/types.ts

@@ -2,6 +2,11 @@ export type TClick = {
   testId: string;
 };
 
+export type TInput = {
+  testId: string;
+  value: string;
+};
+
 export type TClickOnCanvas = {
   x: number;
   y: number;
@@ -12,4 +17,4 @@ export type TScaleFrame = {
   height: number;
 };
 
-export type TUserAction = TClickOnCanvas | TScaleFrame | TClick;
+export type TUserAction = TClickOnCanvas | TScaleFrame | TClick | TInput;