fix: 장바구니 테스트의 논리적 오류 해결

Author: JunilHwang

src/__tests__/cart.test.js

@@ -124,11 +124,12 @@ describe.sequential("2. 장바구니 수량 조절", () => {
 
     // 상품을 장바구니에 추가하고 수량을 2개로 증가
     await addProductToCart("pvc 투명 젤리 쇼핑백");
-    expect(document.querySelector(".quantity-input").value).toBe("1");
 
     const cartIcon = document.querySelector("#cart-icon-btn");
     await userEvent.click(cartIcon);
 
+    expect(document.querySelector(".quantity-input").value).toBe("1");
+
     // 수량을 먼저 2개로 증가
     const increaseButton = document.querySelector(".quantity-increase-btn");
     await userEvent.click(increaseButton);
@@ -138,7 +139,7 @@ describe.sequential("2. 장바구니 수량 조절", () => {
     expect(decreaseButton).toBeInTheDocument();
 
     const quantityInput = document.querySelector(".quantity-input");
-    expect(quantityInput.value).toBe("3");
+    expect(quantityInput.value).toBe("2");
 
     await userEvent.click(decreaseButton);
 
@@ -158,15 +159,15 @@ describe.sequential("2. 장바구니 수량 조절", () => {
     // 초기 총 금액 확인
     const getTotalAmountElement = () => screen.getByText("총 금액").parentNode.querySelector("span:last-child");
     const initialAmount = getTotalAmountElement().textContent;
-    expect(initialAmount).toBe("880원");
+    expect(initialAmount).toBe("220원");
 
     // 수량 증가
     const increaseButton = document.querySelector(".quantity-increase-btn");
     await userEvent.click(increaseButton);
 
     // 총 금액이 업데이트되었는지 확인
     const updatedAmount = getTotalAmountElement().textContent;
-    expect(updatedAmount).toBe("1,100원");
+    expect(updatedAmount).toBe("440원");
   });
 });
 
@@ -286,17 +287,12 @@ describe.sequential("5. 장바구니 전체 선택", () => {
     const cartIcon = document.querySelector("#cart-icon-btn");
     await userEvent.click(cartIcon);
 
-    const selectAllCheckbox = document.querySelector("#cart-modal-select-all-checkbox");
-
     // 전체 선택 후 전체 해제
-    await userEvent.click(selectAllCheckbox);
-    await userEvent.click(selectAllCheckbox);
+    await userEvent.click(document.querySelector("#cart-modal-select-all-checkbox"));
+    expect([...document.querySelectorAll(".cart-item-checkbox")].map((v) => v.checked)).toEqual([true, true]);
 
-    // 모든 상품의 체크박스가 해제되었는지 확인
-    const itemCheckboxes = document.querySelectorAll(".cart-item-checkbox");
-    itemCheckboxes.forEach((checkbox) => {
-      expect(checkbox.checked).toBe(false);
-    });
+    await userEvent.click(document.querySelector("#cart-modal-select-all-checkbox"));
+    expect([...document.querySelectorAll(".cart-item-checkbox")].map((v) => v.checked)).toEqual([false, false]);
   });
 });