fix(test): delay apply for alias validation on create new project (#1855)

Co-authored-by: shadow <waqas_zulfiqar@outlook.com>

Author: airslice

e2e/pages/projectsPage.ts

@@ -37,7 +37,9 @@ export class ProjectsPage {
     return this.page.getByTestId(`project-grid-item-title-${projectName}`);
   }
   gridProjectStarButton(projectName: string): Locator {
-    return this.page.getByTestId(`project-grid-item-star-btn-wrapper-${projectName}`).locator('button');
+    return this.page
+      .getByTestId(`project-grid-item-star-btn-wrapper-${projectName}`)
+      .locator("button");
   }
   gridProjectMenuButton(projectName: string): Locator {
     return this.page.getByTestId(`project-grid-item-menu-btn-${projectName}`);
@@ -122,7 +124,10 @@ export class ProjectsPage {
     await this.projectNameInput.fill(projectName);
     await this.projectAliasInput.fill("");
     await this.projectAliasInput.fill(projectAlias);
+    await this.projectAliasInput.blur();
+    await this.page.waitForTimeout(10000);
     await this.descriptionTextarea.fill(description);
+    await expect(this.applyButton).toBeEnabled();
     await this.applyButton.click();
   }
   async deleteProject(projectName: string) {
@@ -154,7 +159,7 @@ export class ProjectsPage {
     const projectItem = this.gridProjectItem(specialProjectName).first();
     await projectItem.hover();
     const starButton = this.gridProjectStarButton(specialProjectName).first();
-    const starIcon = starButton.getByTestId('icon-starFilled');
+    const starIcon = starButton.getByTestId("icon-starFilled");
     await expect(starIcon).toBeVisible();
   }
 
@@ -169,7 +174,7 @@ export class ProjectsPage {
     const projectItem = this.gridProjectItem(specialProjectName).first();
     await projectItem.hover();
     const starButton = this.gridProjectStarButton(specialProjectName).first();
-    const starIcon = starButton.getByTestId('icon-star');
+    const starIcon = starButton.getByTestId("icon-star");
     await expect(starIcon).toBeVisible();
   }
   starredProjectNameMenuBar(projectName: string): Locator {

e2e/playwright.config.ts

@@ -20,9 +20,9 @@ dotenv.config({ path: path.resolve(__dirname, ".env") });
 export default defineConfig({
   globalSetup: require.resolve("./global-setup"),
   expect: {
-    timeout: 15000
+    timeout: 25000
   },
-  timeout: 25000,
+  timeout: 40000,
   testDir: "./tests",
   /* Run tests in files in parallel */
   fullyParallel: false,

e2e/tests/dashboard.spec.ts

@@ -31,7 +31,6 @@ test.describe("DASHBOARD - Test cases", () => {
   let recycleBinPage: RecycleBinPage;
   let projectScreenPage: ProjectScreenPage;
   test.beforeAll(async ({ browser }) => {
-    test.setTimeout(20000);
     context = await browser.newContext({
       recordVideo: {
         dir: "videos/",

e2e/tests/projects.spec.ts

@@ -25,7 +25,6 @@ test.describe("Project Management", () => {
   let projectScreen: ProjectScreenPage;
 
   test.beforeAll(async ({ browser }) => {
-    test.setTimeout(20000);
     context = await browser.newContext({
       recordVideo: {
         dir: "videos/",
@@ -89,6 +88,7 @@ test.describe("Project Management", () => {
   });
 
   test("Should add new layer and add points on the map", async () => {
+    test.setTimeout(60000);
     await projectScreen.createNewLayer(layerName);
     await projectScreen.verifyLayerAdded(layerName);
     await projectScreen.clickLayer(layerName);

web/src/app/features/Dashboard/ContentsContainer/Projects/ProjectCreatorModal.tsx

@@ -57,7 +57,7 @@ const ProjectCreatorModal: FC<ProjectCreatorModalProps> = ({
   const { validateProjectAlias } = useValidateProjectAlias();
   const [currentWorkspace] = useWorkspace();
 
-  const data = useWorkspacePolicyCheck(currentWorkspace?.id as string);
+  const data = useWorkspacePolicyCheck(currentWorkspace?.id ?? "");
   const enableToCreatePrivateProject =
     data?.workspacePolicyCheck?.enableToCreatePrivateProject ?? false;