From bf289bce9f93e81b5919ad00b9ec694185d49e15 Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Wed, 11 Oct 2023 10:30:06 +0530
Subject: [PATCH 1/7] export and archive test

---
 e2e-tests/base.test.ts                        | 160 +++++++++++++++--
 e2e-tests/common.js                           | 161 ++++++++++++------
 e2e-tests/myFixtures.ts                       |  50 +++---
 jsconfig.json                                 |   1 +
 .../src/components/Projects/ProjectList.js    |   2 +-
 .../src/components/Projects/ProjectRow.js     |   4 +-
 renderer/src/components/SnackBar/SnackBar.js  |   2 +-
 renderer/src/layouts/projects/Layout.js       |   4 +-
 renderer/src/modules/projects/Profile.js      |   1 +
 9 files changed, 295 insertions(+), 90 deletions(-)

diff --git a/e2e-tests/base.test.ts b/e2e-tests/base.test.ts
index 8afbb2507..2268a4a95 100644
--- a/e2e-tests/base.test.ts
+++ b/e2e-tests/base.test.ts
@@ -2,7 +2,7 @@
 
 import { test, expect } from './myFixtures';
 import packageInfo from '../package.json';
-import { showLoginPage, checkLogInOrNot, userFile, userFolder, userJson, createProjectValidation, createProjects, unstarProject, starProject, userValidation, signOut, showActiveUsers, searchProject, checkProjectName, checkNotification, goToProjectPage } from './common';
+import { showLoginPage, checkLogInOrNot, userFile, userFolder, userJson, createProjectValidation, createProjects, unstarProject, starProject, userValidation, signOut, showActiveUsers, searchProject, checkProjectName, checkNotification, goToProjectPage, exportProjects, archivedProjects, unarchivedProjects, goToEditProject, changeAppLanguage } from './common';
 
 const fs = require('fs');
 const path = require('path');
@@ -63,8 +63,8 @@ test('Create a new user and login', async ({ userName }) => {
   await window.locator('//input[@placeholder="Username"]').fill(userName)
   await expect(window.locator('//button[@type="submit"]')).toBeVisible()
   await window.click('[type=submit]');
-  const title = await window.locator('//h1[@aria-label="projects"]', { timeout: 10000 }).textContent();
-  expect(title).toBe('Projects');
+  const title = await window.locator('//*[@aria-label="projects"]').textContent();
+  await expect(title).toBe('Projects');
 })
 
 
@@ -87,8 +87,8 @@ test('Click New and Fill project page details to create a new project for text t
   await window.locator('//*[@aria-label="nt-Matthew"]').click()
   await window.locator('//*[@id="save-canon"]').click()
   await window.locator('//button[@aria-label="create"]').click()
-  const notifyMe = await window.textContent('//*[@id="__next"]/div/div[2]/div[2]/div/div')
-  await expect(notifyMe).toBe('New project created')
+  // const notifyMe = await window.textContent('//*[@id="__next"]/div/div[2]/div[2]/div/div')
+  // await expect(notifyMe).toBe('New project created')
   const projectName = await window.innerText(`//div[@id="${textProject}"]`)
   await expect(projectName).toBe(textProject);
 })
@@ -226,13 +226,149 @@ test('Return to the projects from audio editor page', async () => {
 /* about the scribe */
 test("About scribe Application and License", async () => {
   await window.locator('//*[@aria-label="about-button"]').click()
-  const developedby = await window.innerText('[aria-label=developed-by]');
+  const developedby = await window.locator('[aria-label=developed-by]').textContent();
   expect(developedby).toBe('Developed by Bridge Connectivity Solutions');
   await window.click('[aria-label=license-button]');
   await window.locator('//*[@aria-label="about-description"]').click()
   await window.click('[aria-label=close-about]');
-  const title = await window.locator('//h1[@aria-label="projects"]', { timeout: 10000 }).textContent();
-  expect(title).toBe('Projects');
+  const title = await window.locator('//*[@aria-label="projects"]').textContent();
+  await expect(title).toBe('Projects');
+})
+
+/* exports project */
+test("Export text translation project in the Downloads folder", async ({ textProject }) => {
+  await exportProjects(window, expect, textProject)
+})
+
+test("Export the obs project in the Downloads folder", async ({ obsProject }) => {
+  await exportProjects(window, expect, obsProject)
+})
+
+test("Export the audio project in the Downloads folder", async ({ audioProject }) => {
+  await exportProjects(window, expect, audioProject)
+})
+
+/*archive and unarchive project */
+test("Archive text translation project", async ({ textProject }) => {
+  await archivedProjects(window, expect, textProject)
+})
+
+test("Restore text translation project from archived page", async ({ textProject }) => {
+  await unarchivedProjects(window, expect, textProject)
+})
+
+test("Archive obs project", async ({ obsProject }) => {
+  await archivedProjects(window, expect, obsProject)
+})
+
+test("Restore the obs project from archived page", async ({ obsProject }) => {
+  await unarchivedProjects(window, expect, obsProject)
+})
+
+test("Archive audio project", async ({ audioProject }) => {
+  await archivedProjects(window, expect, audioProject)
+})
+
+test("Restore the audio project from the archived page", async ({ audioProject }) => {
+  await unarchivedProjects(window, expect, audioProject)
+})
+
+/*Update/Edit the text translation project */
+test("Update/Edit text translation project of description and abbreviation", async ({ textProject }) => {
+  await goToEditProject(window, expect, textProject)
+  const description = await window.textContent('//textarea[@id="project_description"]')
+  await expect(description).toBe('test description')
+  await window.locator('//textarea[@id="project_description"]').fill('edit test version')
+  const editDescription = await window.textContent('//textarea[@id="project_description"]')
+  await expect(editDescription).toBe('edit test version')
+  await window.locator('input[name="version_abbreviated"]').fill('tvs')
+  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(3000)
+  const title = await window.textContent('[aria-label=projects]');
+  expect(await title).toBe('Projects')
+})
+
+test("Update/Edit text translation project scope mark and luke", async ({ textProject }) => {
+  await goToEditProject(window, expect, textProject)
+  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//button[@id="open-advancesettings"]').click()
+  await expect(window.locator('//div[@aria-label="custom-book"]')).toBeVisible()
+  await window.locator('//div[@aria-label="custom-book"]').click()
+  await window.locator('//*[@aria-label="nt-Mark"]').click()
+  await window.locator('//*[@aria-label="nt-Luke"]').click()
+  await window.locator('//*[@id="save-canon"]').click()
+  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(2500)
+  const title = await window.textContent('[aria-label=projects]');
+  expect(await title).toBe('Projects')
+})
+
+test("Update/Edit text translation project scope custom book into NT", async ({ textProject }) => {
+  await goToEditProject(window, expect, textProject)
+  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//button[@id="open-advancesettings"]').click()
+  await expect(window.locator('//div[@aria-label="new-testament"]')).toBeVisible()
+  await window.locator('//div[@aria-label="new-testament"]').click()
+  await window.locator('//button[contains(text(),"Ok")]').click()
+  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(3000)
+  const title = await window.textContent('[aria-label=projects]');
+  expect(await title).toBe('Projects')
+})
+
+test("Update/Edit text transaltion project scope custom book genesis and exodus from OT", async ({ textProject }) => {
+  await goToEditProject(window, expect, textProject)
+  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//button[@id="open-advancesettings"]').click()
+  await expect(window.locator('//div[@aria-label="custom-book"]')).toBeVisible()
+  await window.locator('//div[@aria-label="custom-book"]').click()
+  await window.locator('//*[@aria-label="ot-Genesis"]').click()
+  await window.locator('//*[@aria-label="ot-Exodus"]').click()
+  await window.locator('//*[@id="save-canon"]').click()
+  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(3000)
+  const title = await window.textContent('[aria-label=projects]');
+  expect(await title).toBe('Projects')
+})
+
+test("Update/Edit text translation project license", async ({ textProject }) => {
+  await goToEditProject(window, expect, textProject)
+  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//button[@id="open-advancesettings"]').click()
+  await window.getByRole('button', { name: 'CC BY-SA' }).click()
+  await window.getByRole('option', { name: 'CC BY', exact: true }).click()
+  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(3000)
+  const title = await window.textContent('[aria-label=projects]');
+  expect(await title).toBe('Projects')
+})
+
+
+/*changing app language */
+test("App language change English to hindi", async () => {
+  await changeAppLanguage(window, expect, "English", "Hindi")
+  const snackbar = await window.locator('//*[@id="__next"]/div[2]/div/div').isVisible()
+  expect(await snackbar === true)
+  const textHindi = await window.locator('//*[@aria-label="projects"]').allTextContents()
+  expect(await textHindi[0]).toBe("प्रोफ़ाइल")
+})
+
+test("App language change Hindi to English", async () => {
+  expect(await window.locator('//*[@aria-label="projectList"]')).toBeVisible()
+  await window.locator('//*[@aria-label="projectList"]').click()
+  await window.waitForTimeout(2000)
+  const title = await window.textContent('[aria-label=projects]', { timeout: 10000 });
+  expect(await title).toBe('प्रोजेक्ट्स')
+  await changeAppLanguage(window, expect, "Hindi", "English")
+  const snackbar = await window.locator('//*[@id="__next"]/div[2]/div/div').isVisible()
+  const profile = await window.locator('//*[@aria-label="projects"]').allTextContents()
+  expect(await profile[0]).toBe("Profile")
+  expect(await snackbar === true)
 })
 
 /*signing out */
@@ -249,8 +385,8 @@ test("Click the view users button, log in with playwright user, and sign out", a
     if (await div.nth(i).textContent() === userName.toLowerCase()) {
       await div.nth(i).click()
       await window.waitForTimeout(1000)
-      const title = await window.locator('//h1[@aria-label="projects"]', { timeout: 10000 }).textContent();
-      expect(title).toBe('Projects')
+      const title = await window.locator('//*[@aria-label="projects"]').textContent();
+      await expect(title).toBe('Projects')
       await signOut(window, expect)
       break
     }
@@ -281,8 +417,8 @@ test("Delete the user from the active tab and check in the archived tab", async
       break
     }
   }
-  const title = await window.locator('//h1[@aria-label="projects"]', { timeout: 10000 }).textContent();
-  expect(title).toBe('Projects')
+  const title = await window.locator('//*[@aria-label="projects"]').textContent();
+  await expect(title).toBe('Projects')
 })
 
 /* logout and delete the playwright user */
diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index f225f96a7..a5742f079 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -1,10 +1,13 @@
 export const checkLogInOrNot = async (window, expect) => {
   await window.waitForSelector('//*[@id="__next"]/div', '//*[@id="__next"]/div[1]', { timeout: 5000 })
-  const textVisble = await window.locator('//h1[@aria-label="projects"]', { timeout: 5000 }).isVisible()
+  const textVisble = await window.locator('//*[@aria-label="projects"]', { timeout: 5000 }).isVisible()
   if (textVisble) {
-    const title = await window.locator('//h1[@aria-label="projects"]').textContent()
-    await expect(title).toBe('Projects')
-
+    const title = await window.locator('//*[@aria-label="projects"]').textContent()
+    if(await title === "Projects"){
+      await expect(title).toBe("Projects")
+    }else{
+      await expect(title).not.toBe('Projects')
+    }
   } else {
     const welcome = await window.locator('//h2[@aria-label="welcome"]', {timeout:5000}).textContent()
     await expect(welcome).toBe("Welcome!")
@@ -55,16 +58,15 @@ export const userValidation = async (window, expect) => {
   await expect(window.locator('//button[@type="submit"]')).toBeVisible()
   await window.click('[type=submit]');
   const lengthError = await window.locator('//*[@id="show-error"]')
-  expect(await lengthError === true)
   expect(await lengthError.textContent()).toBe('The input has to be between 3 and 15 characters long')
 }
 
 // project creation validation
 export const createProjectValidation = async (window, expect) => {
   await window.locator('//button[@aria-label="create"]').click()
-  const snackbar = await window.textContent('//*[@id="__next"]/div/div[2]/div[2]/div/div')
-  expect(await snackbar).toBe('Fill all the fields')
-  const title = await window.locator('//h1[@aria-label="projects"]').textContent();
+  const snackbar = await window.locator('//*[@aria-label="snack-text"]').textContent()
+  await expect(snackbar).toBe('Fill all the fields')
+  const title = await window.locator('//*[@aria-label="projects"]').textContent();
   await expect(title).toBe('New Project');
   await window.waitForTimeout(3000)
 }
@@ -91,48 +93,32 @@ export const createProjects = async (window, expect, projectname, type, descript
   await expect(projectName).toBe(projectname);
 }
 
-// star the project
-export const starProject = async (window, expect, projectname) => {
-  await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
-  const table = window.locator('//*[@id="projects-list"]')
-  const body = table.locator('//*[@id="projects-list-unstar"]')
-  const starBody = table.locator('//*[@id="projects-list-star"]')
+// Star and Unstar
+export const commonUtilExport = async (window, expect, name, clickStar) => {
+  await expect(window.locator('//table[@id="projects-list"]')).toBeVisible()
+  const table = window.locator('//table[@id="projects-list"]')
+  const body = table.locator('//*[@id="projects-list-body"]')
   const rows = await body.locator('tr')
   for (let i = 0; i < await rows.count(); i++) {
     const row = await rows.nth(i);
     const tds = await row.locator('td');
-    if (await tds.nth(1).textContent() === projectname) {
-      expect(await tds.first().locator('[aria-label=unstar-project]')).toBeVisible()
-      await tds.first().locator('[aria-label=unstar-project]').click()
-      expect(await rows.count()).toBe(2)
-      const starRows = await starBody.locator('tr')
-      const starProjectName = await starRows.locator("td").nth(1).innerText()
-      expect(await starProjectName).toBe(projectname)
-      expect(await starRows.count()).toBe(1)
+    if (await tds.nth(1).textContent() === name) {
+      expect(await tds.first().locator(`[aria-label=${clickStar}]`)).toBeVisible()
+      await tds.first().locator(`[aria-label=${clickStar}]`).click()
+      await window.waitForTimeout(500)
       break
     }
   }
 }
 
+// star the project
+export const starProject = async (window, expect, projectname) => {
+  await commonUtilExport(window, expect, projectname, "star-project")
+}
+
 // unstar the project
 export const unstarProject = async (window, expect, projectname) => {
-  await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
-  const table = window.locator('//*[@id="projects-list"]')
-  const body = table.locator('//*[@id="projects-list-star"]')
-  const rows = await body.locator('tr')
-  for (let i = 0; i < await rows.count(); i++) {
-    const row = await rows.nth(i);
-    const tds = await row.locator('td');
-    if (await tds.nth(1).textContent() === projectname) {
-      expect(await tds.first().locator('[aria-label=star-project]')).toBeVisible()
-      await tds.first().locator('[aria-label=star-project]').click()
-      const unstarBody = table.locator('//*[@id="projects-list-unstar"]')
-      const unstarRows = await unstarBody.locator('tr')
-      expect(await rows.count()).toBe(0)
-      expect(await unstarRows.count()).toBe(3)      
-      break;
-    }
-  }
+  await commonUtilExport(window, expect, projectname, "unstar-project")
 }
 
 // search projects
@@ -140,7 +126,7 @@ export const searchProject = async (window, expect, projectName, searchtext) =>
   await window.waitForTimeout(500)
   await expect(window.locator('//input[@id="search_box"]')).toBeVisible()
   await window.locator('//input[@id="search_box"]').fill(searchtext)
-  const projectname = await window.innerText(`//*[@id="${projectName}"]`);
+  const projectname = await window.locator(`//*[@id="${projectName}"]`).textContent()
   await expect(projectname).toBe(projectName);
 }
 
@@ -148,7 +134,7 @@ export const searchProject = async (window, expect, projectName, searchtext) =>
 export const checkProjectName = async (window, expect, name) => {
   await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
   const table = window.locator('//*[@id="projects-list"]')
-  const body = table.locator('//*[@id="projects-list-unstar"]')
+  const body = table.locator('//*[@id="projects-list-body"]')
   const rows = await body.locator('tr')
   for (let i = 0; i < await rows.count(); i++) {
     const row = await rows.nth(i);
@@ -159,15 +145,16 @@ export const checkProjectName = async (window, expect, name) => {
     }
   }
   await window.waitForTimeout(1000)
-  const projectname = await window.locator('[aria-label=editor-project-name]', { timeout: 10000 }).textContent()
-  expect(projectname).toBe(name);
+  const projectname = await window.locator('[aria-label=editor-project-name]').textContent({ timeout: 30000 })
+  await expect(projectname).toBe(name);
 }
 
 // check notification
 export const checkNotification = async (window, expect) => {
   await window.locator('//*[@aria-label="notification-button"]').click()
-  const title = await window.innerText('[aria-label=notification-title]');
-  await expect(title).toBe('NOTIFICATIONS');
+  await window.waitForTimeout(1000)
+  const title = await window.locator('[aria-label=notification-title]').textContent();
+  await expect(title).toBe('Notifications');
   await window.locator('//*[@aria-label="close-notification"]').click()
 }
 
@@ -175,12 +162,90 @@ export const checkNotification = async (window, expect) => {
 export const goToProjectPage = async (window, expect) => {
   await expect(window.locator('//*[@id="back-button"]')).toBeVisible()
   await window.locator('//*[@id="back-button"]').click();
-  const title = await window.locator('//h1[@aria-label="projects"]', { timeout: 10000 }).textContent();
-  expect(title).toBe('Projects');
+  const title = await window.locator('//*[@aria-label="projects"]').textContent();
+  await expect(title).toBe('Projects');
   await window.waitForTimeout(1000)
 }
 
-// sing out
+// common function for looping the table
+export const commonUtilArchive = async (window, expect, projectName, clickItem) => {
+  await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
+  const table = window.locator('//*[@id="projects-list"]')
+  const body = table.locator('//*[@id="projects-list-body"]')
+  const rows = await body.locator('tr')
+  for (let i = 0; i < await rows.count(); i++) {
+    const row = await rows.nth(i);
+    const tds = await row.locator('td');
+    if (await tds.nth(1).textContent() === projectName) {
+      expect(await tds.last().locator('[aria-label="expand-project"]')).toBeVisible()
+      await tds.last().locator('[aria-label="expand-project"]').click()
+      await window.waitForTimeout(1000)
+      await window.locator('//*[@aria-label="menu-project"]').click()
+      await window.locator(`//*[@aria-label="${clickItem}"]`).click()
+      break
+    }
+  }
+}
+
+// export projects
+export const exportProjects = async (window, expect, projectname) => {
+  const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
+  const userpath = newpath.userPath.split(".")[0]
+  await commonUtilArchive(window, expect, projectname, "export-project")
+  await expect(window.locator('input[name="location"]')).toBeVisible()
+  await window.locator('input[name="location"]').fill(`${userpath}/Downloads`)
+  await window.locator('//*[@aria-label="export-projects"]').click()
+  await window.waitForTimeout(2000)
+  const snackText = await window.locator('//*[@aria-label="snack-text"]').textContent()
+  await expect(snackText).toBe("Exported Successfully")
+  await window.locator('[aria-label=arrow-up]').click()
+}
+
+
+// archived projects
+export const archivedProjects = async (window, expect, projectname) => {
+  await commonUtilArchive(window, expect, projectname, "archive-restore-project")
+  await window.locator('//*[@aria-label="archived-projects"]').click()
+  const archiveTitle = await window.locator('//*[@aria-label="projects"]').textContent()
+  await expect(archiveTitle).toBe("Archived projects")
+  const projectName = await window.innerText(`//div[@id="${projectname}"]`)
+  await expect(projectName).toBe(projectname);
+  await window.locator('//*[@aria-label="active-projects"]').click()
+  const projectTitle = await window.locator('//*[@aria-label="projects"]').textContent()
+  await expect(projectTitle).toBe('Projects');
+}
+
+// unarchived projects
+export const unarchivedProjects = async (window, expect, projectname) => {
+  await window.locator('//*[@aria-label="archived-projects"]').click()
+  await commonUtilArchive(window, expect, projectname, "archive-restore-project")
+  const archiveTitle = await window.locator('//*[@aria-label="projects"]').textContent()
+  await expect(archiveTitle).toBe("Archived projects")
+  await window.locator('//*[@aria-label="active-projects"]').click()
+  const projectName = await window.innerText(`//div[@id="${projectname}"]`)
+  await expect(projectName).toBe(projectname);
+  const projectTitle = await window.locator('//*[@aria-label="projects"]').textContent()
+  await expect(projectTitle).toBe('Projects');
+}
+
+export const goToEditProject = async (window, expect, projectName) => {
+  await commonUtilArchive(window, expect, projectName, "edit-project")
+  const editTitle = await window.locator('//*[@aria-label="projects"]').textContent()
+  await expect(editTitle).toBe('Edit Project');
+}
+
+export const changeAppLanguage = async (window, expect, fromLanguage, toLanguage) => {
+  expect(await window.locator('//*[@id="user-profile"]')).toBeVisible()
+  await window.locator('//*[@id="user-profile"]').click()
+  expect(await window.locator('//*[@aria-label="user-profile"]')).toBeVisible()
+  await window.locator('//*[@aria-label="user-profile"]').click()
+  await window.getByRole('button', { name: fromLanguage }).click()
+  await window.getByRole('option', { name: toLanguage }).click()
+  expect(await window.locator('//*[@id="save-profile"]')).toBeVisible()
+  await window.locator('//*[@id="save-profile"]').click()
+}
+
+// sign out
 export const signOut = async (window, expect) => {
   await expect(window.locator('//*[@id="user-profile"]')).toBeVisible()
   await window.locator('//*[@id="user-profile"]').click()
diff --git a/e2e-tests/myFixtures.ts b/e2e-tests/myFixtures.ts
index 7c0318327..884385686 100644
--- a/e2e-tests/myFixtures.ts
+++ b/e2e-tests/myFixtures.ts
@@ -1,32 +1,32 @@
-import {test as myTest} from "@playwright/test"
+import { test as myTest } from "@playwright/test"
 
 type myFixture = {
-    userName: string
-    textProject: string,
-    obsProject: string,
-    audioProject: string,
-    syncName:string,
-    doorUser:string,
-    doorPassword:string,
-    flavorText:string,
-    flavorObs:string
-    textUnderscore:string,
-    obsUnderscore:string,
-    obsUrduProject:string,
+  userName: string
+  textProject: string,
+  obsProject: string,
+  audioProject: string,
+  syncName: string,
+  doorUser: string,
+  doorPassword: string,
+  flavorText: string,
+  flavorObs: string
+  textUnderscore: string,
+  obsUnderscore: string,
+  obsUrduProject: string,
 }
 const myFixtureTest = myTest.extend<myFixture>({
-    userName : "Playwright user",
-    textProject: "Translation test project",
-    obsProject: "Obs test project",
-    textUnderscore: "Translation_test_project",
-    obsUnderscore: "Obs_test_project",
-    audioProject: "Audio test project",
-    syncName:"Sync_Collab_Test",
-    doorUser:"bobby",
-    doorPassword:"Bobby@123",
-    flavorText: "textTranslation",
-    flavorObs: "textStories",
-    obsUrduProject: "Obs urdu project",
+  userName: "Playwright user",
+  textProject: "Translation test project",
+  obsProject: "Obs test project",
+  textUnderscore: "Translation_test_project",
+  obsUnderscore: "Obs_test_project",
+  audioProject: "Audio test project",
+  syncName: "Sync_Collab_Test",
+  doorUser: "bobby",
+  doorPassword: "Bobby@123",
+  flavorText: "textTranslation",
+  flavorObs: "textStories",
+  obsUrduProject: "Obs urdu project",
 })
 
 export const test = myFixtureTest;
diff --git a/jsconfig.json b/jsconfig.json
index f94e0cddc..4138fa416 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "resolveJsonModule": true,
     "baseUrl": ".",
     "paths": {
       "@/icons/*": [
diff --git a/renderer/src/components/Projects/ProjectList.js b/renderer/src/components/Projects/ProjectList.js
index 8c58286f4..4c8f691e3 100644
--- a/renderer/src/components/Projects/ProjectList.js
+++ b/renderer/src/components/Projects/ProjectList.js
@@ -82,7 +82,7 @@ export default function ProjectList() {
                 <div className="-my-2 sm:-mx-6 lg:-mx-8">
                   <div className="align-middle inline-block min-w-full sm:px-6 lg:px-8">
                     <div className="shadow border-b border-gray-200 sm:rounded-lg">
-                      <table data-testid="tablelayout" className="min-w-full divide-y divide-gray-200 mb-9">
+                      <table data-testid="tablelayout" id="projects-list" className="min-w-full divide-y divide-gray-200 mb-9">
                         <EnhancedTableHead
                           order={order}
                           orderBy={orderBy}
diff --git a/renderer/src/components/Projects/ProjectRow.js b/renderer/src/components/Projects/ProjectRow.js
index dce122b0f..e2be8b1cb 100644
--- a/renderer/src/components/Projects/ProjectRow.js
+++ b/renderer/src/components/Projects/ProjectRow.js
@@ -54,7 +54,7 @@ const ProjectRow = ({
     return 0;
   }
   return (
-    <tbody className="bg-white divide-y divide-gray-200">
+    <tbody className="bg-white divide-y divide-gray-200" id="projects-list-body">
       {projects && (stableSort(
         projects,
         getComparator(order, orderBy),
@@ -167,6 +167,7 @@ const ProjectRow = ({
                               {({ active }) => (
                                 <button
                                   type="button"
+                                  aria-label="export-project"
                                   className={`${active ? 'bg-primary text-white' : 'text-gray-900'
                                     } group rounded-md items-center w-full px-2 py-2 text-sm ${project.isArchived ? 'hidden' : 'flex'}`}
                                   onClick={() => openExportPopUp(project)}
@@ -179,6 +180,7 @@ const ProjectRow = ({
                               {({ active }) => (
                                 <button
                                   type="button"
+                                  aria-label="archive-restore-project"
                                   className={`${active ? 'bg-primary text-white' : 'text-gray-900'
                                     } group flex rounded-md items-center w-full px-2 py-2 text-sm`}
                                   onClick={() => {
diff --git a/renderer/src/components/SnackBar/SnackBar.js b/renderer/src/components/SnackBar/SnackBar.js
index eeab812b1..7fd91db13 100644
--- a/renderer/src/components/SnackBar/SnackBar.js
+++ b/renderer/src/components/SnackBar/SnackBar.js
@@ -66,7 +66,7 @@ const SnackBar = ({
             >
               <XMarkIcon />
             </button>
-            <p>
+            <p aria-label="snack-text">
               {snackText}
             </p>
           </div>
diff --git a/renderer/src/layouts/projects/Layout.js b/renderer/src/layouts/projects/Layout.js
index 9c4898ab2..7c4b023f5 100644
--- a/renderer/src/layouts/projects/Layout.js
+++ b/renderer/src/layouts/projects/Layout.js
@@ -103,12 +103,12 @@ export default function ProjectsLayout(props) {
                           {showArchived ? (
                             <>
                               <ComputerDesktopIcon className="h-4 mr-2 text-white" />
-                              <span>{t('label-active')}</span>
+                              <span aria-label="active-projects">{t('label-active')}</span>
                             </>
                           ) : (
                             <>
                               <ArchiveBoxIcon className="h-4 mr-2 text-white" />
-                              <span>{t('label-archived')}</span>
+                              <span aria-label="archived-projects">{t('label-archived')}</span>
                             </>
                           )}
                         </button>
diff --git a/renderer/src/modules/projects/Profile.js b/renderer/src/modules/projects/Profile.js
index 91e20f22e..6b25f923c 100644
--- a/renderer/src/modules/projects/Profile.js
+++ b/renderer/src/modules/projects/Profile.js
@@ -326,6 +326,7 @@ export default function UserProfile() {
 
               <button
                 type="submit"
+                id="save-profile"
                 className=" w-20 h-9 bg-success  shadow-md font-light text-white border-none text-xs leading-5 rounded uppercase mb-5"
               >
                 {t('btn-save')}

From 522b714716245aca0f8caa488e6ce7403e9afb3a Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Wed, 11 Oct 2023 12:14:42 +0530
Subject: [PATCH 2/7] comment added

---
 e2e-tests/base.test.ts | 19 +++++++++++++------
 e2e-tests/common.js    | 23 ++++++++++++++---------
 2 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/e2e-tests/base.test.ts b/e2e-tests/base.test.ts
index 2268a4a95..e3d80a277 100644
--- a/e2e-tests/base.test.ts
+++ b/e2e-tests/base.test.ts
@@ -2,7 +2,15 @@
 
 import { test, expect } from './myFixtures';
 import packageInfo from '../package.json';
-import { showLoginPage, checkLogInOrNot, userFile, userFolder, userJson, createProjectValidation, createProjects, unstarProject, starProject, userValidation, signOut, showActiveUsers, searchProject, checkProjectName, checkNotification, goToProjectPage, exportProjects, archivedProjects, unarchivedProjects, goToEditProject, changeAppLanguage } from './common';
+import {
+  showLoginPage, checkLogInOrNot, userFile,
+  userFolder, userJson, createProjectValidation,
+  createProjects, unstarProject, starProject,
+  userValidation, signOut, showActiveUsers,
+  searchProject, checkProjectName, checkNotification,
+  goToProjectPage, exportProjects, archivedProjects,
+  unarchivedProjects, goToEditProject, changeAppLanguage
+} from './common';
 
 const fs = require('fs');
 const path = require('path');
@@ -87,8 +95,6 @@ test('Click New and Fill project page details to create a new project for text t
   await window.locator('//*[@aria-label="nt-Matthew"]').click()
   await window.locator('//*[@id="save-canon"]').click()
   await window.locator('//button[@aria-label="create"]').click()
-  // const notifyMe = await window.textContent('//*[@id="__next"]/div/div[2]/div[2]/div/div')
-  // await expect(notifyMe).toBe('New project created')
   const projectName = await window.innerText(`//div[@id="${textProject}"]`)
   await expect(projectName).toBe(textProject);
 })
@@ -248,7 +254,7 @@ test("Export the audio project in the Downloads folder", async ({ audioProject }
   await exportProjects(window, expect, audioProject)
 })
 
-/*archive and unarchive project */
+/* archive and unarchive project */
 test("Archive text translation project", async ({ textProject }) => {
   await archivedProjects(window, expect, textProject)
 })
@@ -273,7 +279,7 @@ test("Restore the audio project from the archived page", async ({ audioProject }
   await unarchivedProjects(window, expect, audioProject)
 })
 
-/*Update/Edit the text translation project */
+/* Update/Edit the text translation project */
 test("Update/Edit text translation project of description and abbreviation", async ({ textProject }) => {
   await goToEditProject(window, expect, textProject)
   const description = await window.textContent('//textarea[@id="project_description"]')
@@ -349,7 +355,7 @@ test("Update/Edit text translation project license", async ({ textProject }) =>
 })
 
 
-/*changing app language */
+/*changing app language english to hindi */
 test("App language change English to hindi", async () => {
   await changeAppLanguage(window, expect, "English", "Hindi")
   const snackbar = await window.locator('//*[@id="__next"]/div[2]/div/div').isVisible()
@@ -358,6 +364,7 @@ test("App language change English to hindi", async () => {
   expect(await textHindi[0]).toBe("प्रोफ़ाइल")
 })
 
+/*changing app language hindi to english */
 test("App language change Hindi to English", async () => {
   expect(await window.locator('//*[@aria-label="projectList"]')).toBeVisible()
   await window.locator('//*[@aria-label="projectList"]').click()
diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index a5742f079..971f1a3a5 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -15,7 +15,7 @@ export const checkLogInOrNot = async (window, expect) => {
   }
   return textVisble;
 }
-
+// parse users json
 export const userJson = async (window, packageInfo, fs, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   const file = path.join(newpath.userPath, packageInfo.name, 'users', 'users.json');
@@ -23,16 +23,19 @@ export const userJson = async (window, packageInfo, fs, path) => {
   return JSON.parse(data);
 }
 
+// user directory name
 export const userFolder = async (window, userName, packageInfo, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   return path.join(newpath.userPath, packageInfo.name, 'users', userName.toLowerCase())
 }
 
+// users json
 export const userFile = async (window, packageInfo, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   return path.join(newpath.userPath, packageInfo.name, 'users', 'users.json');
 }
 
+// removing user directory/folder
 export const removeFolderAndFile = async (fs, folder, userName, json, file) => {
   fs.rmSync(folder, { recursive: true, force: true })
   const filtered = json.filter((item) =>
@@ -94,7 +97,7 @@ export const createProjects = async (window, expect, projectname, type, descript
 }
 
 // Star and Unstar
-export const commonUtilExport = async (window, expect, name, clickStar) => {
+export const starUnstar = async (window, expect, name, clickStar) => {
   await expect(window.locator('//table[@id="projects-list"]')).toBeVisible()
   const table = window.locator('//table[@id="projects-list"]')
   const body = table.locator('//*[@id="projects-list-body"]')
@@ -113,12 +116,12 @@ export const commonUtilExport = async (window, expect, name, clickStar) => {
 
 // star the project
 export const starProject = async (window, expect, projectname) => {
-  await commonUtilExport(window, expect, projectname, "star-project")
+  await starUnstar(window, expect, projectname, "star-project")
 }
 
 // unstar the project
 export const unstarProject = async (window, expect, projectname) => {
-  await commonUtilExport(window, expect, projectname, "unstar-project")
+  await starUnstar(window, expect, projectname, "unstar-project")
 }
 
 // search projects
@@ -168,7 +171,7 @@ export const goToProjectPage = async (window, expect) => {
 }
 
 // common function for looping the table
-export const commonUtilArchive = async (window, expect, projectName, clickItem) => {
+export const commonFilterTable = async (window, expect, projectName, clickItem) => {
   await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
   const table = window.locator('//*[@id="projects-list"]')
   const body = table.locator('//*[@id="projects-list-body"]')
@@ -191,7 +194,7 @@ export const commonUtilArchive = async (window, expect, projectName, clickItem)
 export const exportProjects = async (window, expect, projectname) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   const userpath = newpath.userPath.split(".")[0]
-  await commonUtilArchive(window, expect, projectname, "export-project")
+  await commonFilterTable(window, expect, projectname, "export-project")
   await expect(window.locator('input[name="location"]')).toBeVisible()
   await window.locator('input[name="location"]').fill(`${userpath}/Downloads`)
   await window.locator('//*[@aria-label="export-projects"]').click()
@@ -204,7 +207,7 @@ export const exportProjects = async (window, expect, projectname) => {
 
 // archived projects
 export const archivedProjects = async (window, expect, projectname) => {
-  await commonUtilArchive(window, expect, projectname, "archive-restore-project")
+  await commonFilterTable(window, expect, projectname, "archive-restore-project")
   await window.locator('//*[@aria-label="archived-projects"]').click()
   const archiveTitle = await window.locator('//*[@aria-label="projects"]').textContent()
   await expect(archiveTitle).toBe("Archived projects")
@@ -218,7 +221,7 @@ export const archivedProjects = async (window, expect, projectname) => {
 // unarchived projects
 export const unarchivedProjects = async (window, expect, projectname) => {
   await window.locator('//*[@aria-label="archived-projects"]').click()
-  await commonUtilArchive(window, expect, projectname, "archive-restore-project")
+  await commonFilterTable(window, expect, projectname, "archive-restore-project")
   const archiveTitle = await window.locator('//*[@aria-label="projects"]').textContent()
   await expect(archiveTitle).toBe("Archived projects")
   await window.locator('//*[@aria-label="active-projects"]').click()
@@ -228,12 +231,14 @@ export const unarchivedProjects = async (window, expect, projectname) => {
   await expect(projectTitle).toBe('Projects');
 }
 
+// Return update/edit page
 export const goToEditProject = async (window, expect, projectName) => {
-  await commonUtilArchive(window, expect, projectName, "edit-project")
+  await commonFilterTable(window, expect, projectName, "edit-project")
   const editTitle = await window.locator('//*[@aria-label="projects"]').textContent()
   await expect(editTitle).toBe('Edit Project');
 }
 
+// Change app language
 export const changeAppLanguage = async (window, expect, fromLanguage, toLanguage) => {
   expect(await window.locator('//*[@id="user-profile"]')).toBeVisible()
   await window.locator('//*[@id="user-profile"]').click()

From 1e2712f3c9107709e50faa61b59ecb90ad4a8dbf Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Wed, 11 Oct 2023 14:43:40 +0530
Subject: [PATCH 3/7] increase timeout for editor

---
 e2e-tests/common.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index 971f1a3a5..b571caea0 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -148,8 +148,9 @@ export const checkProjectName = async (window, expect, name) => {
     }
   }
   await window.waitForTimeout(1000)
-  const projectname = await window.locator('[aria-label=editor-project-name]').textContent({ timeout: 30000 })
-  await expect(projectname).toBe(name);
+  await window.waitForSelector('[aria-label=editor-project-name]',{ timeout: 120000 })
+  const projectname = await window.locator('[aria-label=editor-project-name]').textContent()
+  expect(await projectname).toBe(name);
 }
 
 // check notification

From 98e649ccaeaadb32aae71de2006849ae9f854fbf Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Wed, 11 Oct 2023 15:40:51 +0530
Subject: [PATCH 4/7] comment added

---
 e2e-tests/base.test.ts                        | 33 +++++++----
 e2e-tests/common.js                           | 55 ++++++++++---------
 .../src/components/Profile/UserProfile.js     |  2 +-
 3 files changed, 51 insertions(+), 39 deletions(-)

diff --git a/e2e-tests/base.test.ts b/e2e-tests/base.test.ts
index e3d80a277..d3d432d1f 100644
--- a/e2e-tests/base.test.ts
+++ b/e2e-tests/base.test.ts
@@ -46,20 +46,29 @@ test('If logged IN then logout and delete that user from the backend', async ({
   const folder = await userFolder(window, userName, packageInfo, path)
 
   if (await checkLogInOrNot(window, expect)) {
-    expect(await window.locator('//*[@id="user-profile"]')).toBeVisible()
-    await window.locator('//*[@id="user-profile"]').click()
-    const currentUser = await window.textContent('[aria-label="userName"]')
-    expect(await window.locator('//*[@aria-label="signout"]')).toBeVisible()
-    await window.locator('//*[@aria-label="signout"]').click()
-    // projects page then logout and delete playwright user
+    // Check if user profile image is visible
+    const userProfileImage = window.locator('//*[@id="user-profile-image"]');
+    expect(await userProfileImage.isVisible()).toBeTruthy();
+    await userProfileImage.click();
+
+    // Get the current user's name
+    const currentUser = await window.textContent('[aria-label="userName"]');
+    expect(currentUser).not.toBeNull();
+
+    // Check if signout button is visible
+    const signoutButton = window.locator('//*[@aria-label="signout"]');
+    expect(await signoutButton.isVisible()).toBeTruthy();
+    await signoutButton.click();
+
+    // If the current user matches and the folder exists, log out and delete the user
     if (currentUser.toLowerCase() === userName.toLowerCase() && await fs.existsSync(folder)) {
-      await showLoginPage(fs, folder, userName, json, file, window, expect)
+      await showLoginPage(fs, folder, userName, json, file, window, expect);
     }
   } else {
-    // loging page, if playwright user exist then reload app and remove 
-    const existUser = json.some((item) => item.username.toLowerCase() === userName.toLowerCase())
+    // On the login page, if the playwright user exists, reload the app and remove it
+    const existUser = json.some((item) => item.username.toLowerCase() === userName.toLowerCase());
     if (existUser && await fs.existsSync(folder)) {
-      await showLoginPage(fs, folder, userName, json, file, window, expect)
+      await showLoginPage(fs, folder, userName, json, file, window, expect);
     }
   }
 
@@ -436,8 +445,8 @@ test("Logout and delete that playwright user from the backend", async ({ userNam
   const file = await userFile(window, packageInfo, path)
   // user folde name
   const folder = await userFolder(window, userName, packageInfo, path)
-  expect(await window.locator('//*[@id="user-profile"]')).toBeVisible()
-  await window.locator('//*[@id="user-profile"]').click()
+  expect(await window.locator('//*[@id="user-profile-image"]')).toBeVisible()
+  await window.locator('//*[@id="user-profile-image"]').click()
   const currentUser = await window.textContent('[aria-label="userName"]')
   expect(await window.locator('//*[@aria-label="signout"]')).toBeVisible()
   await window.locator('//*[@aria-label="signout"]').click()
diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index b571caea0..77167782d 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -1,7 +1,8 @@
 export const checkLogInOrNot = async (window, expect) => {
   await window.waitForSelector('//*[@id="__next"]/div', '//*[@id="__next"]/div[1]', { timeout: 5000 })
-  const textVisble = await window.locator('//*[@aria-label="projects"]', { timeout: 5000 }).isVisible()
+  const textVisble = await window.locator('//*[@aria-label="projects"]').isVisible()
   if (textVisble) {
+    // If 'projects' is visible, check the title
     const title = await window.locator('//*[@aria-label="projects"]').textContent()
     if(await title === "Projects"){
       await expect(title).toBe("Projects")
@@ -9,13 +10,15 @@ export const checkLogInOrNot = async (window, expect) => {
       await expect(title).not.toBe('Projects')
     }
   } else {
+    // If 'projects' is not visible, check the 'welcome' element
     const welcome = await window.locator('//h2[@aria-label="welcome"]', {timeout:5000}).textContent()
     await expect(welcome).toBe("Welcome!")
     await window.reload()
   }
   return textVisble;
 }
-// parse users json
+
+// Retrieves and parses a JSON file containing user information
 export const userJson = async (window, packageInfo, fs, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   const file = path.join(newpath.userPath, packageInfo.name, 'users', 'users.json');
@@ -23,19 +26,19 @@ export const userJson = async (window, packageInfo, fs, path) => {
   return JSON.parse(data);
 }
 
-// user directory name
+// Constructs the path to a user's folder.
 export const userFolder = async (window, userName, packageInfo, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   return path.join(newpath.userPath, packageInfo.name, 'users', userName.toLowerCase())
 }
 
-// users json
+// Constructs the path to the users' JSON file.
 export const userFile = async (window, packageInfo, path) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   return path.join(newpath.userPath, packageInfo.name, 'users', 'users.json');
 }
 
-// removing user directory/folder
+// Removes a user's directory and updates the users' JSON file
 export const removeFolderAndFile = async (fs, folder, userName, json, file) => {
   fs.rmSync(folder, { recursive: true, force: true })
   const filtered = json.filter((item) =>
@@ -44,7 +47,7 @@ export const removeFolderAndFile = async (fs, folder, userName, json, file) => {
   return await fs.writeFileSync(file, JSON.stringify(filtered))
 }
 
-// display welcome page
+// Displays the welcome page after removing a user's folder.
 export const showLoginPage = async (fs, folder, userName, json, file, window, expect) => {
   await removeFolderAndFile(fs, folder, userName, json, file)
   const welcome = await window.locator('//h2[@aria-label="welcome"]', {timeout:5000}).textContent()
@@ -52,7 +55,7 @@ export const showLoginPage = async (fs, folder, userName, json, file, window, ex
   await window.reload()
 }
 
-// user validation
+// Performs user validation checks.
 export const userValidation = async (window, expect) => {
   expect(await window.locator('//*[@aria-label="create-new-account"]')).toBeVisible()
   await window.locator('//*[@aria-label="create-new-account"]').click()
@@ -64,7 +67,7 @@ export const userValidation = async (window, expect) => {
   expect(await lengthError.textContent()).toBe('The input has to be between 3 and 15 characters long')
 }
 
-// project creation validation
+// Performs project creation validation checks.
 export const createProjectValidation = async (window, expect) => {
   await window.locator('//button[@aria-label="create"]').click()
   const snackbar = await window.locator('//*[@aria-label="snack-text"]').textContent()
@@ -74,7 +77,7 @@ export const createProjectValidation = async (window, expect) => {
   await window.waitForTimeout(3000)
 }
 
-/* function for creating a project for obs and audio */
+/* Creates a project with a given name, type, description, and abbreviation. */
 export const createProjects = async (window, expect, projectname, type, description, abb) => {
   await expect(window.locator('//a[@aria-label="new"]')).toBeVisible()
   await window.locator('//a[@aria-label="new"]').click()
@@ -96,7 +99,7 @@ export const createProjects = async (window, expect, projectname, type, descript
   await expect(projectName).toBe(projectname);
 }
 
-// Star and Unstar
+// Stars or unstars a project
 export const starUnstar = async (window, expect, name, clickStar) => {
   await expect(window.locator('//table[@id="projects-list"]')).toBeVisible()
   const table = window.locator('//table[@id="projects-list"]')
@@ -114,17 +117,17 @@ export const starUnstar = async (window, expect, name, clickStar) => {
   }
 }
 
-// star the project
+// Stars a project
 export const starProject = async (window, expect, projectname) => {
   await starUnstar(window, expect, projectname, "star-project")
 }
 
-// unstar the project
+// Untars a project
 export const unstarProject = async (window, expect, projectname) => {
   await starUnstar(window, expect, projectname, "unstar-project")
 }
 
-// search projects
+// Searches for a project with a given name.
 export const searchProject = async (window, expect, projectName, searchtext) => {
   await window.waitForTimeout(500)
   await expect(window.locator('//input[@id="search_box"]')).toBeVisible()
@@ -153,7 +156,7 @@ export const checkProjectName = async (window, expect, name) => {
   expect(await projectname).toBe(name);
 }
 
-// check notification
+// Checks for notifications.
 export const checkNotification = async (window, expect) => {
   await window.locator('//*[@aria-label="notification-button"]').click()
   await window.waitForTimeout(1000)
@@ -162,7 +165,7 @@ export const checkNotification = async (window, expect) => {
   await window.locator('//*[@aria-label="close-notification"]').click()
 }
 
-// back button in editor page
+// Navigates back to the project page from the editor
 export const goToProjectPage = async (window, expect) => {
   await expect(window.locator('//*[@id="back-button"]')).toBeVisible()
   await window.locator('//*[@id="back-button"]').click();
@@ -171,7 +174,7 @@ export const goToProjectPage = async (window, expect) => {
   await window.waitForTimeout(1000)
 }
 
-// common function for looping the table
+// Common function for interacting with tables.
 export const commonFilterTable = async (window, expect, projectName, clickItem) => {
   await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
   const table = window.locator('//*[@id="projects-list"]')
@@ -191,7 +194,7 @@ export const commonFilterTable = async (window, expect, projectName, clickItem)
   }
 }
 
-// export projects
+// Exports a project to a specified location
 export const exportProjects = async (window, expect, projectname) => {
   const newpath = await window.evaluate(() => Object.assign({}, window.localStorage))
   const userpath = newpath.userPath.split(".")[0]
@@ -206,7 +209,7 @@ export const exportProjects = async (window, expect, projectname) => {
 }
 
 
-// archived projects
+// Moves a project to the archived projects section
 export const archivedProjects = async (window, expect, projectname) => {
   await commonFilterTable(window, expect, projectname, "archive-restore-project")
   await window.locator('//*[@aria-label="archived-projects"]').click()
@@ -219,7 +222,7 @@ export const archivedProjects = async (window, expect, projectname) => {
   await expect(projectTitle).toBe('Projects');
 }
 
-// unarchived projects
+// Moves a project back from archived to active projects.
 export const unarchivedProjects = async (window, expect, projectname) => {
   await window.locator('//*[@aria-label="archived-projects"]').click()
   await commonFilterTable(window, expect, projectname, "archive-restore-project")
@@ -232,17 +235,17 @@ export const unarchivedProjects = async (window, expect, projectname) => {
   await expect(projectTitle).toBe('Projects');
 }
 
-// Return update/edit page
+// Navigates to the project editing page.
 export const goToEditProject = async (window, expect, projectName) => {
   await commonFilterTable(window, expect, projectName, "edit-project")
   const editTitle = await window.locator('//*[@aria-label="projects"]').textContent()
   await expect(editTitle).toBe('Edit Project');
 }
 
-// Change app language
+// Changes the application's language.
 export const changeAppLanguage = async (window, expect, fromLanguage, toLanguage) => {
-  expect(await window.locator('//*[@id="user-profile"]')).toBeVisible()
-  await window.locator('//*[@id="user-profile"]').click()
+  expect(await window.locator('//*[@id="user-profile-image"]')).toBeVisible()
+  await window.locator('//*[@id="user-profile-image"]').click()
   expect(await window.locator('//*[@aria-label="user-profile"]')).toBeVisible()
   await window.locator('//*[@aria-label="user-profile"]').click()
   await window.getByRole('button', { name: fromLanguage }).click()
@@ -253,8 +256,8 @@ export const changeAppLanguage = async (window, expect, fromLanguage, toLanguage
 
 // sign out
 export const signOut = async (window, expect) => {
-  await expect(window.locator('//*[@id="user-profile"]')).toBeVisible()
-  await window.locator('//*[@id="user-profile"]').click()
+  await expect(window.locator('//*[@id="user-profile-image"]')).toBeVisible()
+  await window.locator('//*[@id="user-profile-image"]').click()
   await expect(window.locator('//*[@aria-label="signout"]')).toBeVisible()
   await window.locator('//*[@aria-label="signout"]').click()
   await window.waitForTimeout(1000)
@@ -263,7 +266,7 @@ export const signOut = async (window, expect) => {
   await window.waitForTimeout(200)
 }
 
-// show active user by clicking the view more but in login page
+// Shows a list of active users.
 export const showActiveUsers = async (window, expect) => {
   await expect(window.locator('//*[@id="view-more"]', {timeout:5000})).toBeVisible()
   await window.locator('//*[@id="view-more"]', {timeout:5000}).click()
diff --git a/renderer/src/components/Profile/UserProfile.js b/renderer/src/components/Profile/UserProfile.js
index 8c5be9f40..a308b706a 100644
--- a/renderer/src/components/Profile/UserProfile.js
+++ b/renderer/src/components/Profile/UserProfile.js
@@ -49,7 +49,7 @@ const UserProfile = () => {
           <>
             <div>
               <Menu.Button
-                id="user-profile"
+                id="user-profile-image"
                 className="max-w-xs bg-gray-800 border-4 border-white rounded-full flex items-center text-sm
                 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-gray-700"
               >

From 3c46ecb587d3ff5e8d60f8eca7d126d34a2b5b79 Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Thu, 12 Oct 2023 10:26:50 +0530
Subject: [PATCH 5/7] target langauge test

---
 e2e-tests/base.test.ts                        | 83 ++++++++++++-------
 e2e-tests/common.js                           | 54 ++++++++++++
 .../CreateProject/AdvancedSettingsDropdown.js |  1 +
 .../ResourceUtils/CustomMultiComboBox.js      |  3 +-
 4 files changed, 111 insertions(+), 30 deletions(-)

diff --git a/e2e-tests/base.test.ts b/e2e-tests/base.test.ts
index d3d432d1f..3d2b3d981 100644
--- a/e2e-tests/base.test.ts
+++ b/e2e-tests/base.test.ts
@@ -9,7 +9,7 @@ import {
   userValidation, signOut, showActiveUsers,
   searchProject, checkProjectName, checkNotification,
   goToProjectPage, exportProjects, archivedProjects,
-  unarchivedProjects, goToEditProject, changeAppLanguage
+  unarchivedProjects, goToEditProject, changeAppLanguage, changeTargetLanguage, projectTargetLanguage, userProfileValidaiton
 } from './common';
 
 const fs = require('fs');
@@ -97,10 +97,10 @@ test('Click New and Fill project page details to create a new project for text t
   await window.locator('//textarea[@id="project_description"]').fill('test description')
   await expect(window.locator('//input[@id="version_abbreviated"]')).toBeVisible()
   await window.locator('//input[@id="version_abbreviated"]').fill('ttp')
-  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
-  await window.locator('//button[@id="open-advancesettings"]').click()
-  await expect(window.locator('//div[@aria-label="custom-book"]')).toBeVisible()
-  await window.locator('//div[@aria-label="custom-book"]').click()
+  await expect(window.locator('//*[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//*[@id="open-advancesettings"]').click()
+  await expect(window.locator('//*[@aria-label="custom-book"]')).toBeVisible()
+  await window.locator('//*[@aria-label="custom-book"]').click()
   await window.locator('//*[@aria-label="nt-Matthew"]').click()
   await window.locator('//*[@id="save-canon"]').click()
   await window.locator('//button[@aria-label="create"]').click()
@@ -297,8 +297,8 @@ test("Update/Edit text translation project of description and abbreviation", asy
   const editDescription = await window.textContent('//textarea[@id="project_description"]')
   await expect(editDescription).toBe('edit test version')
   await window.locator('input[name="version_abbreviated"]').fill('tvs')
-  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
-  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
   await window.waitForTimeout(3000)
   const title = await window.textContent('[aria-label=projects]');
   expect(await title).toBe('Projects')
@@ -306,15 +306,15 @@ test("Update/Edit text translation project of description and abbreviation", asy
 
 test("Update/Edit text translation project scope mark and luke", async ({ textProject }) => {
   await goToEditProject(window, expect, textProject)
-  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
-  await window.locator('//button[@id="open-advancesettings"]').click()
-  await expect(window.locator('//div[@aria-label="custom-book"]')).toBeVisible()
-  await window.locator('//div[@aria-label="custom-book"]').click()
+  await expect(window.locator('//*[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//*[@id="open-advancesettings"]').click()
+  await expect(window.locator('//*[@aria-label="custom-book"]')).toBeVisible()
+  await window.locator('//*[@aria-label="custom-book"]').click()
   await window.locator('//*[@aria-label="nt-Mark"]').click()
   await window.locator('//*[@aria-label="nt-Luke"]').click()
   await window.locator('//*[@id="save-canon"]').click()
-  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
-  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
   await window.waitForTimeout(2500)
   const title = await window.textContent('[aria-label=projects]');
   expect(await title).toBe('Projects')
@@ -322,13 +322,13 @@ test("Update/Edit text translation project scope mark and luke", async ({ textPr
 
 test("Update/Edit text translation project scope custom book into NT", async ({ textProject }) => {
   await goToEditProject(window, expect, textProject)
-  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
-  await window.locator('//button[@id="open-advancesettings"]').click()
-  await expect(window.locator('//div[@aria-label="new-testament"]')).toBeVisible()
-  await window.locator('//div[@aria-label="new-testament"]').click()
+  await expect(window.locator('//*[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//*[@id="open-advancesettings"]').click()
+  await expect(window.locator('//*[@aria-label="new-testament"]')).toBeVisible()
+  await window.locator('//*[@aria-label="new-testament"]').click()
   await window.locator('//button[contains(text(),"Ok")]').click()
-  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
-  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
   await window.waitForTimeout(3000)
   const title = await window.textContent('[aria-label=projects]');
   expect(await title).toBe('Projects')
@@ -336,15 +336,15 @@ test("Update/Edit text translation project scope custom book into NT", async ({
 
 test("Update/Edit text transaltion project scope custom book genesis and exodus from OT", async ({ textProject }) => {
   await goToEditProject(window, expect, textProject)
-  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
-  await window.locator('//button[@id="open-advancesettings"]').click()
-  await expect(window.locator('//div[@aria-label="custom-book"]')).toBeVisible()
-  await window.locator('//div[@aria-label="custom-book"]').click()
+  await expect(window.locator('//*[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//*[@id="open-advancesettings"]').click()
+  await expect(window.locator('//*[@aria-label="custom-book"]')).toBeVisible()
+  await window.locator('//*[@aria-label="custom-book"]').click()
   await window.locator('//*[@aria-label="ot-Genesis"]').click()
   await window.locator('//*[@aria-label="ot-Exodus"]').click()
   await window.locator('//*[@id="save-canon"]').click()
-  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
-  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
   await window.waitForTimeout(3000)
   const title = await window.textContent('[aria-label=projects]');
   expect(await title).toBe('Projects')
@@ -352,17 +352,42 @@ test("Update/Edit text transaltion project scope custom book genesis and exodus
 
 test("Update/Edit text translation project license", async ({ textProject }) => {
   await goToEditProject(window, expect, textProject)
-  await expect(window.locator('//button[@id="open-advancesettings"]')).toBeVisible()
-  await window.locator('//button[@id="open-advancesettings"]').click()
+  await expect(window.locator('//*[@id="open-advancesettings"]')).toBeVisible()
+  await window.locator('//*[@id="open-advancesettings"]').click()
   await window.getByRole('button', { name: 'CC BY-SA' }).click()
   await window.getByRole('option', { name: 'CC BY', exact: true }).click()
-  await expect(window.locator('//button[@aria-label="save-edit-project"]')).toBeVisible()
-  await window.locator('//button[@aria-label="save-edit-project"]').click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
   await window.waitForTimeout(3000)
   const title = await window.textContent('[aria-label=projects]');
   expect(await title).toBe('Projects')
 })
 
+test("Changing text translation project language from English to Persian", async ({ textProject }) => {
+  await projectTargetLanguage(window, expect, textProject, "persian", "Persian (Farsi)")
+})
+
+test("Changing text translation project language from Persian to English", async ({ textProject }) => {
+  await projectTargetLanguage(window, expect, textProject, "english", "English")
+})
+
+test("Update user Profile", async () => {
+  await userProfileValidaiton(window, expect)
+  await expect(window.locator('input[name="given-name"]')).toBeVisible();
+  await window.locator('input[name="given-name"]').fill("Bobby")
+  await expect(window.locator('input[name="family-name"]')).toBeVisible();
+  await window.locator('input[name="family-name"]').fill("kumar")
+  await expect(window.locator('input[name="email"]')).toBeVisible();
+  await window.locator('input[name="email"]').fill("kumar@gamil.com")
+  await expect(window.locator('input[name="organization"]')).toBeVisible();
+  await window.locator('input[name="organization"]').fill("vidya foundation")
+  await expect(window.locator('input[name="selectedregion"]')).toBeVisible();
+  await window.locator('input[name="selectedregion"]').fill("India")
+  expect(await window.locator('//*[@id="save-profile"]')).toBeVisible()
+  await window.locator('//*[@id="save-profile"]').click()
+  const snackbar = await window.locator('//*[@aria-label="snack-text"]').textContent()
+  expect(snackbar).toBe("Updated the Profile.")
+})
 
 /*changing app language english to hindi */
 test("App language change English to hindi", async () => {
diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index 77167782d..cb2d0aa5c 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -158,6 +158,7 @@ export const checkProjectName = async (window, expect, name) => {
 
 // Checks for notifications.
 export const checkNotification = async (window, expect) => {
+  await window.waitForSelector('//*[@aria-label="notification-button"]', {timeout : 5000})
   await window.locator('//*[@aria-label="notification-button"]').click()
   await window.waitForTimeout(1000)
   const title = await window.locator('[aria-label=notification-title]').textContent();
@@ -241,6 +242,59 @@ export const goToEditProject = async (window, expect, projectName) => {
   const editTitle = await window.locator('//*[@aria-label="projects"]').textContent()
   await expect(editTitle).toBe('Edit Project');
 }
+// change project target language
+export const projectTargetLanguage = async (window, expect, projectName, searchLangauge, selectLanguage) => {
+  await goToEditProject(window, expect, projectName)
+  expect(await window.locator('//*[@aria-label="custom-dropdown"]')).toBeVisible()
+  await window.locator('//*[@aria-label="custom-dropdown"]').fill(searchLangauge)
+  await window.locator(`//*[@aria-label="${selectLanguage}"]`).click()
+  await expect(window.locator('//*[@aria-label="save-edit-project"]')).toBeVisible()
+  await window.locator('//*[@aria-label="save-edit-project"]').click()
+  await window.waitForTimeout(2000)
+  await expect(window.locator('//*[@id="projects-list"]')).toBeVisible()
+  const table = window.locator('//*[@id="projects-list"]')
+  const body = table.locator('//*[@id="projects-list-body"]')
+  const rows = body.locator('tr')
+  for (let i = 0; i < await rows.count(); i++) {
+    const row = await rows.nth(i);
+    const tds = await row.locator('td');
+    if (await tds.nth(1).textContent() === projectName) {
+      // expecting language
+      expect(await tds.nth(2).textContent()).toBe(selectLanguage)
+    }
+  }
+  const title = await window.textContent('[aria-label=projects]', { timeout: 10000 });
+  expect(title).toBe('Projects');
+}
+
+// Performs user profile validation checks.
+export const userProfileValidaiton = async(window, expect) => {
+  expect(await window.locator('//*[@id="user-profile-image"]')).toBeVisible()
+  await window.locator('//*[@id="user-profile-image"]').click()
+  expect(await window.locator('//*[@aria-label="user-profile"]')).toBeVisible()
+  await window.locator('//*[@aria-label="user-profile"]').click()
+  await expect(window.locator('input[name="given-name"]')).toBeVisible();
+  await window.locator('input[name="given-name"]').fill("b")
+  await expect(window.locator('input[name="family-name"]')).toBeVisible();
+  await window.locator('input[name="family-name"]').fill("k")
+  await expect(window.locator('input[name="email"]')).toBeVisible();
+  await window.locator('input[name="email"]').fill("kumar")
+  await expect(window.locator('input[name="organization"]')).toBeVisible();
+  await window.locator('input[name="organization"]').fill("v")
+  await expect(window.locator('input[name="selectedregion"]')).toBeVisible();
+  await window.locator('input[name="selectedregion"]').fill("I")
+  expect(await window.locator('//*[@id="save-profile"]')).toBeVisible()
+  await window.locator('//*[@id="save-profile"]').click()
+  const firstLastNameError = await window.locator('//*[@id="__next"]/div[1]/div[2]/div/div[2]/form/div[2]/span').textContent()
+  expect(firstLastNameError).toBe('The input has to be between 2 and 15 characters long')
+  const emailError = await window.locator('//*[@id="__next"]/div[1]/div[2]/div/div[2]/form/div[3]/span').textContent()
+  expect(emailError).toBe('Email is not valid!')
+  const organizationError = await window.locator('//*[@id="__next"]/div[1]/div[2]/div/div[2]/form/div[4]/span').textContent()
+  expect(organizationError).toBe('The input has to be between 2 and 30 characters long')
+  const regionError = await window.locator('//*[@id="__next"]/div[1]/div[2]/div/div[2]/form/div[5]/span').textContent()
+  expect(regionError).toBe('The input has to be between 2 and 15 characters long')
+}
+
 
 // Changes the application's language.
 export const changeAppLanguage = async (window, expect, fromLanguage, toLanguage) => {
diff --git a/renderer/src/components/ProjectsPage/CreateProject/AdvancedSettingsDropdown.js b/renderer/src/components/ProjectsPage/CreateProject/AdvancedSettingsDropdown.js
index eb7bae0dc..42dec8b77 100644
--- a/renderer/src/components/ProjectsPage/CreateProject/AdvancedSettingsDropdown.js
+++ b/renderer/src/components/ProjectsPage/CreateProject/AdvancedSettingsDropdown.js
@@ -284,6 +284,7 @@ export default function AdvancedSettingsDropdown({ call, project, projectType })
                       className={canonSpecification.title === 'Old Testament (OT)' ? 'bg-primary hover:bg-secondary text-white px-3 py-1 rounded-full cursor-pointer whitespace-nowrap' : 'bg-gray-200 hover:bg-primary hover:text-white px-3 py-1 rounded-full cursor-pointer whitespace-nowrap'}
                       onClick={() => selectCanon(canonList[1])}
                       role="button"
+                      aria-label="old-testament"
                       tabIndex="0"
                     >
                       {`${t('label-old-testament')} (OT)`}
diff --git a/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js b/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
index adf7854a3..bf86aadb5 100644
--- a/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
+++ b/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
@@ -33,6 +33,7 @@ function CustomMultiComboBox({
                   // displayValue={(language) => language?.ang}
                   displayValue={(selectedList) => `${selectedList.length > 0 ? `${selectedList[0][filterParams]}${multiSelect ? '... click for more' : '' }` : ''}`}
                   placeholder="Select Language"
+                  aria-label="custom-dropdown"
                   onFocus={() => !open && setIsActive(true)}
                   onBlur={() => setIsActive(false)}
                   onChange={(event) => setQuery(event.target.value)}
@@ -54,7 +55,7 @@ function CustomMultiComboBox({
                     {filteredData.length > 0
                     ? filteredData.map((data) => (
                       // <Combobox.Option key={data?.id || data?.pk} className={`${selectedList.includes(data) ? 'bg-gray-400' : ''} hover:bg-gray-300 p-1`} value={data}>
-                      <Combobox.Option key={data?.id || data?.pk} className=" hover:bg-gray-300 p-1" value={data}>
+                      <Combobox.Option key={data?.id || data?.pk} className=" hover:bg-gray-300 p-1" value={data} aria-label={data[filterParams]} >
                         {data[filterParams] }
                         {' '}
                         {showLangCode.show && (

From 1059b0e90d12ef1d417b1f57dfd6981d90493d3b Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Thu, 12 Oct 2023 11:39:17 +0530
Subject: [PATCH 6/7] comment line added

---
 e2e-tests/base.test.ts | 5 ++++-
 e2e-tests/common.js    | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/e2e-tests/base.test.ts b/e2e-tests/base.test.ts
index 3d2b3d981..d7af714e1 100644
--- a/e2e-tests/base.test.ts
+++ b/e2e-tests/base.test.ts
@@ -9,7 +9,8 @@ import {
   userValidation, signOut, showActiveUsers,
   searchProject, checkProjectName, checkNotification,
   goToProjectPage, exportProjects, archivedProjects,
-  unarchivedProjects, goToEditProject, changeAppLanguage, changeTargetLanguage, projectTargetLanguage, userProfileValidaiton
+  unarchivedProjects, goToEditProject, changeAppLanguage,
+  projectTargetLanguage, userProfileValidaiton
 } from './common';
 
 const fs = require('fs');
@@ -363,6 +364,7 @@ test("Update/Edit text translation project license", async ({ textProject }) =>
   expect(await title).toBe('Projects')
 })
 
+/* Changing text translation project target language */
 test("Changing text translation project language from English to Persian", async ({ textProject }) => {
   await projectTargetLanguage(window, expect, textProject, "persian", "Persian (Farsi)")
 })
@@ -371,6 +373,7 @@ test("Changing text translation project language from Persian to English", async
   await projectTargetLanguage(window, expect, textProject, "english", "English")
 })
 
+/* updating user profile */
 test("Update user Profile", async () => {
   await userProfileValidaiton(window, expect)
   await expect(window.locator('input[name="given-name"]')).toBeVisible();
diff --git a/e2e-tests/common.js b/e2e-tests/common.js
index cb2d0aa5c..9fca92042 100644
--- a/e2e-tests/common.js
+++ b/e2e-tests/common.js
@@ -2,11 +2,13 @@ export const checkLogInOrNot = async (window, expect) => {
   await window.waitForSelector('//*[@id="__next"]/div', '//*[@id="__next"]/div[1]', { timeout: 5000 })
   const textVisble = await window.locator('//*[@aria-label="projects"]').isVisible()
   if (textVisble) {
-    // If 'projects' is visible, check the title
+    // If title is "Projects" (english) or Not(other language) visible in project list page, 
     const title = await window.locator('//*[@aria-label="projects"]').textContent()
     if(await title === "Projects"){
+      //expecting "Projects" in english
       await expect(title).toBe("Projects")
     }else{
+      //expecting "Projects" in Other langauage
       await expect(title).not.toBe('Projects')
     }
   } else {

From 6f8a1041f8d10ca08c05f78d11e68ecb9827ef6d Mon Sep 17 00:00:00 2001
From: Bobbykumar706584 <bobbykumar706584@gmail.com>
Date: Thu, 12 Oct 2023 11:47:47 +0530
Subject: [PATCH 7/7] lint fixed

---
 .../components/Resources/ResourceUtils/CustomMultiComboBox.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js b/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
index bf86aadb5..3d3ddb9ee 100644
--- a/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
+++ b/renderer/src/components/Resources/ResourceUtils/CustomMultiComboBox.js
@@ -55,7 +55,7 @@ function CustomMultiComboBox({
                     {filteredData.length > 0
                     ? filteredData.map((data) => (
                       // <Combobox.Option key={data?.id || data?.pk} className={`${selectedList.includes(data) ? 'bg-gray-400' : ''} hover:bg-gray-300 p-1`} value={data}>
-                      <Combobox.Option key={data?.id || data?.pk} className=" hover:bg-gray-300 p-1" value={data} aria-label={data[filterParams]} >
+                      <Combobox.Option key={data?.id || data?.pk} className=" hover:bg-gray-300 p-1" value={data} aria-label={data[filterParams]}>
                         {data[filterParams] }
                         {' '}
                         {showLangCode.show && (