Add test for multiple file upload (#973)

* added test for Multiple file upload

* renamed resuable assertion fn

* renamed uploadFile fn

---------

Co-authored-by: HusneShabbir <husneshabbir447@gmail.com>

Author: HusneShabbir

workspaces/lightspeed/packages/app/e2e-tests/lightspeed.test.ts

@@ -28,10 +28,11 @@ import {
 } from './fixtures/responses';
 import { openLightspeed, sendMessage } from './utils/testHelper';
 import {
-  uploadFile,
+  uploadFiles,
   uploadAndAssertDuplicate,
   supportedFileTypes,
   validateFailedUpload,
+  assertVisibilityState,
 } from './utils/fileUpload';
 import {
   assertChatDialogInitialState,
@@ -136,7 +137,7 @@ test.describe('File Attachment Validation', () => {
   for (const { path, name } of testFiles) {
     test(`should validate file: ${name}`, async ({ page }) => {
       const fileExtension = `.${name.split('.').pop()}`;
-      await uploadFile(page, path);
+      await uploadFiles(page, [path]);
 
       if (supportedFileTypes.includes(fileExtension)) {
         await uploadAndAssertDuplicate(page, path, name);
@@ -151,6 +152,23 @@ test.describe('File Attachment Validation', () => {
       }
     });
   }
+  test(`Multiple file upload`, async ({ page }) => {
+    const file1 = testFiles[0].path;
+    const file2 = 'backstage.json';
+    await uploadFiles(page, [file1, file2]);
+
+    const heading = page.getByRole('heading', {
+      name: 'Danger alert: File upload',
+    });
+    const text = page.getByText('Uploaded more than one file.');
+    const closeBtn = page.getByRole('button', { name: 'Close Danger alert:' });
+
+    await assertVisibilityState('visible', heading, text, closeBtn);
+
+    await closeBtn.click();
+
+    await assertVisibilityState('hidden', heading, text, closeBtn);
+  });
 });
 
 test.describe('Conversation', () => {

workspaces/lightspeed/packages/app/e2e-tests/utils/fileUpload.ts

@@ -28,7 +28,7 @@ export async function triggerFileChooser(
   return fileChooser;
 }
 
-export async function uploadFile(page: Page, filePath: string) {
+export async function uploadFiles(page: Page, filePath: string[]) {
   const attachButton = page.getByRole('button', { name: 'Attach' });
   await expect(attachButton).toBeVisible();
 
@@ -42,7 +42,7 @@ export async function uploadAndAssertDuplicate(
   fileName: string,
 ) {
   await validateSuccessfulUpload(page, fileName);
-  await uploadFile(page, filePath);
+  await uploadFiles(page, [filePath]);
   await expect(
     page.getByRole('heading', { name: 'File upload failed' }),
   ).toBeVisible();
@@ -93,3 +93,12 @@ export async function validateFailedUpload(page: Page) {
   await expect(alertHeader).toBeHidden();
   await expect(alertText).toBeHidden();
 }
+
+export async function assertVisibilityState(
+  state: 'visible' | 'hidden',
+  ...locators: Locator[]
+) {
+  for (const locator of locators) {
+    await expect(locator)[state === 'visible' ? 'toBeVisible' : 'toBeHidden']();
+  }
+}