Cu 86bznypcf notifications end to end testing

JeMPI_Apps/JeMPI_UI/cypress.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  projectId: '35adzy',
+  e2e: {
+    baseUrl:'http://localhost:3001/',
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+
+  component: {
+    devServer: {
+      framework: "create-react-app",
+      bundler: "webpack",
+    },
+  },
+});

JeMPI_Apps/JeMPI_UI/cypress/e2e/dashboard.cy.ts

@@ -0,0 +1,85 @@
+describe('Dashboard Component', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  it('should display the dashboard tabs', () => {
+    cy.get('[aria-label="dashboard tabs"]').should('be.visible')
+  })
+
+  it('should navigate through tabs', () => {
+    // Check initial tab (Confusion Matrix)
+    cy.get('[id="dashboard-tab-0"]').click()
+    cy.get('#dashboard-tabpanel-0').should('be.visible')
+
+    // Switch to M & U Values tab
+    cy.get('[id="dashboard-tab-1"]').click()
+    cy.get('#dashboard-tabpanel-1').should('be.visible')
+    cy.get('#dashboard-tabpanel-0').should('not.be.visible')
+
+    // Switch to Import Process Status tab
+    cy.get('[id="dashboard-tab-2"]').click()
+    cy.get('#dashboard-tabpanel-2').should('be.visible')
+    cy.get('#dashboard-tabpanel-1').should('not.be.visible')
+  })
+
+  it('should display widgets in Confusion Matrix tab', () => {
+    cy.get('[id="dashboard-tab-0"]').click()
+    cy.get('#dashboard-tabpanel-0').within(() => {
+      cy.get('fieldset legend').contains('Records').should('be.visible')
+      cy.get('fieldset legend').contains('Notifications').should('be.visible')
+      cy.get('legend').contains('Confusion Matrix').should('be.visible')
+    })
+  })
+
+  it('should display M & U widget in M & U Values tab', () => {
+    cy.get('[id="dashboard-tab-1"]').click()
+    cy.get('#dashboard-tabpanel-1').within(() => {
+      cy.get('legend').contains('M & U Values').should('be.visible')
+    })
+  })
+
+
+  it('should render correctly with no data', () => {
+    // Mock the useDashboardData hook to return no data
+    cy.intercept('GET', '/api/dashboard-data', {
+      body: {
+        data: {
+          dashboardData: {}
+        }
+      }
+    })
+
+    // Visit the page and click on the dashboard tab
+    cy.visit('/')
+    cy.get('[id="dashboard-tab-0"]').click()
+
+    // Verify that the page renders correctly with no data
+    cy.get('#dashboard-tabpanel-0').within(() => {
+      cy.get('fieldset legend').contains('Records').should('be.visible')
+      cy.get('fieldset legend').contains('Notifications').should('be.visible')
+      cy.get('legend').contains('Confusion Matrix').should('be.visible')
+    })
+  })
+
+  it('should display loading state correctly', () => {
+    // Mock the useDashboardData hook to simulate loading state
+    cy.intercept('GET', '/api/dashboard-data', (req) => {
+      req.on('response', (res) => {
+        res.setDelay(1000)
+      })
+    })
+    cy.visit('/')
+    cy.get('[id="dashboard-tab-0"]').click()
+  })
+
+  it('should handle API errors', () => {
+    // Mock the useDashboardData hook to return an error
+    cy.intercept('GET', '/api/dashboard-data', {
+      statusCode: 500,
+      body: { error: 'Internal Server Error' }
+    })
+    cy.visit('/')
+    cy.get('[id="dashboard-tab-0"]').click()
+  })
+})

JeMPI_Apps/JeMPI_UI/cypress/e2e/mock_notifications.cy.ts

@@ -0,0 +1,8 @@
+describe('it mocks fetch notifications',()=>{
+it.only('checks api call', () => {
+    cy.populateData()
+    cy.wait('@fetchNotifications') // wait for the intercept to finish
+    cy.get('[data-cy=item-list]').should('contain', 'Bob Smith');
+    })
+
+})

JeMPI_Apps/JeMPI_UI/cypress/e2e/notifications.cy.ts

@@ -0,0 +1,71 @@
+describe('NotificationWorklist component', () => {
+  beforeEach(() => {
+    cy.visit('/notifications');
+  });
+
+  describe('Page Header', () => {
+    it('should display the page header', () => {
+      cy.get('#page-header').should('contain.text', 'Notification Worklist');
+    });
+  });
+
+  describe('Filters', () => {
+    it('should display the start date filter', () => {
+      cy.get('#start-date-filter').should('be.visible');
+    });
+
+    it('should display the end date filter', () => {
+      cy.get('#end-date-filter').should('be.visible');
+    });
+
+    it('should display the states dropdown', () => {
+      cy.get('#single-chip').click();
+      cy.contains('ALL').click();
+    });
+
+    it('should have the correct default selected value', () => {
+      cy.get('#single-chip').click();
+      cy.contains('OPEN').click({ force: true });
+    });
+
+    it('should allow selecting an option', () => {
+      cy.get('#single-chip').click();
+      cy.contains('ALL').click();
+    });
+
+    it('should not allow multiple selections', () => {
+      cy.get('#single-chip').click();
+      cy.contains('ALL').click();
+      cy.get('#single-chip').click();
+      cy.contains('CLOSED').click();
+      cy.get('#single-chip').find('span.MuiChip-label').should('contain.text', 'CLOSED');
+    });
+  });
+
+  describe('Data Grid', () => {
+    it('should display the data grid', () => {
+      cy.get('.MuiDataGrid-root').should('be.visible');
+    });
+
+    it('should display the pagination', () => {
+      cy.get('.MuiPagination-root').should('be.visible');
+    });
+  });
+
+
+  describe('API Calls', () => {
+    beforeEach(() => {
+      cy.intercept("POST", "http://localhost:50000/JeMPI/notifications", { fixture: "notifications.json" }).as('getNotifications');
+      cy.visit("/notifications");
+    });
+
+    it("It mocks API response", () => {
+      cy.get('#notification-container').should('be.visible');
+      cy.get('#notification-container .MuiDataGrid-main .MuiDataGrid-virtualScroller .MuiDataGrid-row').should('exist');
+      cy.get('#notification-container .MuiDataGrid-main .MuiDataGrid-virtualScroller .MuiDataGrid-row').should('have.length',25);
+    });
+  });
+
+});
+
+

JeMPI_Apps/JeMPI_UI/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "[email protected]",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}