[EASI-3918] Notification Page 🎉

MINT.postman_collection.json

@@ -2099,7 +2099,7 @@
 						"body": {
 							"mode": "graphql",
 							"graphql": {
-								"query": "query currentUser {\n  currentUser {\n    notifications {\n      numUnreadNotifications\n      notifications {\n        __typename\n        id\n        isRead\n        inAppSent\n        emailSent\n        activity {\n          activityType\n          entityID\n          actorID\n                    metaData {\n            __typename\n            ... on TaggedInPlanDiscussionActivityMeta{\n                version\n                type\n                discussionID\n                content\n            }\n            ... on TaggedInDiscussionReplyActivityMeta {\n                version\n                type\n                discussionID\n                replyID\n                content\n            }\n          }\n          createdByUserAccount {\n            commonName\n          }\n        }\n        createdByUserAccount {\n          commonName\n        }\n      }\n    }\n  }\n}\n",
+								"query": "query currentUser {\n  currentUser {\n    notifications {\n      numUnreadNotifications\n      notifications {\n        __typename\n        id\n        isRead\n        inAppSent\n        emailSent\n        activity {\n          activityType\n          entityID\n          actorID\n                    metaData {\n            __typename\n            ... on TaggedInPlanDiscussionActivityMeta{\n                version\n                type\n                modelPlanID\n                modelPlan{\n                    modelName\n                }      \n                discussionID\n                content\n            }\n            ... on TaggedInDiscussionReplyActivityMeta {\n                version\n                type\n                modelPlanID\n                modelPlan{\n                    modelName\n                }                  \n                discussionID\n                replyID\n                content\n            }\n          }\n          createdByUserAccount {\n            commonName\n          }\n        }\n        createdByUserAccount {\n          commonName\n        }\n      }\n    }\n  }\n}\n",
 								"variables": ""
 							}
 						},
@@ -2244,7 +2244,7 @@
 						"body": {
 							"mode": "graphql",
 							"graphql": {
-								"query": "query currentUser {\n  currentUser {\n    launchDarkly {\n      userKey\n    }\n    account {\n      commonName\n      email\n    }\n    notifications {\n      numUnreadNotifications\n      notifications {\n        __typename\n        id\n        isRead\n        inAppSent\n        emailSent\n        activity {\n          activityType\n          entityID\n          actorID\n          metaData {\n            __typename\n            ... on TaggedInPlanDiscussionActivityMeta{\n                version\n                type\n                discussionID\n                content\n            }\n            ... on TaggedInDiscussionReplyActivityMeta {\n                version\n                type\n                discussionID\n                replyID\n                content\n            }\n          }\n          createdByUserAccount {\n            commonName\n          }\n        }\n        createdByUserAccount {\n          commonName\n        }\n      }\n    }\n  }\n}\n",
+								"query": "query currentUser {\n  currentUser {\n    launchDarkly {\n      userKey\n    }\n    account {\n      commonName\n      email\n    }\n    notifications {\n      numUnreadNotifications\n      notifications {\n        __typename\n        id\n        isRead\n        inAppSent\n        emailSent\n        activity {\n          activityType\n          entityID\n          actorID\n          metaData {\n            __typename\n            ... on TaggedInPlanDiscussionActivityMeta{\n                version\n                type\n                modelPlanID\n                modelPlan{\n                    modelName\n                }                  \n                discussionID\n                content\n            }\n            ... on TaggedInDiscussionReplyActivityMeta {\n                version\n                type\n                modelPlanID\n                modelPlan{\n                    modelName\n                }                  \n                discussionID\n                replyID\n                content\n            }\n          }\n          createdByUserAccount {\n            commonName\n          }\n        }\n        createdByUserAccount {\n          commonName\n        }\n      }\n    }\n  }\n}\n",
 								"variables": "{}"
 							}
 						},

cypress/e2e/notification.spec.js

@@ -0,0 +1,112 @@
+describe('Notification Center', () => {
+  beforeEach(() => {
+    cy.localLogin({ name: 'JTTC', role: 'MINT_ASSESSMENT_NONPROD' });
+  });
+
+  it('navigates through the Notification page', () => {
+    cy.clickPlanTableByName('Empty Plan');
+
+    cy.contains('button', 'Start a discussion').click();
+
+    // Preliminarily creating two notifications before testing notifications
+    // First notification
+    cy.contains('h1', 'Start a discussion');
+
+    cy.contains('button', 'Save discussion').should('be.disabled');
+
+    cy.get('#user-role').should('not.be.disabled');
+
+    cy.get('#user-role').select('None of the above');
+
+    cy.get('#user-role-description')
+      .type('Designer')
+      .should('have.value', 'Designer');
+
+    cy.get('#mention-editor').type('@ana');
+    cy.get('#JTTC').contains('Anabelle Jerde (JTTC)').click();
+    cy.get('#mention-editor').type('First Notification');
+    cy.get('#mention-editor').should(
+      'have.text',
+      '@Anabelle Jerde (JTTC) First Notification'
+    );
+
+    cy.contains('button', 'Save discussion').click();
+
+    // Second notification
+    cy.contains('button', 'Start a discussion').click();
+
+    cy.get('#user-role').should('not.be.disabled');
+
+    cy.get('#user-role').select('None of the above');
+
+    cy.get('#user-role-description').should('have.value', 'Designer');
+
+    cy.get('#mention-editor').type('@ana');
+    cy.get('#JTTC').contains('Anabelle Jerde (JTTC)').click();
+    cy.get('#mention-editor').type('Second Notification');
+    cy.get('#mention-editor').should(
+      'have.text',
+      '@Anabelle Jerde (JTTC) Second Notification'
+    );
+
+    cy.contains('button', 'Save discussion').click();
+
+    cy.visit('/notifications');
+
+    // Actual Notification Test
+    cy.get('[data-testid="navmenu__notification"]')
+      .should('have.attr', 'href')
+      .and('equal', '/notifications');
+
+    // Check to see if Notification Nav Button has the red dot
+    cy.get('[data-testid="navmenu__notifications--yesNotification"').should(
+      'exist'
+    );
+
+    cy.get('[data-testid="individual-notification"]').should('have.length', 2);
+
+    cy.get('[data-testid="individual-notification"]')
+      .first()
+      .find('button', 'View Discussion')
+      .click();
+
+    cy.visit('/notifications');
+
+    // Check to see first entry should no longer have red dot
+    cy.get('[data-testid="individual-notification"]')
+      .first()
+      .find('[data-testid="notification-red-dot"]')
+      .should('not.exist');
+
+    // Mark all as read
+    cy.contains('button', 'Mark all as read').click();
+
+    // No more red dots
+    cy.get('[data-testid="navmenu__notifications--noNotification"').should(
+      'exist'
+    );
+    cy.get('[data-testid="notification-red-dot"]').should('have.length', 0);
+
+    // Notification Settings Test
+    cy.contains('a', 'Notification settings').click();
+
+    cy.location().should(loc => {
+      expect(loc.pathname).to.match(/settings/);
+    });
+
+    // Uncheck first checkbox and save
+    cy.get('form').within(() => {
+      cy.get('#notification-setting-email-dailyDigestComplete').uncheck({
+        force: true
+      });
+      cy.root().submit();
+    });
+
+    cy.contains('a', 'Notification settings').click();
+
+    // Unchecked first box persists
+    cy.get('#notification-setting-email-dailyDigestComplete').should(
+      'not.be.checked'
+    );
+  });
+});

migrations/V150__Remove_Current_Activities_And_Notification.sql

@@ -0,0 +1,6 @@
+/*********
+*  Delete all notifications and activities since they are not currently in use, and we changed the meta data structure for tagged activities 
+**********/
+DELETE FROM user_notification;
+
+DELETE FROM activity;