Experience 16074: Create test result page without download results

[etanb]

Select message 📸

Message test result: single error 📸

Message test result: multi error 📸

Message test result: expanded accordions 📸

Message test result: success 📸

Full test video: 🎥

messageTestDemo.mp4

Fixes #16074

[etanb]

@jpandersen87 I chose to go with the single <form> approach for simplicity. I believe it helps with readability while centralizing the code logic a bit more.

I 100% appreciate that in React v19 there's a new potential approach to forms, but I think we should focus on the feature at hand, and make a ticket to update our forms across the board if that's something we want to prioritize. I also consolidated some of the componentized pieces you broke out since they were small enough that I felt like it actually added complexity to go search for them (ie, TestMessageLabel, MessageTestingBody etc).

Currently, this code uses AdminMessageTestingPage as a parent / wrapper component, and then it chooses between the two steps within the MessageTestingSteps enum. I've created a new hook called useTestMessageResult to get the validation from the B/E, but we have a little back-and-forth going if requests that don't have the correct responseType or other errors, should be 400 (which they currently are) or if they should be 200 with the issue as a response.

[github-actions]

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

OpenSSF Scorecard

Package	Version	Score	Details

Scanned Manifest Files

[etanb]

@jillian-hammer updated top comment with full-page images of each state, parity with Figma design.

[jillian-hammer]

thanks @etanb for the work & the screen recordings!! this is looking good!

missing states

• Do you have a view with Warnings? I think the screenshots only cover the Error and Success states.
• Does the Filters triggered section have the subsections for Quality filter and Condition filter built in? I don't see the current example being categorized as one or the other.

UX QA

• After a user adds a custom message, can it then be auto-selected for them? (Reduces the need for multiple clicks at :07 in the screen recording). if this is more of a message bank comment lmk and we can hold on this.
• The Output message should not appear if there are Errors. in other words, the Output message only appears if A) It passes with warnings or B) It passes successfully.

content QA

• "Receiver transform warnings" should read "Transform warnings"
• "Filter errors" should read "Filters triggered"

[etanb]

@jillian-hammer made those updates (except Filter Trigger subsection since we need this ticket to be resolved first) with video proof:

prUpdates.mp4

[jpandersen87]

I think just the issue with returning the original tanquery hook data + custom properties on our hook is left.

[github-actions]

Branch deployed to Chromatic 🚀.

• ⚠️ Detected 0 tests with visual changes.
• ✅ All tests passed.

View via:

• Chromatic: https://www.chromatic.com/build?appId=6419b81d4a47163c3050f14a&number=1405
• Storybook: https://6419b81d4a47163c3050f14a-ozsbxonohz.chromatic.com/

[jillian-hammer]

LGTM - thanks @etanb for your work on this!

[sonarqubecloud]

Quality Gate failed

Failed conditions
7.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud

[github-actions]

⚠️ Broken Links ⚠️

❌ https://www.hhs.gov/vulnerability-disclosure-policy/index.html

Error: Request failed with status code 403

---

❌ /assets/xlsm/20241204_ReportStream-Mapping-Template.xlsm

Error: Internal link: Page error

---

❌ https://www.cdc.gov/poxvirus/mpox/lab-personnel/report-results.html

Error: Request failed with status code 404

---