Story

As a tester, I want to validate that the functionality and appearance of the new, Angular Record Waste Page , is identical to the existing page in MxConnect.

Acceptance Criteria

Confirm:

1. When I navigate to the Inventory Adjustments section and click on Record Waste, the Record Waste Page is loaded and contains the following:
   1. "Add new item(s)" button
   2. a disabled, green "Finish" button
   3. a yellow warning banner in the grid, with the text "No items have been added to waste"
2. When I click on the Add new Item(s) button the Add new item(s) modal is displayed and has the following properties
   1. Title: "Add new item(s)
   2. X icon to dismiss
   3. Search for items field with defaulted text "Search for items"
   4. A Disabled Search Button with a magnifying glass icon
   5. A Cancel button
   6. A a yellow warning banner in the grid, with the text "No items have been found"
3. When I type one or more characters in the search field , the search button becomes active
   1. I can either click the active search button or the <return> key to commence the search
   2. The sortable Grid column headers are Description and Type
   3. The grid is populated with a scrollable list of raw and/or finished items that match the search text
   4. I can search by vendor or item code by either the description - (item code) or description - item code format ex. Potato Chip (319) or Potato chip - 319, both should retrieve the same results
   5. I can select the items in the grid by clicking anywhere in the item row, which checks the checkbox in the item row
   6. When I select/check row(s) in grid a Green Add Item(s) #number of items selected is displayed
      1. As I select items, the item count is incremented in the button
   7. I can close the modal by clicking the Cancel or X buttons
   8. If I click the Add item(s) button the selected items are added to the grid with up to 3 fields for the stock count units - Inner, Outer, Each
4. Each row in the grid contains the Description, Count Fields that accept float values > 0 with up to 2 decimal places , A Select Reason field with default text a garbage can to delete the item and a star to favorite an item
   1. When a valid count and reason code is selected for each of the items in the grid, the Finish button becomes active
5. When the Finish button is clicked a Finish Inventory Adjustment Modal is displayed
   1. This modal is titled: "Finish Inventory Adjustment", with the following fields:
      1. Items being modified count icon with the number of items in the grid
      2. Waste Total: $1.20
      3. Date, prepopulated with today's date
      4. Time selector with up and down arrows to select the <hh> and <mm> with AM or PM
      5. A Cancel button
      6. An Enabled Submit Adjustment button
   2. When the waste is submitted there is a green success toast with the text "Inventory Adjustment Successfully Submitted"