fix: (CXSPA-1057) - Cart summary heading order (#18439)

Co-authored-by: Piotr Bartkowiak <[email protected]>
SAP · Mar 28, 2024 · ec853f4 · ec853f4
1 parent 323d557
commit ec853f4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/feature-libs/cart/base/components/cart-shared/cart-shared.module.ts b/feature-libs/cart/base/components/cart-shared/cart-shared.module.ts
@@ -9,7 +9,7 @@ import { NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { CartOutlets } from '@spartacus/cart/base/root';
-import { I18nModule, UrlModule } from '@spartacus/core';
+import { FeaturesConfigModule, I18nModule, UrlModule } from '@spartacus/core';
 import {
   AtMessageModule,
   IconModule,
@@ -19,13 +19,13 @@ import {
   PromotionsModule,
   provideOutlet,
 } from '@spartacus/storefront';
-import { CartItemListRowComponent } from './cart-item-list-row/cart-item-list-row.component';
+import { AddToCartModule } from '../add-to-cart/add-to-cart.module';
 import { CartCouponModule } from '../cart-coupon/cart-coupon.module';
 import { CartItemValidationWarningModule } from '../validation/cart-item-warning/cart-item-validation-warning.module';
+import { CartItemListRowComponent } from './cart-item-list-row/cart-item-list-row.component';
 import { CartItemListComponent } from './cart-item-list/cart-item-list.component';
 import { CartItemComponent } from './cart-item/cart-item.component';
 import { OrderSummaryComponent } from './order-summary/order-summary.component';
-import { AddToCartModule } from '../add-to-cart/add-to-cart.module';
 
 @NgModule({
   imports: [
@@ -43,6 +43,7 @@ import { AddToCartModule } from '../add-to-cart/add-to-cart.module';
     RouterModule,
     UrlModule,
     AddToCartModule,
+    FeaturesConfigModule,
   ],
   providers: [
     provideOutlet({

diff --git a/feature-libs/cart/base/components/cart-shared/order-summary/order-summary.component.html b/feature-libs/cart/base/components/cart-shared/order-summary/order-summary.component.html
@@ -1,4 +1,9 @@
-<div class="cx-summary-heading">
+<!-- TODO: (CXSPA-5987) Remove feature flag next major -->
+<h3 *cxFeature="'a11yCartSummaryHeadingOrder'" class="cx-summary-heading">
+  {{ 'orderCost.orderSummary' | cxTranslate }}
+</h3>
+
+<div *cxFeature="'!a11yCartSummaryHeadingOrder'" class="cx-summary-heading">
   {{ 'orderCost.orderSummary' | cxTranslate }}
 </div>
 

diff --git a/feature-libs/cart/base/styles/components/_order-summary.scss b/feature-libs/cart/base/styles/components/_order-summary.scss
@@ -8,6 +8,7 @@
 
   .cx-summary-heading {
     text-transform: capitalize;
+    // TODO: (CXSPA-5987) Remove the following propery next major release
     @include type('3');
     font-weight: var(--cx-font-weight-semi);
     border-bottom: 1px solid var(--cx-color-medium);

diff --git a/projects/storefrontapp/src/app/app.module.ts b/projects/storefrontapp/src/app/app.module.ts
@@ -107,6 +107,7 @@ if (!environment.production) {
         a11yOrganizationListHeadingOrder: true,
         a11yReplenishmentOrderFieldset: true,
         a11yListOversizedFocus: true,
+        a11yCartSummaryHeadingOrder: true,
       },
     }),
     provideConfig(<StoreFinderConfig>{