<div><h3><strong>User Story</strong> </h3><p><strong>Title:</strong> View and Manage My Orders </p><p><strong>As a</strong> registered user,<br><strong>I want</strong> to view a list of all my past orders and their details,<br><strong>So that</strong> I can track order statuses, view purchased items, and confirm delivery information. </p><h3><strong>Acceptance Criteria</strong> </h3><h4><strong>AC1: Access My Orders</strong> </h4><ul><li><p><strong>Given</strong> the user is logged in and has opened the side menu, </p> </li><li><p><strong>When</strong> they tap on <strong>&quot;My Orders&quot;</strong>, </p> </li><li><p><strong>Then</strong> they should be navigated to the <strong>My Orders</strong> screen showing a list of previous orders. </p> </li> </ul><h4><strong>AC2: Order List Display</strong> </h4><ul><li><p><strong>Given</strong> the user is on the My Orders screen, </p> </li><li><p><strong>When</strong> the screen loads, </p> </li><li><p><strong>Then</strong> each order item should display: </p><ul><li><p>Order ID </p> </li><li><p>Date and time of order </p> </li><li><p>Total amount and number of items </p> </li><li><p>Order status (e.g., <em>Completed</em>, <em>Processing</em>) with color-coded tags </p> </li> </ul> </li> </ul><h4><strong>AC3: Search Orders</strong> </h4><ul><li><p><strong>Given</strong> the user sees the order list, </p> </li><li><p><strong>When</strong> they enter a keyword or Order ID in the <strong>search bar</strong>, </p> </li><li><p><strong>Then</strong> only matching orders should be displayed. </p> </li> </ul><h4><strong>AC4: View Order Details</strong> </h4><ul><li><p><strong>Given</strong> the order list is shown, </p> </li><li><p><strong>When</strong> the user taps on an order item, </p> </li><li><p><strong>Then</strong> they should be navigated to a <strong>detailed view</strong> of that order. </p> </li> </ul><h4><strong>AC5: Detailed Order View</strong> </h4><ul><li><p><strong>Given</strong> the user is on the Order Detail screen, </p> </li><li><p><strong>Then</strong> the following should be shown: </p><ul><li><p>Order ID and status </p> </li><li><p>List of purchased items (with image, name, quantity, unit price, subtotal) </p> </li><li><p>Payment method (e.g., <em>Online</em>) </p> </li><li><p>Billing and shipping address (name, email, phone, full address) </p> </li><li><p>Price breakdown (subtotal, discount %, shipping, final total) </p> </li> </ul> </li> </ul><h4><strong>AC6: Back Navigation</strong> </h4><ul><li><p><strong>Given</strong> the user is in the Order Detail screen, </p> </li><li><p><strong>When</strong> they tap the back arrow, </p> </li><li><p><strong>Then</strong> they should return to the <strong>My Orders</strong> list. </p> </li> </ul><br> </div>