Reduce assets's size as done in SDK-R (#166)

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

projects/angular-test-app/src/app/_samples/embedded/main-screen/main-screen.component.html

@@ -17,7 +17,7 @@
       <div class="mc-info-banner">
         <div class="mc-info-banner-text">We need to gather a little information about you.</div>
         <div>
-          <img src="constellation/assets/cableinfo.png" class="mc-info-image" />
+          <img src="constellation/assets/cableinfo.jpg" class="mc-info-image" />
         </div>
       </div>
     </div>

projects/angular-test-app/src/app/_samples/embedded/resolution-screen/resolution-screen.component.html

@@ -8,7 +8,7 @@
     </div>
   </div>
   <div>
-    <img src="constellation/assets/cablechat.png" class="mc-chat-image" />
+    <img src="constellation/assets/cablechat.jpg" class="mc-chat-image" />
     <button class="mc-chat-button">Chat Now</button>
   </div>
 </div>

projects/angular-test-app/tests/e2e/DigV2/FormFields/attachment.spec.js

@@ -47,8 +47,8 @@ test.describe('E2E test', () => {
     await selectedSubCategory.click();
     await page.getByRole('option', { name: 'Required' }).click();
 
-    const cableChatFilePath = path.join(__dirname, '../../../../src/assets/cablechat.png');
-    const cableInfoFilePath = path.join(__dirname, '../../../../src/assets/cableinfo.png');
+    const cableChatFilePath = path.join(__dirname, '../../../../src/assets/cablechat.jpg');
+    const cableInfoFilePath = path.join(__dirname, '../../../../src/assets/cableinfo.jpg');
     const zeroBytesFilePath = path.join(__dirname, '../../../../src/assets/zerobytes');
 
     // Checking required  attachment field
@@ -89,8 +89,8 @@ test.describe('E2E test', () => {
     const singleAttachment = page.locator('div[id="attachment-container"]');
     await expect(singleAttachment.locator('button:has-text("Upload file")')).toBeVisible();
     await page.setInputFiles(`#Attachment`, cableChatFilePath);
-    await expect(page.locator('div >> text="cablechat.png"')).toBeVisible();
-    await expect(page.locator('span:has-text("Upload file")')).toBeHidden();
+    await expect(page.locator('div >> text="cablechat.jpg"')).toBeVisible();
+    await expect(page.locator('span:has-text("Choose a file")')).toBeHidden();
 
     await page.locator('button[id="delete-attachment"]').click();
 
@@ -112,8 +112,8 @@ test.describe('E2E test', () => {
       )
     ]);
 
-    await expect(page.locator('div >> text="cableinfo.png"')).toBeVisible();
-    await expect(page.locator('div >> text="cablechat.png"')).toBeVisible();
+    await expect(page.locator('div >> text="cableinfo.jpg"')).toBeVisible();
+    await expect(page.locator('div >> text="cablechat.jpg"')).toBeVisible();
 
     await expect(multipleAttachment.locator('button:has-text("Upload files")')).toBeVisible();
 
@@ -136,8 +136,8 @@ test.describe('E2E test', () => {
 
     /** Delete attachment */
     await menuSelector.locator('button >> text="Delete"').click();
-    await expect(page.locator('div >> text="cableinfo.png"')).toBeVisible();
-    await expect(page.locator('div >> text="cablechat.png"')).toBeHidden();
+    await expect(page.locator('div >> text="cableinfo.jpg"')).toBeVisible();
+    await expect(page.locator('div >> text="cablechat.jpg"')).toBeHidden();
   }, 10000);
 });
 

projects/angular-test-app/tests/e2e/MediaCo/portal.spec.js

@@ -107,7 +107,7 @@ test.describe('E2E test', () => {
     await sendToMgr.click();
 
     const currentCaseID = await page.locator('div[id="current-caseID"]').textContent();
-    const filePath = path.join(__dirname, '../../../src/assets/cableinfo.png');
+    const filePath = path.join(__dirname, '../../../src/assets/cableinfo.jpg');
     const attachInputId = await page.locator('div[id="attachment-container"] >> input').getAttribute('id');
     await page.setInputFiles(`#${attachInputId}`, filePath);