feat(chat-e2e): view shared prompt tests (#2059)

apps/chat-e2e/src/assertions/downloadAssertion.ts

@@ -1,4 +1,6 @@
+import { ExpectedMessages } from '@/src/testData';
 import { UploadDownloadData } from '@/src/ui/pages';
+import { FileUtil } from '@/src/utils';
 import { expect } from '@playwright/test';
 
 export class DownloadAssertion {
@@ -9,4 +11,18 @@ export class DownloadAssertion {
     expect(downloadedData.path).toBeTruthy();
     expect(downloadedData.path).toMatch(new RegExp(`${expectedExtension}$`));
   }
+
+  public async assertFileIsDownloaded(downloadedData: UploadDownloadData) {
+    const downloadedFiles = FileUtil.getExportedFiles();
+    expect
+      .soft(
+        downloadedFiles?.find(
+          (f) =>
+            f.includes(downloadedData.path) &&
+            FileUtil.readFileData(downloadedData.path) !== undefined,
+        ),
+        ExpectedMessages.dataIsExported,
+      )
+      .toBeDefined();
+  }
 }

apps/chat-e2e/src/assertions/promptModalAssertion.ts

@@ -40,12 +40,30 @@ export class PromptModalAssertion {
       .toBe('');
   }
 
-  public async assertPromptNameIsValid(expectedPromptName: string) {
+  public async assertPromptName(expectedPromptName: string) {
     expect
       .soft(
         await this.promptModalDialog.getName(),
         ExpectedMessages.promptNameValid,
       )
       .toBe(expectedPromptName);
   }
+
+  public async assertPromptDescription(expectedValue: string | undefined) {
+    expect
+      .soft(
+        await this.promptModalDialog.getDescription(),
+        ExpectedMessages.promptDescriptionValid,
+      )
+      .toBe(expectedValue ?? '');
+  }
+
+  public async assertPromptContent(expectedValue: string) {
+    expect
+      .soft(
+        await this.promptModalDialog.getPrompt(),
+        ExpectedMessages.promptContentValid,
+      )
+      .toBe(expectedValue);
+  }
 }

apps/chat-e2e/src/assertions/sharedPromptPreviewModalAssertion.ts

@@ -1,4 +1,5 @@
 import { ElementState, ExpectedMessages } from '@/src/testData';
+import { Styles } from '@/src/ui/domData';
 import { SharedPromptPreviewModal } from '@/src/ui/webElements';
 import { expect } from '@playwright/test';
 
@@ -67,4 +68,42 @@ export class SharedPromptPreviewModalAssertion {
       )
       .toBe(expectedValue);
   }
+
+  public async assertExportButtonColors(expectedColor: string) {
+    const buttonColor =
+      await this.sharedPromptPreviewModal.promptExportButton.getComputedStyleProperty(
+        Styles.color,
+      );
+    const buttonBordersColor =
+      await this.sharedPromptPreviewModal.promptExportButton.getAllBorderColors();
+    expect
+      .soft(buttonColor[0], ExpectedMessages.elementColorIsValid)
+      .toBe(expectedColor);
+    Object.values(buttonBordersColor).forEach((borders) => {
+      borders.forEach((borderColor) => {
+        expect
+          .soft(borderColor, ExpectedMessages.borderColorsAreValid)
+          .toBe(expectedColor);
+      });
+    });
+  }
+
+  public async assertDeleteButtonColors(expectedColor: string) {
+    const buttonColor =
+      await this.sharedPromptPreviewModal.promptDeleteButton.getComputedStyleProperty(
+        Styles.color,
+      );
+    const buttonBordersColor =
+      await this.sharedPromptPreviewModal.promptDeleteButton.getAllBorderColors();
+    expect
+      .soft(buttonColor[0], ExpectedMessages.elementColorIsValid)
+      .toBe(expectedColor);
+    Object.values(buttonBordersColor).forEach((borders) => {
+      borders.forEach((borderColor) => {
+        expect
+          .soft(borderColor, ExpectedMessages.borderColorsAreValid)
+          .toBe(expectedColor);
+      });
+    });
+  }
 }

apps/chat-e2e/src/core/dialSharedWithMeFixtures.ts

@@ -15,6 +15,7 @@ import {
   ErrorToast,
   FolderPrompts,
   PromptBar,
+  PromptModalDialog,
   Prompts,
   RecentEntities,
   SendMessage,
@@ -24,8 +25,11 @@ import {
 } from '../ui/webElements';
 
 import config from '@/config/chat.playwright.config';
+import { ConfirmationDialogAssertion } from '@/src/assertions/confirmationDialogAssertion';
 import { FolderAssertion } from '@/src/assertions/folderAssertion';
 import { MenuAssertion } from '@/src/assertions/menuAssertion';
+import { PromptAssertion } from '@/src/assertions/promptAssertion';
+import { PromptModalAssertion } from '@/src/assertions/promptModalAssertion';
 import { SendMessageAssertion } from '@/src/assertions/sendMessageAssertion';
 import { SharedPromptPreviewModalAssertion } from '@/src/assertions/sharedPromptPreviewModalAssertion';
 import { SharedWithMePromptsAssertion } from '@/src/assertions/sharedWithMePromptsAssertion';
@@ -64,6 +68,7 @@ const dialSharedWithMeTest = dialTest.extend<{
   additionalShareUserFolderDropdownMenu: DropdownMenu;
   additionalShareUserSharedWithMeFolderDropdownMenu: DropdownMenu;
   additionalShareUserSharedWithMeConversationDropdownMenu: DropdownMenu;
+  additionalShareUserSharedWithMePromptDropdownMenu: DropdownMenu;
   additionalShareUserConversations: Conversations;
   additionalShareUserPrompts: Prompts;
   additionalShareUserCompare: Compare;
@@ -75,13 +80,17 @@ const dialSharedWithMeTest = dialTest.extend<{
   additionalShareUserPromptPreviewModal: SharedPromptPreviewModal;
   additionalShareUserVariableModalDialog: VariableModalDialog;
   additionalShareUserPromptDropdownMenu: DropdownMenu;
+  additionalShareUserPromptModalDialog: PromptModalDialog;
   additionalShareUserSharedWithMePromptAssertion: SharedWithMePromptsAssertion;
   additionalShareUserSharedPromptPreviewModalAssertion: SharedPromptPreviewModalAssertion;
   additionalShareUserSendMessageAssertion: SendMessageAssertion;
   additionalShareUserVariableModalAssertion: VariableModalAssertion;
   additionalShareUserSharedFolderPromptsAssertions: FolderAssertion;
   additionalShareUserPromptsDropdownMenuAssertion: MenuAssertion;
   additionalShareUserFolderDropdownMenuAssertion: MenuAssertion;
+  additionalShareUserConfirmationDialogAssertion: ConfirmationDialogAssertion;
+  additionalShareUserPromptAssertion: PromptAssertion;
+  additionalShareUserPromptModalAssertion: PromptModalAssertion;
 }>({
   additionalShareUserPage: async ({ browser }, use) => {
     const context = await browser.newContext({
@@ -247,6 +256,14 @@ const dialSharedWithMeTest = dialTest.extend<{
       additionalShareUserSharedWithMeConversations.getDropdownMenu();
     await use(additionalShareUserSharedWithMeConversationDropdownMenu);
   },
+  additionalShareUserSharedWithMePromptDropdownMenu: async (
+    { additionalShareUserSharedWithMePrompts },
+    use,
+  ) => {
+    const additionalShareUserSharedWithMePromptDropdownMenu =
+      additionalShareUserSharedWithMePrompts.getDropdownMenu();
+    await use(additionalShareUserSharedWithMePromptDropdownMenu);
+  },
   additionalShareUserFolderPrompts: async (
     { additionalShareUserPromptBar },
     use,
@@ -328,6 +345,15 @@ const dialSharedWithMeTest = dialTest.extend<{
       additionalShareUserPrompts.getDropdownMenu();
     await use(additionalShareUserPromptDropdownMenu);
   },
+  additionalShareUserPromptModalDialog: async (
+    { additionalShareUserPage },
+    use,
+  ) => {
+    const additionalShareUserPromptModalDialog = new PromptModalDialog(
+      additionalShareUserPage,
+    );
+    await use(additionalShareUserPromptModalDialog);
+  },
   additionalShareUserSharedWithMePromptAssertion: async (
     { additionalShareUserSharedWithMePrompts },
     use,
@@ -389,6 +415,32 @@ const dialSharedWithMeTest = dialTest.extend<{
     );
     await use(additionalShareUserFolderDropdownMenuAssertion);
   },
+  additionalShareUserConfirmationDialogAssertion: async (
+    { additionalShareUserConfirmationDialog },
+    use,
+  ) => {
+    const additionalShareUserConfirmationDialogAssertion =
+      new ConfirmationDialogAssertion(additionalShareUserConfirmationDialog);
+    await use(additionalShareUserConfirmationDialogAssertion);
+  },
+  additionalShareUserPromptAssertion: async (
+    { additionalShareUserPrompts },
+    use,
+  ) => {
+    const additionalShareUserPromptAssertion = new PromptAssertion(
+      additionalShareUserPrompts,
+    );
+    await use(additionalShareUserPromptAssertion);
+  },
+  additionalShareUserPromptModalAssertion: async (
+    { additionalShareUserPromptModalDialog },
+    use,
+  ) => {
+    const additionalShareUserPromptModalAssertion = new PromptModalAssertion(
+      additionalShareUserPromptModalDialog,
+    );
+    await use(additionalShareUserPromptModalAssertion);
+  },
 });
 
 export let shareUserBucket: string;

apps/chat-e2e/src/testData/expectedConstants.ts

@@ -64,6 +64,9 @@ export const ExpectedConstants = {
     'Model changing will stop sharing and other users will no longer see this conversation.',
   renameSharedPromptMessage:
     'Renaming will stop sharing and other users will no longer see this prompt.',
+  deletePromptConfirmationModalTitle: 'Confirm deleting prompt',
+  deletePromptConfirmationModalMessage:
+    'Are you sure that you want to delete a prompt?',
   unshareFolderMessage: 'Are you sure that you want to unshare this folder?',
   backgroundColorPattern: /(rgba\(\d+,\s*\d+,\s*\d+),\s*\d+\.*\d+\)/,
   sendMessageTooltip: 'Please type a message',
@@ -169,6 +172,7 @@ export const ExpectedConstants = {
   ) =>
     `Prompt limit is ${maxPromptTokens} tokens. You have entered ${enteredTokens} tokens and are trying to select a prompt with more than ${remainedTokes} tokens. 1 token approximately equals to 4 characters.`,
   replayVariableModalTitle: 'Please, enter variables for template:',
+  exportedFileExtension: 'json',
 };
 
 export enum Groups {
@@ -202,6 +206,7 @@ export enum MenuOptions {
   attachFolders = 'Attach folders',
   attachLink = 'Attach link',
   select = 'Select',
+  view = 'View',
 }
 
 export enum FilterMenuOptions {

apps/chat-e2e/src/tests/promptsNames.test.ts

@@ -99,7 +99,7 @@ dialTest(
         await dialHomePage.copyToClipboard(nameWithRestrictedChars);
         await promptModalDialog.name.click();
         await dialHomePage.pasteFromClipboard();
-        await promptModalAssertion.assertPromptNameIsValid(expectedPromptName);
+        await promptModalAssertion.assertPromptName(expectedPromptName);
         await promptModalDialog.saveButton.click();
         prompt.name = expectedPromptName;
       },