Uploaded image for project: 'ui-orders'
  1. ui-orders
  2. UIOR-255

Reconfigure the PO remove button and add confirmation modal



    • ACQ Sprint 64
    • 2
    • Thunderjet


      Purpose: PO has a "Remove" button that is in an odd place and deletes the entire PO without any confirmation. We need to move the button, change it to delete, and add a confirmation modal

      As a staff person placing orders
      I want to be able to delete orders when appropriate, but first have a confirmation
      So that I don't accidentally delete orders that I didn't mean to


      1. Scenario 1
        • Given the PO edit screen with its "Remove" button at the bottom right
        • Remove the "Remove" button
        • And replace it with a caret next to the PO number in the PO view, with the following options
          • Delete, preceded by the trashcan icon
          • Edit, preceded by the edit pencil icon
      2. Scenario 2
        • Given the PO caret's "Edit" option
        • When a user clicks it
        • Then open the PO edit screen
        • And take the same actions as when the user clicks the edit pencil at the top right of the PO view
      3. Scenario 3
        • Given the PO caret's "Delete" option
        • When the user clicks it
        • Then a confirmation modal should appear, formatted as shown in 07-Settings Delete file extension modal.png
          • Except with the following text:
          • Header: Delete [PO number]?
          • Body: Delete purchase order?
          • Standard Cancel/Delete buttons, with Delete defaulted
      4. Scenario 4
        • Given the delete confirmation modal
        • When a user clicks Cancel
        • Then close the delete confirmation modal without deleting the PO
      5. Scenario 5
        • Given the delete confirmation modal
        • When a user clicks Delete
        • Then delete the PO
        • Remove the PO from the list of POs
        • And return the user to the list of POs, without the one that was just deleted
        • And display a standard green success toast, similar to the attached, with the wording: The purchase order [PO number] was successfully deleted
      6. Scenario 6
        • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

      See attached wireframes

      TestRail: Results


          1. 07-Settings Delete file extension modal.png
            29 kB
            Ann-Marie Breaux
          2. caret_menu1.png
            136 kB
            Aliaksei Chumakou
          3. confirmation.png
            114 kB
            Aliaksei Chumakou
          4. Move PO Remove button.PNG
            106 kB
            Ann-Marie Breaux
          5. PO caret with edit & delete.PNG
            212 kB
            Ann-Marie Breaux
          6. Standard Success Toast.PNG
            10 kB
            Ann-Marie Breaux

          Issue Links



                abreaux Ann-Marie Breaux
                abreaux Ann-Marie Breaux
                Dennis Bridges Dennis Bridges
                0 Vote for this issue
                2 Start watching this issue



                  TestRail: Runs

                    TestRail: Cases