feat: adapt tests for replacing Editor with VS Code Extension (#43)

* feat(remove-editor): adapt tests for replacing Editor with VS Code Extension

- Add VS Code Extension button to portal headers and upload dialogs
- Introduce tooltips and click actions for VS Code Extension button
- Update tests to verify VS Code Extension functionality and tooltips

* test(remove-editor): update tests for the VS Code Extension button

* test(remove-editor): remove SSO Log in button

* test(remove-editor): remove VS_CODE_EXTENSION_URL

Author: vOrigins

src/packages/portal/pages/PortalPage/BaseVersionPage/MethodsForUploadDialog.ts

@@ -6,6 +6,7 @@ export class MethodsForUploadDialog extends BaseCancelDialog {
 
   readonly toPortalBtn = new Button(this.rootLocator.getByTestId('ToPortalButton'), 'Create a new version in the Portal')
   readonly toAgentBtn = new Button(this.rootLocator.getByTestId('ToAgentButton'), 'Go to the Agent')
+  readonly toVsCodeExtensionBtn = new Button(this.rootLocator.getByTestId('ToVsCodeExtensionButton'), 'Use APIHUB VS Code Extension')
   readonly gotItBtn = new Button(this.rootLocator.getByTestId('GotItButton'), 'Got it')
 
   constructor(page: Page) {

src/packages/shared/components/custom/headers/MainPageHeader.ts

@@ -1,5 +1,5 @@
 import type { Page } from '@playwright/test'
-import { Avatar, Button } from '@shared/components/base'
+import { Avatar, BaseComponent, Button } from '@shared/components/base'
 import { SystemInfoPopup } from '../popups/SystemInfoPopup'
 import { MainUserMenu } from '../menus/MainUserMenu'
 
@@ -8,6 +8,8 @@ export class MainPageHeader {
   private readonly rootLocator = this.page.getByTestId('AppHeader')
   readonly portalBtn = new Button(this.rootLocator.getByTestId('PortalHeaderButton'), 'Portal')
   readonly agentBtn = new Button(this.rootLocator.getByTestId('AgentHeaderButton'), 'Agent')
+  readonly vsCodeExtensionBtn = new Button(this.rootLocator.getByTestId('VsCodeExtensionButton'), 'VS Code Extension')
+  readonly appHeaderDivider = new BaseComponent(this.rootLocator.getByTestId('AppHeaderDivider'), 'App Header', 'divider')
   readonly globalSearchBtn = new Button(this.rootLocator.getByTestId('GlobalSearchButton'), 'Global Search')
   readonly sysInfoBtn = new Button(this.rootLocator.getByTestId('SystemInfoButton'), 'System information')
   readonly userAvatar = new Avatar(this.rootLocator.getByTestId('AppUserAvatar'), 'User')

src/packages/shared/pages/LoginPage.ts

@@ -9,7 +9,6 @@ export class LoginPage extends BasePage {
   readonly loginTxtFld = new TextField(this.page.getByTestId('LoginTextInput'), 'Login')
   readonly passwordTxtFld = new TextField(this.page.getByTestId('PasswordTextInput'), 'Password')
   readonly signInBtn = new Button(this.page.getByTestId('SignInButton'), 'Log in')
-  readonly ssoSignInBtn = new Button(this.page.getByTestId('SSOSignInButton'), 'SSO Log in')
   readonly errorAlert = this.page.getByRole('alert')
   readonly errorIcon = this.page.getByTestId('ErrorOutlineIcon')
 

src/test-data/portal/messages.ts

@@ -1,5 +1,6 @@
 export const CONFIG_PKG_VERSION_TOOLTIP = 'Drag and drop files onto the page or click Browse Files button'
 export const CONFIG_PKG_RESTORE_FILE_TOOLTIP = 'This file has replaced one with the same name.You can restore previous file in place of the new one by clicking Restore icon.'
+export const VS_CODE_EXTENSION_TOOLTIP = 'Open APIHUB VS Code Extension on Visual Studio Marketplace'
 
 export const RELEASE_PATTERN_MSG = 'Release version must match the following regular expression:'
 

src/test-data/portal/other.ts

@@ -3,8 +3,6 @@ export const REV_METADATA = {
   repositoryUrl: 'https://git.metagit.com/repository.git',
 }
 
-export const PORTAL_TEST_ZIP_PATH = 'resources/portal/zip/'
-
 export const RV_PATTERN_DEF = '^[0-9]{4}[.]{1}[1-4]{1}$'
 export const RV_PATTERN_NEW = '^[0-9]{2}[.]{1}[A-z]{4}$'
 

src/tests/portal/01-general/1.2-general.spec.ts

@@ -5,10 +5,12 @@ import { AgentPage } from '@agent/pages'
 import { PortalPage } from '@portal/pages'
 import { MIDDLE_EXPECT, TICKET_BASE_URL } from '@test-setup'
 import { isDevProxyMode } from '@services/utils'
+import { VS_CODE_EXTENSION_TOOLTIP } from '@test-data/portal'
+import { SYSADMIN } from '@test-data'
 
 test.describe('General', () => {
 
-  test('[P-GEN-1] Opening Portal page',
+  test('[P-GEN-1.1] Opening Portal page',
     {
       tag: '@smoke',
       annotation: { type: 'Test Case', description: `${TICKET_BASE_URL}TestCase-A-4277` },
@@ -22,6 +24,8 @@ test.describe('General', () => {
       await expect(portalPage.header.userMenu).toBeVisible()
       await expect.soft(portalPage.header.portalBtn).toBeVisible()
       await expect.soft(portalPage.header.agentBtn).toBeVisible()
+      await expect.soft(portalPage.header.vsCodeExtensionBtn).toBeVisible()
+      await expect.soft(portalPage.header.appHeaderDivider).toBeVisible()
       await expect.soft(portalPage.header.globalSearchBtn).toBeVisible()
       await expect.soft(portalPage.header.sysInfoBtn).toBeVisible()
       await expect.soft(portalPage.header.userAvatar).toBeVisible()
@@ -31,7 +35,27 @@ test.describe('General', () => {
       await expect.soft(portalPage.sidebar.workspacesBtn).toBeVisible()
     })
 
-  test('[P-GEN-3] Navigation to the Agent page',
+  test('[P-GEN-1.2] Check tooltips on the Portal page header',
+    {
+      annotation: { type: 'Test Case', description: `${TICKET_BASE_URL}TestCase-A-4277` },
+    },
+    async ({ sysadminPage: page }) => {
+
+      const portalPage = new PortalPage(page)
+
+      await portalPage.goto()
+      await portalPage.header.vsCodeExtensionBtn.hover()
+
+      await expect(portalPage.tooltip).toHaveCount(1)
+      await expect(portalPage.tooltip).toHaveText(VS_CODE_EXTENSION_TOOLTIP)
+
+      await portalPage.header.userAvatar.hover()
+
+      await expect(portalPage.tooltip).toHaveCount(1)
+      await expect(portalPage.tooltip).toHaveText(SYSADMIN.name)
+    })
+
+  test('[P-GEN-2] Navigation to the Agent page',
     {
       tag: '@smoke',
       annotation: { type: 'Test Case', description: `${TICKET_BASE_URL}TestCase-A-4279` },

src/tests/portal/04-entity-actions/4.3.2-package-editing-publishing.spec.ts

@@ -61,6 +61,13 @@ test.describe('4.3.2 Package publishing via Portal', () => {
         })
       }
 
+      await test.step('VS Code Extension option', async () => {
+        await portalPage.gotoPackage(testPackage)
+        await versionPage.howToUploadBtn.click()
+
+        await expect(methodsForUploadDialog.toVsCodeExtensionBtn).toBeVisible()
+      })
+
       await test.step('Got it', async () => {
         await portalPage.gotoPackage(testPackage)
         await versionPage.howToUploadBtn.click()