793: Create Living Styleguide for Reference UI (aka Component-based Development)

 Test Case #:793

Test Case Name: Create Living Styleguide for Reference UI (aka Component-based Development)

System:

Subsystem:

Test case designed by: Paulina Borowa

Design Date:09.08.2016

Short description

Acceptance

  • read articles above, and generate style guide from 2.0.
  • filter out extraneous/one-of elements that show up, boil it down to the consistencies across the UI
  • post the style guide, the two or so files that contain all the API calls.
  • time box to 2 days max

                                                                                                                                                   

Pre – conditions:

                                                                                                                                                                                                                                                       


Step 

Action

Expected system response

Comment

1

                             

Open: OpenLMIS Styleguide

                                                                                                                                          
                                                                                                                                                                             

2

Open OpenLMIS v2 demo

 
 

 

 

3

 

Check that everything in OpenLMIS Styleguide looks like at OpenLMIS v2 demo:

1. Base:

1.1 Content style

1.2 Colors

1.3 Buttons

1.4 Links

1.5 Icons

1.6 Tables

2. Navigation:

2.1 Navigation bar

2.2 Manage menu

2.3 Rnr navigation tabs

3 Forms

 

 

OpenLMIS: the global initiative for powerful LMIS software