Working ticket final update

apps/api/src/orders/order-quantity-assignment-3.test.ts

@@ -2,12 +2,13 @@ import { afterEach, beforeEach, describe, expect, test } from "bun:test";
 import type { AppWithContext } from "../app";
 import { buildApp } from "../app";
 import { createUser } from "../users/user-repository";
+import { findOrderDetail, listOrderAuditEvents, updateOrderStatus } from "./order-repository";
 
 let app: AppWithContext;
 let employeeCookie = "";
 
 function firstHeader(value: string | string[] | undefined) {
-  return Array.isArray(value) ? value[0] : value ?? "";
+  return (Array.isArray(value) ? value[0] : value) ?? "";
 }
 
 async function login(username: string) {
@@ -43,29 +44,35 @@ describe("assignment 3 quantity validation", () => {
 
     expect(response.statusCode).toBe(200);
     expect(response.json().items.find((item: { id: string }) => item.id === "item_1")?.quantity).toBe(5);
+    const order = await findOrderDetail(app.dbContext, "order_1");
+    expect(order?.items.find((item) => item.id === "item_1")?.quantity).toBe(5);
+    const events = await listOrderAuditEvents(app.dbContext, "order_1");
+    expect(events.filter((event) => event.type === "order.item.quantity_changed")).toEqual([
+      expect.objectContaining({ actor: "dev-employee", message: "Updated item item_1 quantity to 5." })
+    ]);
   });
 
-  test("rejects quantity changes for processing orders", async () => {
+  for (const status of ["processing", "shipped", "cancelled", "refunded"] as const) {
+    test(`rejects quantity changes for ${status} orders without side effects`, async () => {
+      await updateOrderStatus(app.dbContext, "order_1", status, "2025-01-16T10:00:00.000Z");
+      const beforeOrder = await findOrderDetail(app.dbContext, "order_1");
+      const beforeEvents = await listOrderAuditEvents(app.dbContext, "order_1");
+
+      for (const payload of [{ quantity: 5 }, { quantity: 5, status: "pending" }]) {
         const response = await app.inject({
           method: "POST",
-      url: "/api/orders/order_2/items/item_3/quantity",
+          url: "/api/orders/order_1/items/item_1/quantity",
           headers: { cookie: employeeCookie },
-      payload: { quantity: 2 }
-    });
-
-    expect(response.statusCode).toBe(400);
-  });
-
-  test("rejects quantity changes for shipped orders", async () => {
-    const response = await app.inject({
-      method: "POST",
-      url: "/api/orders/order_3/items/item_4/quantity",
-      headers: { cookie: employeeCookie },
-      payload: { quantity: 1 }
+          payload
         });
 
         expect(response.statusCode).toBe(400);
+        expect(response.json<{ message: string }>()).toEqual({ message: "Order items cannot be changed for this order status." });
+        expect(await findOrderDetail(app.dbContext, "order_1")).toEqual(beforeOrder);
+        expect(await listOrderAuditEvents(app.dbContext, "order_1")).toEqual(beforeEvents);
+      }
     });
+  }
 
   test("rejects quantity outside the allowed range", async () => {
     const response = await app.inject({

apps/api/src/orders/order-status.ts

@@ -1,6 +1,8 @@
 import type { OrderStatus } from "@orderops/shared/order-status";
 
-export { canEditOrderItems } from "@orderops/shared/order-status";
+export function canEditOrderItems(status: OrderStatus) {
+  return status === "pending";
+}
 
 export function canEditShippingAddress(status: OrderStatus) {
   return status === "pending" || status === "processing";

apps/web/src/orders/order-items-panel.tsx

@@ -1,6 +1,5 @@
 import { useState } from "react";
 import type { OrderDetail } from "@orderops/shared";
-import { canEditOrderItems } from "@orderops/shared/order-status";
 
 interface OrderItemsPanelProps {
   order: OrderDetail;
@@ -40,14 +39,9 @@ function QuantityForm({
 }
 
 export function OrderItemsPanel({ order, onUpdateQuantity }: OrderItemsPanelProps) {
-  const canEditQuantity = canEditOrderItems(order.status);
-
   return (
     <section className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
       <h3 className="mb-3 text-sm font-semibold text-slate-700">Items</h3>
-      {!canEditQuantity ? (
-        <p className="mb-3 text-sm text-slate-600">Item quantities can only be changed while an order is pending.</p>
-      ) : null}
       <div className="space-y-3">
         {order.items.map((item) => (
           <div key={item.id} className="rounded-lg border border-slate-200 p-3">
@@ -57,11 +51,7 @@ export function OrderItemsPanel({ order, onUpdateQuantity }: OrderItemsPanelProp
                 <div className="text-sm text-slate-600">{item.sku}</div>
                 <div className="text-sm text-slate-500">Available: {item.availableQuantity}</div>
               </div>
-              {canEditQuantity ? (
               <QuantityForm itemId={item.id} quantity={item.quantity} onSave={onUpdateQuantity} />
-              ) : (
-                <div className="text-sm text-slate-700">Quantity: {item.quantity}</div>
-              )}
             </div>
           </div>
         ))}

packages/shared/src/order-status.ts

@@ -1,7 +1,3 @@
 export const orderStatuses = ["pending", "processing", "shipped", "cancelled", "refunded"] as const;
 
 export type OrderStatus = (typeof orderStatuses)[number];
-
-export function canEditOrderItems(status: OrderStatus) {
-  return status === "pending";
-}