feat: Search results page

[suzubara]

SC-388

Proposed changes

This PR implements the Search page, including a handler that queries the CMS Search operation. It does not make the Search page/form discoverable by users - it can only be accessed by navigating directly to /search.

Dependent on #661 and https://github.com/USSF-ORBIT/ussf-portal-cms/pull/60

---

Reviewer notes

• Perform various searches and verify the expected results (Bookmarks & Articles from the CMS only) are displayed
• Only published Articles in the InternalNews category will be returned. Draft/Archived and ORBIT Blog articles will not.
• Verify the no results state is displayed when you search for something that has no matches.

Setup

• You will need to be running the CMS (make sure it's up to date with the latest)
• Run the portal client locally using yarn dev
• To test, login to the portal client and navigate to /search. You should be able to enter search terms into the form in the header and view results.

---

Code review steps

As the original developer, I have

• Met the acceptance criteria, or will meet them in subsequent PRs or stories
• Created/modified automated unit tests in Jest
  • Including jest-axe checks when UI changes
• Created/modified automated E2E tests in Cypress
  • Including cypress-axe checks when UI changes
• Performed a11y testing:
  • Checked responsiveness in mobile, tablet, and desktop
  • Checked keyboard navigability
  • Tested with VoiceOver in Safari
  • Checked VO's rotor menu for landmarks, page heading structure and links
  • Used a browser a11y tool to check for issues (WAVE, axe, ANDI or Accessibility addon tab for Storybook)
• Requested a design review for user-facing changes

As code reviewer(s), I have

• Pulled this branch locally and tested it
• Reviewed this code and left comments
• Checked that all code is adequately covered by tests
• Made it clear which comments need to be addressed before this work is merged
• Considered marking this as accepted even if there are small changes needed
• Performed a11y testing:
  • Checked responsiveness in mobile, tablet, and desktop
  • Checked keyboard navigability
  • Tested with VoiceOver in Safari
  • Checked VO's rotor menu for landmarks, page heading structure and links
  • Used a browser a11y tool to check for issues (WAVE, axe, ANDI or Accessibility addon tab for Storybook)

As a designer reviewer, I have

• Checked in the design translated visually
• Checked behavior
• Checked different states (empty, one, some, error)
• Checked for landmarks, page heading structure, and links
• Tried to break the intended flow
• Performed a11y testing:
  • Checked responsiveness in mobile, tablet, and desktop
  • Checked keyboard navigability
  • Tested with VoiceOver in Safari
  • Checked VO's rotor menu for landmarks, page heading structure and links
  • Used a browser a11y tool to check for issues (WAVE, axe, ANDI or Accessibility addon tab for Storybook)

As a test user, I have

• Run through the Test Script:
  • On commercial internet in IE11
  • On commercial internet in Firefox
  • On commercial internet in Chrome
  • On commercial internet in Safari
  • On NIPR in IE11
  • On NIPR in Firefox
  • On NIPR in Chrome
  • On NIPR in Safari
  • On a mobile device in Firefox
  • On a mobile device in Chrome
  • On a mobile device in Safari
• Added any anomalous behavior to this PR

---

Screenshots

Search results

Search result (single)

No results

No query (empty search page) -- needs design

[shortcut-integration]

This pull request has been linked to Shortcut Story #388: Search page handler.

[shortcut-integration]

This pull request has been linked to Shortcut Story #593: Add Label type to CMS schema.

[abbyoung]

thank you for leaving this note!

[abbyoung]

works as expected, looks great, so excited to see this 🎉