diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 32ffdf66b..168078c1d 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -1206,16 +1206,16 @@
}
},
"node_modules/@mui/base": {
- "version": "5.0.0-beta.30",
- "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.30.tgz",
- "integrity": "sha512-dc38W4W3K42atE9nSaOeoJ7/x9wGIfawdwC/UmMxMLlZ1iSsITQ8dQJaTATCbn98YvYPINK/EH541YA5enQIPQ==",
+ "version": "5.0.0-beta.31",
+ "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.31.tgz",
+ "integrity": "sha512-+uNbP3OHJuZVI00WyMg7xfLZotaEY7LgvYXDfONVJbrS+K9wyjCIPNfjy8r9XJn4fbHo/5ibiZqjWnU9LMNv+A==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
- "@floating-ui/react-dom": "^2.0.4",
- "@mui/types": "^7.2.12",
- "@mui/utils": "^5.15.3",
+ "@babel/runtime": "^7.23.7",
+ "@floating-ui/react-dom": "^2.0.5",
+ "@mui/types": "^7.2.13",
+ "@mui/utils": "^5.15.4",
"@popperjs/core": "^2.11.8",
- "clsx": "^2.0.0",
+ "clsx": "^2.1.0",
"prop-types": "^15.8.1"
},
"engines": {
@@ -1245,27 +1245,27 @@
}
},
"node_modules/@mui/core-downloads-tracker": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.3.tgz",
- "integrity": "sha512-sWeihiVyxdJjpLkp8SHkTy9kt2M/o11M60G1MzwljGL2BXdM3Ktzqv5QaQHdi00y7Y1ulvtI3GOSxP2xU8mQJw==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.4.tgz",
+ "integrity": "sha512-0OZN9O6hAtBpx70mMNFOPaAIol/ytwZYPY+z7Rf9dK3+1Xlzwvj5/IeShJKvtp76S1qJyhPuvZg0+BGqQaUnUw==",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/mui-org"
}
},
"node_modules/@mui/material": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.3.tgz",
- "integrity": "sha512-DODBBMouyq1B5f3YkEWL9vO8pGCxuEGqtfpltF6peMJzz/78tJFyLQsDas9MNLC/8AdFu2BQdkK7wox5UBPTAA==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.4.tgz",
+ "integrity": "sha512-T/LGRAC+M0c+D3+y67eHwIN5bSje0TxbcJCWR0esNvU11T0QwrX3jedXItPNBwMupF2F5VWCDHBVLlFnN3+ABA==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
- "@mui/base": "5.0.0-beta.30",
- "@mui/core-downloads-tracker": "^5.15.3",
- "@mui/system": "^5.15.3",
- "@mui/types": "^7.2.12",
- "@mui/utils": "^5.15.3",
+ "@babel/runtime": "^7.23.7",
+ "@mui/base": "5.0.0-beta.31",
+ "@mui/core-downloads-tracker": "^5.15.4",
+ "@mui/system": "^5.15.4",
+ "@mui/types": "^7.2.13",
+ "@mui/utils": "^5.15.4",
"@types/react-transition-group": "^4.4.10",
- "clsx": "^2.0.0",
+ "clsx": "^2.1.0",
"csstype": "^3.1.2",
"prop-types": "^15.8.1",
"react-is": "^18.2.0",
@@ -1306,12 +1306,12 @@
}
},
"node_modules/@mui/private-theming": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.3.tgz",
- "integrity": "sha512-Q79MhVMmywC1l5bMsMZq5PsIudr1MNPJnx9/EqdMP0vpz5iNvFpnLmxsD7d8/hqTWgFAljI+LH3jX8MxlZH9Gw==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.4.tgz",
+ "integrity": "sha512-9N5myIMEEQTM5WYWPGvvYADzjFo12LgJ7S+2iTZkBNOcJpUxQYM1tvYjkHCDV+t1ocMOEgjR2EfJ9Dus30dBlg==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
- "@mui/utils": "^5.15.3",
+ "@babel/runtime": "^7.23.7",
+ "@mui/utils": "^5.15.4",
"prop-types": "^15.8.1"
},
"engines": {
@@ -1332,11 +1332,11 @@
}
},
"node_modules/@mui/styled-engine": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.3.tgz",
- "integrity": "sha512-+d5XZCTeemOO/vBfWGEeHgTm8fjU1Psdgm+xAw+uegycO2EnoA/EfGSaG5UwZ6g3b66y48Mkxi35AggShMr88w==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.4.tgz",
+ "integrity": "sha512-vtrZUXG5XI8CNiNLcxjIirW4dEbOloR+ikfm6ePBo7jXpJdpXjVzBWetrfE+5eI0cHkKWlTptnJ2voKV8pBRfw==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
+ "@babel/runtime": "^7.23.7",
"@emotion/cache": "^11.11.0",
"csstype": "^3.1.2",
"prop-types": "^15.8.1"
@@ -1363,16 +1363,16 @@
}
},
"node_modules/@mui/system": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.3.tgz",
- "integrity": "sha512-ewVU4eRgo4VfNMGpO61cKlfWmH7l9s6rA8EknRzuMX3DbSLfmtW2WJJg6qPwragvpPIir0Pp/AdWVSDhyNy5Tw==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.4.tgz",
+ "integrity": "sha512-KCwkHajGBXPs2TK1HJjIyab4NDk0cZoBDYN/TTlXVo1qBAmCjY0vjqrlsjeoG+wrwwcezXMLs/e6OGP66fPCog==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
- "@mui/private-theming": "^5.15.3",
- "@mui/styled-engine": "^5.15.3",
- "@mui/types": "^7.2.12",
- "@mui/utils": "^5.15.3",
- "clsx": "^2.0.0",
+ "@babel/runtime": "^7.23.7",
+ "@mui/private-theming": "^5.15.4",
+ "@mui/styled-engine": "^5.15.4",
+ "@mui/types": "^7.2.13",
+ "@mui/utils": "^5.15.4",
+ "clsx": "^2.1.0",
"csstype": "^3.1.2",
"prop-types": "^15.8.1"
},
@@ -1410,9 +1410,9 @@
}
},
"node_modules/@mui/types": {
- "version": "7.2.12",
- "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.12.tgz",
- "integrity": "sha512-3kaHiNm9khCAo0pVe0RenketDSFoZGAlVZ4zDjB/QNZV0XiCj+sh1zkX0VVhQPgYJDlBEzAag+MHJ1tU3vf0Zw==",
+ "version": "7.2.13",
+ "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.13.tgz",
+ "integrity": "sha512-qP9OgacN62s+l8rdDhSFRe05HWtLLJ5TGclC9I1+tQngbssu0m2dmFZs+Px53AcOs9fD7TbYd4gc9AXzVqO/+g==",
"peerDependencies": {
"@types/react": "^17.0.0 || ^18.0.0"
},
@@ -1423,11 +1423,11 @@
}
},
"node_modules/@mui/utils": {
- "version": "5.15.3",
- "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.3.tgz",
- "integrity": "sha512-mT3LiSt9tZWCdx1pl7q4Q5tNo6gdZbvJel286ZHGuj6LQQXjWNAh8qiF9d+LogvNUI+D7eLkTnj605d1zoazfg==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.4.tgz",
+ "integrity": "sha512-E2wLQGBcs3VR52CpMRjk46cGscC4cbf3Q2uyHNaAeL36yTTm+aVNbtsTCazXtjOP4BDd8lu6VtlTpVC8Rtl4mg==",
"dependencies": {
- "@babel/runtime": "^7.23.6",
+ "@babel/runtime": "^7.23.7",
"@types/prop-types": "^15.7.11",
"prop-types": "^15.8.1",
"react-is": "^18.2.0"
@@ -5093,9 +5093,9 @@
}
},
"node_modules/daisyui": {
- "version": "4.5.0",
- "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.5.0.tgz",
- "integrity": "sha512-RWQCPQ0vBUaxGy768O7Ku8SRQgwdoto1lDzuKeVOcMtYghuSbUY7NoPoMK+k8JH4s1J02OvpNAgtB9MeKpZIwg==",
+ "version": "4.6.0",
+ "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.6.0.tgz",
+ "integrity": "sha512-B5ZB/sczXpp4LMdo/SZrtYY/U2hq+Vr9I15QawuWZ0VwgtSAbuZpAZUftKVryEsPuv3BM0yVlBED0nAmtis/dw==",
"dev": true,
"dependencies": {
"css-selector-tokenizer": "^0.8",
@@ -5384,9 +5384,9 @@
"integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
},
"node_modules/electron-to-chromium": {
- "version": "1.4.626",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.626.tgz",
- "integrity": "sha512-f7/be56VjRRQk+Ric6PmIrEtPcIqsn3tElyAu9Sh6egha2VLJ82qwkcOdcnT06W+Pb6RUulV1ckzrGbKzVcTHg=="
+ "version": "1.4.628",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.628.tgz",
+ "integrity": "sha512-2k7t5PHvLsufpP6Zwk0nof62yLOsCf032wZx7/q0mv8gwlXjhcxI3lz6f0jBr0GrnWKcm3burXzI3t5IrcdUxw=="
},
"node_modules/emoji-regex": {
"version": "8.0.0",
diff --git a/src/frontend/src/App.css b/src/frontend/src/App.css
index c4cc99fd4..095c63bd7 100644
--- a/src/frontend/src/App.css
+++ b/src/frontend/src/App.css
@@ -2,6 +2,7 @@
@tailwind components;
@tailwind utilities;
+/* Prevent react flow to overflow the page */
body {
overflow: hidden;
}
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 2b934942a..77ac85c54 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -102,7 +102,7 @@ export default function Header(): JSX.Element {
>
Star
- {stars}
+ {stars ?? 0}
{
);
await page
- .locator(
- '//*[@id="root"]/div/div[1]/div[2]/div[3]/div/div/div/div/div/div/div/div[2]/span[2]'
- )
+ .getByTestId("edit-flow-button-e9ac1bdc-429b-475d-ac03-d26f9a2a3210-0")
.click();
await page.waitForTimeout(2000);
diff --git a/src/frontend/tests/onlyFront/group.spec.ts b/src/frontend/tests/onlyFront/group.spec.ts
index 8218e767b..f4cbe8458 100644
--- a/src/frontend/tests/onlyFront/group.spec.ts
+++ b/src/frontend/tests/onlyFront/group.spec.ts
@@ -33,7 +33,8 @@ test.describe("group node test", () => {
return dt;
}, jsonContent);
- // Now dispatch
+ page.waitForTimeout(2000);
+
await page.dispatchEvent(
'//*[@id="root"]/div/div[1]/div[2]/div[3]/div/div',
"drop",
@@ -43,9 +44,7 @@ test.describe("group node test", () => {
);
await page
- .locator(
- '//*[@id="root"]/div/div[1]/div[2]/div[3]/div/div/div/div/div/div/div/div[2]/span[2]'
- )
+ .getByTestId("edit-flow-button-e9ac1bdc-429b-475d-ac03-d26f9a2a3210-0")
.click();
await page.waitForTimeout(2000);
@@ -67,7 +66,6 @@ test.describe("group node test", () => {
});
await page.getByRole("button", { name: "Group" }).click();
- await page.locator("div").filter({ hasText: "Star13756" }).nth(3).click();
const textArea = page.getByTestId("div-textarea-2");
const elementCountText = await textArea.count();
@@ -80,5 +78,7 @@ test.describe("group node test", () => {
if (elementGroup > 0) {
expect(true).toBeTruthy();
}
+
+ // Now dispatch
});
});
diff --git a/src/frontend/tests/onlyFront/saveComponents.spec.ts b/src/frontend/tests/onlyFront/saveComponents.spec.ts
index 07a074bad..a123a422e 100644
--- a/src/frontend/tests/onlyFront/saveComponents.spec.ts
+++ b/src/frontend/tests/onlyFront/saveComponents.spec.ts
@@ -51,9 +51,7 @@ test.describe("save component tests", () => {
);
await page
- .locator(
- '//*[@id="root"]/div/div[1]/div[2]/div[3]/div/div/div/div/div/div/div/div[2]/span[2]'
- )
+ .getByTestId("edit-flow-button-e9ac1bdc-429b-475d-ac03-d26f9a2a3210-0")
.click();
await page.waitForTimeout(2000);
@@ -75,7 +73,6 @@ test.describe("save component tests", () => {
});
await page.getByRole("button", { name: "Group" }).click();
- await page.locator("div").filter({ hasText: "Star13756" }).nth(3).click();
let textArea = page.getByTestId("div-textarea-2");
let elementCountText = await textArea.count();