Setup e2e api tests for primary images #1338 (#1411)

* 1st draft at adding obj-store-api to github actions #1088

* add OS api to CI #1088

* Updated cypress support functions to handle object storage api #1088

* updated cypress command to point to correct database #1088

* added CRUD functions and tests for attachments TODO: add download test #1338

* added tests for download functionality #1338

* fix linting

* refactored attachment test functions to work with images #1338

* fix failing tests #1338

* move attachments test into items suite #1338

* change config for quick testing on CI: Revert later #1338

* diagnose

* REVERT LATER: Delete other cypress tests #1338

* diagnose

* attempted fix to minio

* attempted fix

* Revert "REVERT LATER: Delete other cypress tests #1338"

This reverts commit eebb68b.

* Revert "change config for quick testing on CI: Revert later #1338"

This reverts commit ac2193c.

* Moved attachments into catalogue items tests suite #1338

* finish moving to catalogue items #1338

* finish moving Attachments to catalogue items #1338

* update images button access #1338

* add set primary image e2e api tests #1338

* add view primary image (lightbox) test #1338

* REVERT LATER: remove extra api tests for quick debugging

* fix set/view functions #1338

* add remove primary image test #1338

* Revert "REVERT LATER: remove extra api tests for quick debugging"

This reverts commit fa93b40.

Author: asuresh-code

.github/workflows/ci-build.yml

@@ -146,7 +146,6 @@ jobs:
           mv -v inventory-management-system/* .
           cd object-storage-api/
 
-
       - name: Start MongoDB and MinIO (For object-storage-api)
         working-directory: ../object-storage-api
         run: |

cypress/e2e/with_api/catalogueItems/catalogueItems.cy.ts

@@ -15,6 +15,9 @@ import {
   editFile,
   moveToCatalogueItems,
   obsoleteCatalogueItem,
+  removePrimaryImage,
+  setPrimaryImage,
+  viewPrimaryImage,
 } from './functions';
 
 describe('catalogue items', () => {
@@ -83,6 +86,9 @@ describe('catalogue items', () => {
       'image',
       true
     );
+    setPrimaryImage(0, true);
+    viewPrimaryImage();
+    removePrimaryImage();
     editFile(
       {
         originalFileName: 'logo1.png',

cypress/e2e/with_api/catalogueItems/functions.ts

@@ -508,3 +508,49 @@ export const deleteFile = (
     cy.findByRole('dialog').should('not.exist');
   });
 };
+
+export const setPrimaryImage = (index: number, ignoreChecks: boolean) => {
+  cy.findByRole('button', { name: 'primary images action menu' }).click();
+  cy.findByText('Set Primary Image').click();
+  cy.findByRole('dialog')
+    .should('be.visible')
+    .within(() => {
+      cy.findAllByRole('radio').eq(index).click();
+      cy.findByText('Save').click();
+    });
+  cy.findByRole('dialog').should('not.exist');
+  if (!ignoreChecks) {
+    cy.findByRole('img', { name: 'No Image' }).should('not.exist');
+  }
+};
+
+export const viewPrimaryImage = () => {
+  cy.findAllByRole('img', { name: 'No photo description available.' }).should(
+    'have.length',
+    3
+  );
+  cy.findByText('No Image').should('not.exist');
+  cy.findAllByRole('img', { name: 'No photo description available.' })
+    .first()
+    .click();
+  cy.findByTestId('galleryLightBox').within(() => {
+    cy.findByText('File name: logo2.png').should('exist');
+    cy.findByText('No description available').should('exist');
+
+    cy.findByRole('img', { name: 'No Image' }).should('not.exist');
+    cy.findAllByLabelText('Close').last().click();
+  });
+  cy.findByTestId('galleryLightBox').should('not.exist');
+};
+
+export const removePrimaryImage = () => {
+  cy.findByRole('button', { name: 'primary images action menu' }).click();
+  cy.findByText('Remove Primary Image').click();
+  cy.findByRole('dialog')
+    .should('be.visible')
+    .within(() => {
+      cy.findByText('Continue').click();
+    });
+  cy.findByRole('dialog').should('not.exist');
+  cy.findByRole('img', { name: 'No Image' }).should('exist');
+};