User story statement

As a librarian I want to display a list of shortcut keys for the operating system I am using (WIndows or Mac) that I can use to navigate the Serials app by keyboard. 

Description

A user of the Serials app should be able to open the keyboard shortcuts modal in two ways:

1. via an app menu option "Keyboard shortcuts" or 

2. via the shortcut combination cmd + option + k (mac) or ctrl + alt + k (windows)

Keyboard shortcuts for Mac and Windows users are different. Where the user's operating system can be detected the shortcuts for the OS should be displayed. Where the OS cannot be detected both sets of shortcuts should be displayed.

The work comprises the addition of:

1. a Serials app menu with one menu option "Keyboard shortcuts"

2. the shortcut key combination cmd + option + k / ctrl + alt + k

3. the keyboard shortcuts modal

Scenarios

1. Scenario

   • Given the Serials app menu

   • Then there is an option "Keyboard shortcuts"

2. Scenario

   • Given display of the Serials app menu option "Keyboard shortcuts" on a Mac operating system

   • When I select the menu option

   • Then the "Keyboard shortcuts" modal for is displayed showing Mac shortcuts

   • And focus is on the modal.

3. Scenario

   • Given display of the Serials app menu option "Keyboard shortcuts" on a Windows operating system

   • When I select the menu option

   • Then the "Keyboard shortcuts" modal for is displayed showing Windows shortcuts

   • And focus is on the modal.

4. Scenario

   • Given the Serials app on a Mac operating system

   • When I press the shortcut key combination cmd + option + k

   • Then the Keyboard shortcuts modal is displayed showing Mac shortcuts

   • And focus is on the modal.

5. Scenario

   • Given the Serials app on a Windows operating system

   • When I press the shortcut key combination ctrl + alt + k

   • Then the Keyboard shortcuts modal is displayed showing Windows shortcuts

   • And focus is on the modal.

6. Scenario

   • Given display of the "Keyboard  shortcuts" modal

   • When the operating system cannot be detected 

   • Then the Keyboard shortcuts modal is displayed showing Mac and Windows shortcuts

   • And focus is on the modal.
     The keyboard shortcuts shown in the below mockup should be displayed, in the same order:
     

Additional information
See other apps implementations e.g. Agreements: https://folio-org.atlassian.net/browse/ERM-1151