GIVEN: Sophie sees main page and header panel,
WHEN: Start successfully,
THEN: She sees message bar contains "(R)13:34:54 Sophie, welcome to Jitwin version 1.00"

NOTE:
"13:34:54" is current time.
(R) is an icon indicates "Real Time"
"Sophie" is the given name of AzureAD

GIVEN: Sophie sees message bar,
AND: open handle,
WHEN: She clicks the handle,
THEN: Open message bar

NOTE: To close message bar, click the same button again.

GIVEN
Sophie sees Login button in Jitwin homepage.

WHEN
Sophie click the login button.

THEN
IF interactive login is requested,
Sophie can input login account and password
AND can accept/reject OAuth permission if it is necessary
AND Sophie sees Top page
AND sees her display name of azure active directory.

NOTE
if non interactive mode, Sophie must not input her account/password and just she sees Top page automatically.

GIVEN: Open main page
AND She can see a sample process

WHEN: at the moment,

THEN: The sample process is shown at the center of screen.

NOTE:
"screen" means browser window.
"center" means the center of screen except header height.

This is first implement of MVFP scroll system expecting each GuiView have own scroll value.

GIVEN: Sophie opens main page with portrait phone
WHEN: none
THEN: There is no display name and principal name
AND: Keep profile picture.
AND: She sees Jitwin icon instead of Jitwin logo.

GIVEN: Sophie sees message bar,
AND: there are many message records,
WHEN: She swipe (drag) message
THEN: She can see old one.

GIVEN
Sophie is using browser on her mac.

WHEN
Sophie navigate to Jitwin

THEN
Sophie see homepage
AND the homepage contains text "Jitwin"
AND the homepage contains Login button

GIVEN: Sophie sees Header panel,
WHEN: She clicks account area like her name, principal name and profile picture,
THEN: Open account menu
AND contains Logout button.

GIVEN: Sophie sees Logout button in the account menu,
WHEN: She clicks the Logout button,
THEN: She can logout with AzureAD function
AND go back to Home page automatically.

NOTE:
She can click Jitwin logo to go back Home and logout there.

GIVEN: Sophie is now using Main page after login,
WHEN: Nothing,
THEN: She sees "Process" item on the center of the screen.

NOTE:
Process items is octagon shape.

GIVEN: Sophie sees a sample process on main page,

WHEN: She drag screen with customizable operation,

THEN: She can scroll the screen
AND THEN The sample process follows to her drag position.

NOTE:
Expecting this is implement as a MVFP's feature named "FeatureScroll"

about "customizable operation"

Can be set as a feature parameter. default is below 4 variation.

• [CTRL Hold]+[SHIFT Hold]+[Mouse Left Hold]+[Mouse Move]
• [Mouse Middle Hold]+[Mouse Move]
• [Mouse Right Hold]+[Mouse Move]
• [Swipe screen] (on touch panel)