Session Info Page: Public View

[cholly75]

As a member of the public, so that I can see what cases are currently scheduled to be heard at a trial session, I need a public view of the Session Info page.

In #10460, we are implementing a public view of scheduled trial sessions. In doing so, the trial sessions will be hyperlinked as usual to the specific Session Info page for that trial session. Because we do not need or want to include irrelevant data to the user, we will need a customized public-facing view of the Session Info page for display to the public.

Note that this story and 10460 should be released together; a feature flag may be necessary to facilitate separate deployments for each.

Pre-Conditions

10460

Acceptance Criteria

• Page is accessible to public facing (i.e., non-logged in user)
• Page title displays city/state, start date of session
• Page displays information contained in "Courthouse Information" if the trial session proceeding type is In Person
  • If proceeding type is Remote then no Remote Proceeding information is displayed
• All other info/cards removed from public facing page (Details, Assignments, Notes)
• Page retains current format of internal view of Trial Sessions page with the following exceptions:
  • Tabs/Views removed: Inactive Cases/All Cases
  • Columns removed: Calendar Notes
  • Icons added: red "seal lock" for cases on the session that are sealed
  • Note: would like to add this to internal view as well if possible
  • Page retains Docket No., Case Title, Petr/Respondent Counsel columns
• Docket No. links direct user to public view of Case Page
  • Clicking on a sealed case hyperlink directs users to the sealed case error/info UI
• List of open cases on page matches list of open cases on internal view at all times
• Text addition to page: "Information on this page is current as of [current mm/dd/yy 12:00 AM Eastern]" (use current time in est)
• Re-enable incoming links from page created in #10460

Notes

• If the trial is a swing session, do we need to indicate which session it's linked to on this page? - Chris to answer

Tasks

Test Cases

Story Definition of Ready (updated on 12/23/22)

The following criteria must be met in order for the user story to be picked up by the Flexion development team. The user story must:

• [ ] Is framed in business/user need, the value has been addressed.
• [ ] Includes acceptance criteria
• [ ] Has been refined
• [ ] Pre conditions have been satisfied.

Process: Flexion developers and designers will test if the story meets acceptance criteria and test cases in Flexion dev and staging environments (“standard testing”). If additional acceptance criteria or testing scenarios are discovered while the story is in progress, a new story should be created, added to the backlog and prioritized by the product owner.

Definition of Done (Updated 5-19-22)

Product Owner

• [ ] Acceptance criteria have been met and validated on the Court's migration environment
• [ ] Add scenario to testing document, if applicable (https://docs.google.com/spreadsheets/d/1FUHKC_YrT-PosaWD5gRVmsDzI1HS_U-8CyMIb-qX9EA/edit?usp=sharing)

UX

• [ ] Business test scenarios have been refined to meet all acceptance criteria
• [ ] Usability has been validated
• [ ] Wiki has been updated (if applicable)
• [ ] Story has been tested on a mobile device (for external users only)

Engineering

• [ ] Automated test scripts have been written, including visual tests for newly added PDFs.
• [ ] Field level and page level validation errors (front-end and server-side) integrated and functioning.
• [ ] Verify that language for docket record for internal users and external users is identical.
• [ ] New screens have been added to pa11y scripts.
• [ ] All new functionality verified to work with keyboard and macOS voiceover https://www.apple.com/voiceover/info/guide/_1124.html.
• [ ] READMEs, other appropriate docs, and swagger/APIs fully updated.
• [ ] UI should be touch optimized and responsive for external only (functions on supported mobile devices and optimized for screen sizes as required).
• [ ] Interactors should validate entities before calling persistence methods.
• [ ] Code refactored for clarity and to remove any known technical debt.
• [ ] If new docket entries have been added as seed data to efcms-local.json, 3 local s3 files corresponding to that docketEntryId have been added to web-api/storage/fixtures/s3/noop-documents-local-us-east-1
• [ ] Acceptance criteria for the story has been met.
• [ ] If there are special instructions in order to deploy into the next environment, add them as a comment in the story.
• [ ] If the work completed for the story requires a reindex without a migration, or any other special deploy steps, apply these changes to the following flexion branches:
  • [ ] experimental1
  • [ ] experimental2
  • [ ] experimental3
  • [ ] experimental4
  • [ ] experimental5
  • [ ] experimental6
  • [ ] develop
• [ ] Reviewed by UX on a deployed environment.
• [ ] Reviewed by PO on a deployed environment. Can be deployed to the Court's test environment if prod-like data is required. Otherwise deployed to any experimental environment.
• [ ] Deployed to the Court's staging environment.

[katiecissell]

UX Notes:

Figma File

---

Adding sealed icons to internal view:

[ttlenard]

Test Cases

1) Public user clicks on the City, State link for an In Person session from the new Scheduled Trial Sessions Page; The new Public version of the Session information page opens.

• As a public non-logged in user, navigate to the new Scheduled Trial Sessions Page (Story #10460)
• Click on the City, State link for an in Person session on that page

Expected Results:

• [ ] NEW FUNCTIONALITY - The public version of the In Person Session Information page displays (see mockup)
• [ ] NEW FUNCTIONALITY - Page header in blue states City, State, with the start date underneath (does not display estimated end date if there was one)
• [ ] NEW FUNCTIONALITY - There is a breadcrumb at the top of the page that when clicked, navigates the user back to the Scheduled Trial Sessions Page
• [ ] NEW FUNCTIONALITY - Underneath the page title "Session Information", sentence states the current date/timestamp (ET) (see mockup)
• [ ] NEW FUNCTIONALITY - There is a details card that includes the Courthouse location
• [ ] NEW FUNCTIONALITY - If it is a swing session, it is indicated to the right of the Courthouse address with a link to the Session
• [ ] NEW FUNCTIONALITY - Clicking on the link to the swing session opens the session information page on the same tab
• [ ] NEW FUNCTIONALITY - There is a table of open cases listed below the details card (See mockup for column headers/format), along with a total count.
• [ ] NEW FUNCTIONALITY - Sealed cases display the red lock icon, with a hover tip indicating it is a sealed case
• [ ] NEW FUNCTIONALITY - Consolidated cases display the Consolidated icons for lead/member case, with a hover tip indicating the appropriate type of case
• [ ] NEW FUNCTIONALITY - Sealed and consolidated icons meet accessibility guidelines

*double check that the total number of open cases displayed on the Public Session Information page matches what is displayed for the session when viewed by an internal user.

2) Public user clicks on the City, State link for a remote session from the new Scheduled trial sessions Page; the new Public version of the Session information page opens.

• As a public non-logged in user, navigate to the new Scheduled Trial Sessions Page (Story #10460)
• Click on the City, State link for a remote session on that page

Expected Results:

• [ ] NEW FUNCTIONALITY - The public version of the Remote Session Information page displays (see mockup)
• [ ] NEW FUNCTIONALITY - Page header in blue states City, State, with the start date underneath (does not display estimated end date if there was one)
• [ ] NEW FUNCTIONALITY - There is a breadcrumb at the top of the page that when clicked, navigates the user back to the Scheduled Trial Sessions Page
• [ ] NEW FUNCTIONALITY - Underneath the page title "Session Information", sentence states the current date/timestamp (ET) (see mockup)
• [ ] NEW FUNCTIONALITY - There is a details card ONLY if the remote session is part of a swing session. If no swing session, there is NO Details card
• [ ] NEW FUNCTIONALITY - If it is a swing session, it is indicated in the Details card (see mockup)
• [ ] NEW FUNCTIONALITY - Clicking on the link to the swing session opens the session information page on the same tab
• [ ] NEW FUNCTIONALITY - There is a table of open cases listed below the details card if swing session. If no swing session, no details card (See mockup for column headers/format)
• [ ] NEW FUNCTIONALITY - Sealed cases display the red lock icon, with a hover tip indicating it is a sealed case
• [ ] NEW FUNCTIONALITY - Consolidated cases display the Consolidated icons for lead/member case, with a hover tip indicating the appropriate type of case
• [ ] NEW FUNCTIONALITY - Sealed and consolidated icons meet accessibility guidelines

*double check that the total number of open cases displayed on the Public Session Information page matches what is displayed for the session when viewed by an internal user.

3) Public user clicks on the docket number link (non-sealed case) from the Session Information page; Case opens and displays case as per usual for the public user.

• Continuing from the test above
• Click on the docket number for a (non-sealed) case on the Session information page

Expected Results:

• [ ] NEW FUNCTIONALITY - The case docket record opens and displays the case as per usual for the public user (just the docket record tab, only Orders, practitioner filed briefs, amicus briefs, decision documents filed on 8/1/23 and later are linked.)
• [ ] NEW FUNCTIONALITY - Sealed documents on the docket record display as per usual, same with stricken

4) Public user clicks on the docket number link (sealed case) from the Session Information Page; Case opens and displays case as per usual for the public user.

• Continuing from the test above
• Click on the docket number for a (sealed) case on the Session information page

Expected Results:

• [ ] NEW FUNCTIONALITY - The case page opens, but displays the red banner along with the information about how the case is sealed as per usual.

5) User opens up their console and reviews the case JSON; Sealed case info is limited to ONLY what is displayed on the screen, no other case information is displayed for the sealed case. (Dev discretion - probably best to do the same for non-sealed cases too?)

• Continuing from the test above
• Review the Session information page
• Be sure that your console is open to the network tab
• Click on the JSON view and review the case list for the session

Expected Results:

• [ ] No additional case information is displayed for sealed cases, other than what is displayed on the screen.
• [ ] Dev discretion - Non-sealed cases display the same data as sealed cases? only what is displayed on the screen?

6) Repeat the tests above on a mobile device

• [ ] Tests pass on iOS
• [ ] Tests pass on Android
• [ ] Clicking on the swing session icon, Sealed icon, and consolidated icons display the helper text appropriately on mobile.
• [ ] Mobile design matches mockups
• [ ] When there is no petitioner counsel, header for "Petitioner Counsel" is not displayed on mobile

7) Docket Clerk user removes a case from an open trial session; Case no longer displays on the public Session information view.

• As a public non-logged in user, navigate to a scheduled trial session and take note of the open cases
• Next, log in as a Docket Clerk, Navigate to the same scheduled trial session and remove a case from the trial
• Log out
• As the public user, navigate back (or refresh) the page

Expected Results:

• [ ] NEW FUNCTIONALITY - The open cases that are listed no longer displays the case that the docket clerk removed.
• [ ] NEW FUNCTIONALITY - The current date/timestamp is updated.

8) Seal icons are now displayed on the internal Session Information Page (all tabs) (also the Session Copy and printed pages?) - Dev Discretion!

• This is dev discretion on if this is added internally.

• [ ] Icons are added