A feature enhancement to the existing Citi Playground or Kitchen Sink application whereby, test cases are run for each category before moving to data integration phase.

The categories take into consideration Design, Functional, Accessibility & Coverage test cases.

The following combinations involve different iterations.

Use of chips component to toggle between different categories was a simple visual cue for the user. This also allows multiple test cases to be viewed with the help of multi-select option.

A static way of showing which variation has been selected for running test cases.

This allows the basic widget to be viewed in context.

Selected Design

The below design iteration was selected on account of the use of tab-bars for the categories. There is also a counter for the Total, Passed & Failed test cases along with the descriptive view of the same.

A report can be generated & downloaded specifically for accessibility for the developers to rectify any error or guideline violations.