# SUP-297 - Frontend Integration Socket API Category Performance Graphic
## Test Scenarios
#### Test Scenario 1
```gherkin
Scenario: As an Admin, I should be able to see correct category performance graphic chart based on design
Given the user has logged in as Admin
When the user is on Overview Page
Then show Category Performance section graphic chart
```
#### Test Scenario 2
```gherkin
Scenario Outline: As an Admin, I should be able to see graphic chart based on data type option
Given the user has logged in as Admin
And the user is on Overview Category Performance Section
When the user clicks dropdown data type option menu
And the user choose <dataType>
Then show graphic chart based on <dataType>
Examples:
| dataType |
| -------------- |
| primarySales |
| secondarySales |
```
#### Test Scenario 3
```gherkin
Scenario Outline: As an Admin, I should be able to see graphic chart based on dropdown type option
Given the user has logged in as Admin
And the user is on Overview Category Performance Section
And the user has chosen primary sales data type
When the user clicks dropdown option menu
And the user choose <categoryOption>
Then show graphic chart based on <categoryOption>
Examples:
| categoryOption |
| -------------- |
| brand |
| category |
| product |
```
#### Test Scenario 4
```gherkin
Scenario:
Given
And
When
Then
```
###### tags: `Sprint 7` `SBP`