Stock Movements

QA

Link to the test

Description

This page provides history of products stock movements. This page does not allow to edit changes.

Stock Movements User Interface

Common components

• E-commerce logo.

• PrestaShop version number.

• Quick access dropdown.

• Search input - Forms input with dropdown UI kit.

• Bell icon (todo link)

• Account icon.

• Shop switcher.

• Breadcrumbs navigation - Breadcrumb UI kit.

• Heading of the page - Headings UI kit.

• Help button - Buttons outline UI kit.

• Sorting rules.

The UI elements

Search input

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	-	-
Help text	Search products (search by name, reference, supplier)	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Advanced filters dropdown

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	Advanced filters	-
Help text	Search products (search by name, reference, supplier)	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Filter by movement type dropdown

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	None	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Filter by categories check boxes

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	unmarked	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Filter by status radio buttons

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	All	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Filter by employee dropdown

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	None	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Filter by period inputs

Description	Value	Error message
Mandatory	No	-
Allowed/Forbidden values	-	-
Default value	-	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Behaviors description

Search input behavior

This is input field (Forms normal UI kit) to enter information, in order to find the appropriate stock movement and filter it out. This input has Search CTA button with search icon (Buttons with icons UI kit) once clicked it shows result by enter information.

Advanced filters dropdown behavior

This is dropdown (Dropdowns basics UI kit) once clicked it opens filtration block that contains these elements:

• Filter by movement type dropdown.

• Filter by categories check boxes.

• Filter by status radio buttons.

• Filter by employee dropdown.

• Filter by period inputs.

Filter by movement type dropdown behavior

This is dropdown (Dropdowns basics UI kit) once clicked by default it opens these options:

• None

• Customer Order

Filter by categories check boxes behavior

This filter by default shows only main Home category. When click Expand button (Buttons transparent UI kit) it opens child categories, by default: Clothes, Accessories and Art. When click Collapse button (Buttons transparent UI kit) it hides child categories. Each category is shown with unmarked (Forms stylised checkboxes UI kit), once marked shows only marked category stock movements.

Filter by status radio buttons behavior

This filter by status has radio buttons (Forms radio buttons UI kit) with options:

• Enabled

• Disabled

• All

Filter by employee dropdown behavior

This is dropdown to filter stock movements by employee (Dropdowns basics UI kit) once clicked opens employee list.

Filter by period inputs behavior

There are From and To input fields (Forms normal UI kit), once clicked on input field opens calendar in popup. It is just simple date and time selection picker widget. Select beginning and end year, month and day for stock movements filter out. There are also allowed to enter date in input field.

Stock movements list behavior

This list shows stock movement and can be filtered and sorted. It has these columns for each product or combination which stock has changed:

• Product name - shows product image, name and combination.

• Reference - shows unique product code.

• Type - shows movement type.

• Quantity - shows moved quantity.

• Date&Time - shows date and time of movement.

• Employee - shows employee.

Multistores functionality

This multistore dependent page. When open in multistore All shops context, list is not shown. Appear alert message (Alerts basics UI kit) and it is: You can't manage your stock in this shop context: select a shop instead of a group of shops.