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

Reorganize the search and filter pane on the Orders landing page

    XMLWordPrintable

Details

    • ACQ Sprint 64
    • 3
    • Thunderjet

    Description

      Overview: Break the search and filter options in the first pane of the Orders landing page into toggle options for Orders vs. Order lines. Depending on whether a user selects Orders or Order lines, their search and filter options will change.

      Users need the ability to search and filter orders and order lines by a number of different field values. This will help them find exactly what they are looking for and what they should be working with.

      Scenarios

      1. Scenario 1
        • Given the Orders app landing page
        • When a user opens the Orders app
        • Then the search and filter pane should be adjusted like this:
          • Under the Search & filter header, above the search box, have a 2-button toggle similar to Search & filter toggle.PNG
            • Left button: Purchase orders
            • Right button: Purchase order lines [make this the default]
          • Based on future work, the Search box will have a dropdown of options, similar to Search & filter dropdown.PNG which change depending on whether PO or POL is toggled
            • PO search options are defined in UIOR-261 and UIOR-262 [not part of this story, future work]
            • POL search options are defined in UIOR-263 and UIOR-264 [not part of this story, future work]
          • Filter options will change depending on whether PO or POL is toggled [not part of this story, future work]
            • PO filter options are defined in UIOR-265 and UIOR-266 [not part of this story, future work]
            • POL filter options are defined in UIOR-267 and UIOR-268 [not part of this story, future work]
      2. Scenario 2 [not part of this story, future work]
        • Given the Orders app landing page
        • When a user searches or filters on various PO or POL options
        • Then the second pane results list should vary as per the following stories
      3. Scenario 3 (not part of this story - see UIOR-267)
        • Given the Orders app landing page
        • When a user first opens the app
        • Then the search & filter toggle should default to POL
        • And all filter accordions should be closed except for receipt status and payment status
      4. Scenario 4
        • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

      See attached screenshots

      NOTE that the mocked version of GET /orders will always return the same list of purchase orders, so this work may be partially blocked until that endpoint is fully implemented

      TestRail: Results

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases