+
+
\ No newline at end of file
diff --git a/src/frontend/playwright.config.ts b/src/frontend/playwright.config.ts
index 6af6cb8d7..8f7490b9e 100644
--- a/src/frontend/playwright.config.ts
+++ b/src/frontend/playwright.config.ts
@@ -20,11 +20,13 @@ export default defineConfig({
/* Opt out of parallel tests on CI. */
workers: process.env.CI ? 1 : undefined,
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
- reporter: "html",
+ reporter: [
+ ["html", { open: "never", outputFolder: "playwright-report/test-results" }],
+ ],
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
use: {
/* Base URL to use in actions like `await page.goto('/')`. */
- // baseURL: 'http://127.0.0.1:3000',
+ // baseURL: "http://127.0.0.1:3000",
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
trace: "on-first-retry",
@@ -69,9 +71,16 @@ export default defineConfig({
],
/* Run your local dev server before starting the tests */
- // webServer: {
- // command: 'npm run start',
- // url: 'http://127.0.0.1:3000',
- // reuseExistingServer: !process.env.CI,
- // },
+ // webServer: [
+ // {
+ // command: "npm run backend",
+ // reuseExistingServer: !process.env.CI,
+ // timeout: 120 * 1000,
+ // },
+ // {
+ // command: "npm run start",
+ // url: "http://127.0.0.1:3000",
+ // reuseExistingServer: !process.env.CI,
+ // },
+ // ],
});
diff --git a/src/frontend/run-tests.sh b/src/frontend/run-tests.sh
new file mode 100755
index 000000000..6bcc81b76
--- /dev/null
+++ b/src/frontend/run-tests.sh
@@ -0,0 +1,75 @@
+#!/bin/bash
+
+# Default value for the --ui flag
+ui=false
+
+# Parse command-line arguments
+while [[ $# -gt 0 ]]; do
+ key="$1"
+ case $key in
+ --ui)
+ ui=true
+ shift
+ ;;
+ *)
+ echo "Unknown option: $key"
+ exit 1
+ ;;
+ esac
+ shift
+done
+
+# Function to forcibly terminate a process by port
+terminate_process_by_port() {
+ port="$1"
+ echo "Terminating process on port: $port"
+ fuser -k -n tcp "$port" # Forcefully terminate processes using the specified port
+ echo "Process terminated."
+}
+
+# Trap signals to ensure cleanup on script termination
+trap 'terminate_process_by_port 7860; terminate_process_by_port 3000' EXIT
+
+# Navigate to the project root directory (where the Makefile is located)
+cd ../../
+
+# Start the frontend using 'make frontend' in the background
+make frontend &
+
+# Give some time for the frontend to start (adjust sleep duration as needed)
+sleep 10
+
+# Navigate to the test directory
+cd src/frontend
+
+# Run frontend only Playwright tests with or without UI based on the --ui flag
+if [ "$ui" = true ]; then
+ PLAYWRIGHT_HTML_REPORT=playwright-report/onlyFront npx playwright test tests/onlyFront --ui --project=chromium
+else
+ PLAYWRIGHT_HTML_REPORT=playwright-report/onlyFront npx playwright test tests/onlyFront --project=chromium
+fi
+
+# Navigate back to the project root directory
+cd ../../
+
+# Start the backend using 'make backend' in the background
+make backend &
+
+# Give some time for the backend to start (adjust sleep duration as needed)
+sleep 10
+
+# Navigate back to the test directory
+cd src/frontend
+
+# Run Playwright tests with or without UI based on the --ui flag
+if [ "$ui" = true ]; then
+ PLAYWRIGHT_HTML_REPORT=playwright-report/e2e npx playwright test tests/end-to-end --ui --project=chromium
+else
+ PLAYWRIGHT_HTML_REPORT=playwright-report/e2e npx playwright test tests/end-to-end --project=chromium
+fi
+
+npx playwright show-report
+
+# After the tests are finished, you can add cleanup or teardown logic here if needed
+
+# The trap will automatically terminate processes by port on script exit
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index db78822a4..2e08c77b6 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -32,6 +32,7 @@ import {
convertValuesToNumbers,
hasDuplicateKeys,
isValidConnection,
+ scapedJSONStringfy,
} from "../../../../utils/reactflowUtils";
import {
nodeColors,
@@ -53,6 +54,7 @@ export default function ParameterComponent({
required = false,
optionalHandle = null,
info = "",
+ proxy,
showNode,
index = "",
}: ParameterComponentType): JSX.Element {
@@ -81,8 +83,9 @@ export default function ParameterComponent({
const { reactFlowInstance, setFilterEdge } = useContext(typesContext);
let disabled =
- reactFlowInstance?.getEdges().some((edge) => edge.targetHandle === id) ??
- false;
+ reactFlowInstance
+ ?.getEdges()
+ .some((edge) => edge.targetHandle === scapedJSONStringfy(id)) ?? false;
const { data: myData } = useContext(typesContext);
@@ -113,7 +116,6 @@ export default function ParameterComponent({
const [errorDuplicateKey, setErrorDuplicateKey] = useState(false);
useEffect(() => {
- if (name === "openai_api_base") console.log(info);
// @ts-ignore
infoHtml.current = (