fix(storefront): BCTHEME-1903 Viewing Orders after logging into custo…

…mer account displays incorrect quantity of products ordered compared to Order details page

CHANGELOG.md

@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Viewing Orders after logging into customer account displays incorrect quantity of products ordered compared to Order details page. [#2482](https://github.com/bigcommerce/cornerstone/pull/2482)
 - High severity security issue [#2477](https://github.com/bigcommerce/cornerstone/pull/2477)
 - Date Field Modifier - February showing 30th and 31st [#2473](https://github.com/bigcommerce/cornerstone/pull/2473)
 - Adding mobile nav dropdown focusTrap [#2465](https://github.com/bigcommerce/cornerstone/pull/2465)

package.json

@@ -50,8 +50,8 @@
     "grunt-stylelint": "^0.16.0",
     "grunt-svgstore": "^2.0.0",
     "imports-loader": "^0.7.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
     "jest-jasmine2": "^29.7.0",
     "lighthouse": "^12.1.0",
     "load-grunt-config": "^3.0.1",

templates/components/account/orders-list.html

@@ -35,7 +35,7 @@ <h6 class="account-orderStatus-label">{{this.status}}</h6>
                 <h5 class="account-product-title">
                     <a href="{{this.details_url}}">{{lang 'account.orders.list.order_number' number=this.id}}</a>
                 </h5>
-                <p class="account-product-description">{{lang 'account.orders.list.product_details' num_products=this.items.length cost=this.total.formatted}}</p>
+                <p class="account-product-description">{{lang 'account.orders.list.product_details' num_products=this.items.[0].quantity cost=this.total.formatted}}</p>
 
                 <div class="account-product-details">
                     <div class="account-product-detail">