feat(chat-e2e): overlay marketplace features tests

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

@@ -11,6 +11,11 @@ import {
   ConversationSettingsModal,
   DropdownMenu,
   FileDropArea,
+  Marketplace,
+  MarketplaceEntities,
+  MarketplaceFilter,
+  MarketplaceHeader,
+  MarketplaceSidebar,
   ModelInfoTooltip,
   PromptBar,
   PublishingRequestDialog,
@@ -27,6 +32,7 @@ import {
   ChatMessagesAssertion,
   ConversationAssertion,
   FolderAssertion,
+  MenuAssertion,
   PromptAssertion,
   TalkToAgentDialogAssertion,
 } from '@/src/assertions';
@@ -35,6 +41,7 @@ import test from '@/src/core/baseFixtures';
 import { LocalStorageManager } from '@/src/core/localStorageManager';
 import { isApiStorageType } from '@/src/hooks/global-setup';
 import {
+  ApplicationApiHelper,
   FileApiHelper,
   IconApiHelper,
   ItemApiHelper,
@@ -56,6 +63,7 @@ import {
 import { ReportAnIssueModal } from '@/src/ui/webElements/footer/reportAnIssueModal';
 import { RequestApiKeyModal } from '@/src/ui/webElements/footer/requestApiKeyModal';
 import { Header } from '@/src/ui/webElements/header';
+import { MarketplaceEntitiesSection } from '@/src/ui/webElements/marketplace/marketplaceEntitiesSection';
 import { NavigationPanel } from '@/src/ui/webElements/navigationPanel';
 import { Actions } from '@/src/ui/webElements/overlay/actions';
 import { Configuration } from '@/src/ui/webElements/overlay/configuration';
@@ -78,6 +86,8 @@ const dialOverlayTest = test.extend<{
   overlayHomePage: OverlayHomePage;
   overlayMarketplacePage: OverlayMarketplacePage;
   overlayFileDropArea: FileDropArea;
+  overlayMarketplace: Marketplace;
+  overlayMarketplaceHeader: MarketplaceHeader;
   overlayChat: Chat;
   overlayAgentInfo: AgentInfo;
   overlayHeader: Header;
@@ -105,6 +115,8 @@ const dialOverlayTest = test.extend<{
   overlayPrompts: PromptsTree;
   overlayConversationDropdownMenu: DropdownMenu;
   overlayPromptDropdownMenu: DropdownMenu;
+  overlayAppsDropdownMenu: DropdownMenu;
+  overlayAppsDropdownMenuAssertion: MenuAssertion;
   overlayShareModal: ShareModal;
   overlayPublishingRequestDialog: PublishingRequestDialog;
   overlayAccountSettings: AccountSettings;
@@ -125,6 +137,7 @@ const dialOverlayTest = test.extend<{
   overlayPromptAssertion: PromptAssertion;
   overlayChatBarFolderAssertion: FolderAssertion<FolderConversations>;
   overlayShareApiHelper: ShareApiHelper;
+  overlayApplicationApiHelper: ApplicationApiHelper;
   adminUserRequestContext: APIRequestContext;
   adminPublicationApiHelper: PublicationApiHelper;
   adminShareApiHelper: ShareApiHelper;
@@ -134,9 +147,15 @@ const dialOverlayTest = test.extend<{
   adminPage: Page;
   adminLocalStorageManager: LocalStorageManager;
   adminDataInjector: DataInjectorInterface;
+  adminApplicationApiHelper: ApplicationApiHelper;
   overlayActions: Actions;
   overlayConfiguration: Configuration;
   overlayDialog: Dialog;
+  overlayMarketplaceSidebar: MarketplaceSidebar;
+  overlayMarketplaceFilter: MarketplaceFilter;
+  overlayMarketplaceEntitiesSection: MarketplaceEntitiesSection;
+  overlayMarketplaceEntities: MarketplaceEntities;
+  overlayAgentDropdownMenu: DropdownMenu;
 }>({
   // eslint-disable-next-line no-empty-pattern
   storageState: async ({}, use) => {
@@ -158,6 +177,16 @@ const dialOverlayTest = test.extend<{
     const overlayMarketplacePage = new OverlayMarketplacePage(page);
     await use(overlayMarketplacePage);
   },
+  overlayMarketplace: async ({ overlayMarketplacePage }, use) => {
+    const overlayMarketplace = overlayMarketplacePage
+      .getOverlayContainer()
+      .getMarketplace();
+    await use(overlayMarketplace);
+  },
+  overlayMarketplaceHeader: async ({ overlayMarketplace }, use) => {
+    const overlayMarketplaceHeader = overlayMarketplace.getMarketplaceHeader();
+    await use(overlayMarketplaceHeader);
+  },
   overlayFileDropArea: async ({ overlayHomePage }, use) => {
     const overlayFileDropArea = overlayHomePage
       .getOverlayContainer()
@@ -292,6 +321,22 @@ const dialOverlayTest = test.extend<{
     );
     await use(overlayPromptDropdownMenu);
   },
+  overlayAppsDropdownMenu: async ({ page, overlayHomePage }, use) => {
+    const overlayAppsDropdownMenu = new DropdownMenu(
+      page,
+      overlayHomePage.getOverlayContainer().getElementLocator(),
+    );
+    await use(overlayAppsDropdownMenu);
+  },
+  overlayAppsDropdownMenuAssertion: async (
+    { overlayAppsDropdownMenu },
+    use,
+  ) => {
+    const overlayDropdownMenuAssertion = new MenuAssertion(
+      overlayAppsDropdownMenu,
+    );
+    await use(overlayDropdownMenuAssertion);
+  },
   overlayShareModal: async ({ page, overlayHomePage }, use) => {
     const overlayShareModal = new ShareModal(
       page,
@@ -415,6 +460,10 @@ const dialOverlayTest = test.extend<{
     const overlayShareApiHelper = new ShareApiHelper(request);
     await use(overlayShareApiHelper);
   },
+  overlayApplicationApiHelper: async ({ request }, use) => {
+    const overlayApplicationApiHelper = new ApplicationApiHelper(request);
+    await use(overlayApplicationApiHelper);
+  },
   adminUserRequestContext: async ({ playwright }, use) => {
     const adminUserRequestContext = await playwright.request.newContext({
       storageState: overlayStateFilePath(+config.workers!),
@@ -470,6 +519,13 @@ const dialOverlayTest = test.extend<{
       : adminBrowserStorageInjector;
     await use(adminDataInjector);
   },
+  adminApplicationApiHelper: async ({ adminUserRequestContext }, use) => {
+    const adminApplicationApiHelper = new ApplicationApiHelper(
+      adminUserRequestContext,
+      BucketUtil.getAdminUserBucket(),
+    );
+    await use(adminApplicationApiHelper);
+  },
   overlayActions: async ({ overlayHomePage }, use) => {
     const overlayActions = overlayHomePage.getActions();
     await use(overlayActions);
@@ -482,6 +538,37 @@ const dialOverlayTest = test.extend<{
     const overlayDialog = new Dialog(page);
     await use(overlayDialog);
   },
+  overlayMarketplaceSidebar: async ({ overlayMarketplacePage }, use) => {
+    const overlayMarketplaceSidebar = overlayMarketplacePage
+      .getMarketplaceContainer()
+      .getMarketplaceSidebar();
+    await use(overlayMarketplaceSidebar);
+  },
+  overlayMarketplaceFilter: async ({ overlayMarketplaceSidebar }, use) => {
+    const overlayMarketplaceFilter =
+      overlayMarketplaceSidebar.getMarketplaceFilter();
+    await use(overlayMarketplaceFilter);
+  },
+  overlayMarketplaceEntitiesSection: async ({ overlayMarketplace }, use) => {
+    const overlayMarketplaceEntitiesSection =
+      overlayMarketplace.getMarketplaceEntitiesSection();
+    await use(overlayMarketplaceEntitiesSection);
+  },
+  overlayMarketplaceEntities: async (
+    { overlayMarketplaceEntitiesSection },
+    use,
+  ) => {
+    const overlayMarketplaceEntities =
+      overlayMarketplaceEntitiesSection.getEntities();
+    await use(overlayMarketplaceEntities);
+  },
+  overlayAgentDropdownMenu: async ({ page, overlayMarketplacePage }, use) => {
+    const overlayAgentDropdownMenu = new DropdownMenu(
+      page,
+      overlayMarketplacePage.getOverlayContainer().getElementLocator(),
+    );
+    await use(overlayAgentDropdownMenu);
+  },
 });
 
 export default dialOverlayTest;

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

@@ -15,6 +15,7 @@ export const ExpectedMessages = {
   sendMessageButtonIsNotVisible:
     'Send message button is not visible in chat input',
   conversationsCountIsValid: 'Conversations count is valid',
+  conversationsListIsValid: 'Conversations list is valid',
   notAllowedToMoveParentToChild:
     "It's not allowed to move parent folder in child folder",
   folderIsNotVisible: 'Folder is not visible in chat bar',

apps/chat-e2e/src/testData/overlay/overlaySandboxUrls.ts

@@ -29,4 +29,9 @@ export const OverlaySandboxUrls = {
     '/cases/overlay/enabled-hide-user-settings-sandbox', //sandbox to test 'EPMRTC-5692'
   newConversationsFolderIdSetUrl:
     '/cases/overlay/new-conversations-folder-id-set-sandbox',
+  disabledCustomAppUrl: '/cases/overlay/disabled-custom-app-sandbox',
+  enabledCodeAppUrl: '/cases/overlay/enabled-code-app-sandbox',
+  enabledMarketplaceTableViewUrl:
+    '/cases/overlay/enabled-marketplace-table-view-sandbox',
+  enabledAppSharingUrl: '/cases/overlay/enabled-app-sharing-sandbox',
 };

apps/chat-e2e/src/tests/overlay/chatSettingsFeature.test.ts

@@ -4,6 +4,7 @@ import dialTest from '@/src/core/dialFixtures';
 import dialOverlayTest from '@/src/core/dialOverlayFixtures';
 import {
   Attachment,
+  ExpectedMessages,
   MockedChatApiResponseBodies,
   OverlaySandboxUrls,
 } from '@/src/testData';
@@ -294,3 +295,47 @@ dialOverlayTest(
     );
   },
 );
+
+dialOverlayTest(
+  '[Overlay] any amount of default RECENT_MODELS_IDS is allowed',
+  async ({
+    overlayHomePage,
+    localStorageManager,
+    overlayBaseAssertion,
+    setTestIds,
+  }) => {
+    setTestIds('EPMRTC-6311');
+    let agents: DialAIEntityModel[];
+
+    await dialTest.step(
+      'Set more than 5 agents to the "recentModelsIds" local storage key',
+      async () => {
+        agents = GeneratorUtil.randomArrayElements(ModelsUtil.getModels(), 7);
+        await localStorageManager.setRecentModelsIds(...agents);
+      },
+    );
+
+    await dialTest.step(
+      'Open overlay app and verify all agents are set in the local storage',
+      async () => {
+        await overlayHomePage.navigateToUrl(
+          OverlaySandboxUrls.enableHideUserSettingsUrl,
+        );
+        await overlayHomePage.waitForPageLoaded();
+        const actualAgents = await localStorageManager.getRecentModelsIds(
+          process.env.NEXT_PUBLIC_OVERLAY_HOST,
+        );
+        overlayBaseAssertion.assertArrayIncludesAll(
+          actualAgents,
+          agents.map((a) => a.id),
+          ExpectedMessages.recentEntitiesIsValid,
+        );
+        overlayBaseAssertion.assertValue(
+          actualAgents.length,
+          agents.length,
+          ExpectedMessages.recentEntitiesIsValid,
+        );
+      },
+    );
+  },
+);