test: update e2e to find contenteditable

Author: jinxuan-owyong

e2e/src/web/specs/asset-viewer/detail-panel.e2e-spec.ts

@@ -59,7 +59,7 @@ test.describe('Detail Panel', () => {
     await utils.setAuthCookies(context, admin.accessToken);
     await page.goto(`/share/${sharedLink.key}/photos/${asset.id}`);
 
-    const textarea = page.getByRole('textbox', { name: 'Add a description' });
+    const textarea = page.getByTestId('contenteditable-text');
     await page.getByRole('button', { name: 'Info' }).click();
     await expect(textarea).toBeVisible();
     await expect(textarea).not.toBeDisabled();
@@ -71,16 +71,16 @@ test.describe('Detail Panel', () => {
     await page.waitForSelector('#immich-asset-viewer');
 
     await page.getByRole('button', { name: 'Info' }).click();
-    const textarea = page.getByRole('textbox', { name: 'Add a description' });
+    const textarea = page.getByTestId('contenteditable-text');
     await textarea.fill('new description');
-    await expect(textarea).toHaveValue('new description');
+    await expect(textarea).toHaveText('new description', { useInnerText: true });
 
     await page.getByRole('button', { name: 'Info' }).click();
     await expect(textarea).not.toBeVisible();
     await page.getByRole('button', { name: 'Info' }).click();
     await expect(textarea).toBeVisible();
 
     await utils.waitForWebsocketEvent({ event: 'assetUpdate', id: asset.id });
-    await expect(textarea).toHaveValue('new description');
+    await expect(textarea).toHaveText('new description', { useInnerText: true });
   });
 });