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

Reconfigure the PO remove button and add confirmation modal

    XMLWordPrintable

Details

    • ACQ Sprint 64
    • 2
    • Thunderjet

    Description

      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

      Scenarios

      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

        Attachments

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

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases