From ea8b5faad2a66819c8a427c92b43b567666f46b9 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Sat, 9 Mar 2024 09:30:32 -0300
Subject: [PATCH] check SO before add keyboard command

---
 src/frontend/package-lock.json                | 24 +++++++++++++++++++
 src/frontend/package.json                     |  1 +
 .../end-to-end/langflowShortcuts.spec.ts      | 22 +++++++++++------
 3 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 791e88f0e..2d61fd033 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -102,6 +102,7 @@
         "tailwindcss": "^3.3.3",
         "tailwindcss-dotted-background": "^1.1.0",
         "typescript": "^5.2.2",
+        "ua-parser-js": "^1.0.37",
         "vite": "^4.5.2"
       }
     },
@@ -11067,6 +11068,29 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/ua-parser-js": {
+      "version": "1.0.37",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.37.tgz",
+      "integrity": "sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/unified": {
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index 4df74af54..dd865530e 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -124,6 +124,7 @@
     "tailwindcss": "^3.3.3",
     "tailwindcss-dotted-background": "^1.1.0",
     "typescript": "^5.2.2",
+    "ua-parser-js": "^1.0.37",
     "vite": "^4.5.2"
   }
 }
diff --git a/src/frontend/tests/end-to-end/langflowShortcuts.spec.ts b/src/frontend/tests/end-to-end/langflowShortcuts.spec.ts
index 486a66adb..40e85cb42 100644
--- a/src/frontend/tests/end-to-end/langflowShortcuts.spec.ts
+++ b/src/frontend/tests/end-to-end/langflowShortcuts.spec.ts
@@ -1,6 +1,14 @@
 import { expect, test } from "@playwright/test";
-
+import uaParser from "ua-parser-js";
 test("LangflowShortcuts", async ({ page }) => {
+  const getUA = await page.evaluate(() => navigator.userAgent);
+  const userAgentInfo = uaParser(getUA);
+  let control = "Control";
+
+  if (userAgentInfo.os.name.includes("Mac")) {
+    control = "Meta";
+  }
+
   await page.goto("http://localhost:3000/");
   await page.waitForTimeout(1000);
 
@@ -22,11 +30,11 @@ test("LangflowShortcuts", async ({ page }) => {
   await page.mouse.down();
 
   await page.getByTestId("title-LlamaCpp").click();
-  await page.keyboard.press("Control+e");
+  await page.keyboard.press(`${control}+e`);
   await page.locator('//*[@id="saveChangesBtn"]').click();
 
   await page.getByTestId("title-LlamaCpp").click();
-  await page.keyboard.press("Control+d");
+  await page.keyboard.press(`${control}+d`);
 
   let numberOfNodes = await page.getByTestId("title-LlamaCpp").count();
   if (numberOfNodes != 2) {
@@ -46,10 +54,10 @@ test("LangflowShortcuts", async ({ page }) => {
   }
 
   await page.getByTestId("title-LlamaCpp").click();
-  await page.keyboard.press("Control+c");
+  await page.keyboard.press(`${control}+c`);
 
   await page.getByTestId("title-LlamaCpp").click();
-  await page.keyboard.press("Control+v");
+  await page.keyboard.press(`${control}+v`);
 
   numberOfNodes = await page.getByTestId("title-LlamaCpp").count();
   if (numberOfNodes != 2) {
@@ -64,13 +72,13 @@ test("LangflowShortcuts", async ({ page }) => {
   await page.keyboard.press("Backspace");
 
   await page.getByTestId("title-LlamaCpp").click();
-  await page.keyboard.press("Control+x");
+  await page.keyboard.press(`${control}+x`);
 
   numberOfNodes = await page.getByTestId("title-LlamaCpp").count();
   if (numberOfNodes != 0) {
     expect(false).toBeTruthy();
   }
-  await page.keyboard.press("Control+v");
+  await page.keyboard.press(`${control}+v`);
   numberOfNodes = await page.getByTestId("title-LlamaCpp").count();
   if (numberOfNodes != 1) {
     expect(false).toBeTruthy();