<div><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC4: View Order Details</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the order list is shown, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">When</strong><span>&nbsp;</span>the user taps on an order item, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>they should be navigated to a<span>&nbsp;</span><strong style="box-sizing:border-box;">detailed view</strong><span>&nbsp;</span>of that order. </p> </li> </ul><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC5: Detailed Order View</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the user is on the Order Detail screen, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>the following should be shown: </p><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Order ID and status </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">List of purchased items (with image, name, quantity, unit price, subtotal) </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Payment method (e.g.,<span>&nbsp;</span><em style="box-sizing:border-box;">Online</em>) </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Billing and shipping address (name, email, phone, full address) </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Price breakdown (subtotal, discount %, shipping, final total) </p> </li> </ul> </li> </ul><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC6: Back Navigation</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the user is in the Order Detail screen, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">When</strong><span>&nbsp;</span>they tap the back arrow, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>they should return to the<span>&nbsp;</span><strong style="box-sizing:border-box;">My Orders</strong><span>&nbsp;</span>list. </p> </li> </ul><br> </div>