Cypress per thread message count (#24589)

src/applications/mhv/secure-messaging/components/ThreadList/ThreadListItem.jsx

@@ -116,7 +116,9 @@ const ThreadListItem = props => {
               )}
               <span />{' '}
               {messageCount > 1 && (
-                <span className="message-count">({messageCount} messages)</span>
+                <span className="message-count" data-testid="message-count">
+                  ({messageCount} messages)
+                </span>
               )}
             </>
           ) : (

src/applications/mhv/secure-messaging/tests/e2e/secure-messaging-thread-metadata.cypress.spec.js

@@ -0,0 +1,27 @@
+import SecureMessagingSite from './sm_site/SecureMessagingSite';
+import PatientInboxPage from './pages/PatientInboxPage';
+import inboxMessages from './fixtures/messages-response.json';
+
+describe('Secure Messaging Message Details AXE Check', () => {
+  it('Axe Check Message Details Page', () => {
+    const landingPage = new PatientInboxPage();
+    const site = new SecureMessagingSite();
+    site.login();
+    const date = new Date();
+    date.setDate(date.getDate() - 2);
+    landingPage.loadInboxMessages(inboxMessages);
+    cy.get('[data-testid="message-count"]').should($msgCount => {
+      expect($msgCount.first()).to.contain(
+        inboxMessages.data.at(0).attributes.messageCount,
+      );
+    });
+    cy.injectAxe();
+    cy.axeCheck('main', {
+      rules: {
+        'aria-required-children': {
+          enabled: false,
+        },
+      },
+    });
+  });
+});