[NA][FE][e2e tests]: update selectors for e2e tests of prompts; (#4582)

* update selectors for e2e tests of prompts;

* e2e fix and eslint fix;

---------

Co-authored-by: aadereiko <[email protected]>

Author: aadereiko

apps/opik-frontend/src/components/pages/PromptPage/PromptTab/TextPromptView.tsx

@@ -50,7 +50,10 @@ const TextPromptView: React.FC<TextPromptViewProps> = ({
         </div>
       ) : (
         <>
-          <div className="rounded-md bg-primary-foreground p-3">
+          <div
+            className="rounded-md bg-primary-foreground p-3"
+            data-testid="prompt-text-content"
+          >
             <MarkdownPreview>{template}</MarkdownPreview>
           </div>
           {extractedImages.length > 0 && (

tests_end_to_end/page_objects/PromptPage.py

@@ -25,7 +25,7 @@ def click_most_recent_commit(self):
         self.page.wait_for_timeout(500)
 
     def get_prompt_of_selected_commit(self):
-        return self.page.get_by_role("code").first.inner_text()
+        return self.page.get_by_test_id("prompt-text-content").first.inner_text()
 
     def get_all_prompt_versions_with_commit_ids_on_page(self):
         rows: list[Locator] = self.page.get_by_role("row").all()[1:]

tests_end_to_end/tests_end_to_end_ts/typescript-tests/page-objects/prompts.page.ts

@@ -127,8 +127,8 @@ export class PromptDetailsPage {
     await promptTab.click();
     await this.page.waitForTimeout(500);
 
-    const promptCode = this.page.locator('code').first();
-    const text = await promptCode.textContent();
+    const promptContainer = this.page.getByTestId('prompt-text-content');
+    const text = await promptContainer.textContent();
     return text?.trim() || '';
   }
 }