fix: prevent outdated basket information on /basket route (#1342)

* load basket on a successful /basket route navigation to prevent outdated basket information

src/app/core/store/customer/basket/basket.effects.spec.ts

@@ -627,6 +627,34 @@ describe('Basket Effects', () => {
     });
   });
 
+  describe('loadBasketOnBasketPage$', () => {
+    it('should fire LoadBasket when route basket is navigated', () => {
+      router.navigateByUrl('/basket');
+
+      const action = routerTestNavigatedAction({
+        routerState: { url: '/basket' },
+      });
+      actions$ = of(action);
+
+      const completion = loadBasket();
+      actions$ = hot('-a', { a: action });
+      const expected$ = cold('-c', { c: completion });
+
+      expect(effects.loadBasketOnBasketPage$).toBeObservable(expected$);
+    });
+
+    it('should not fire LoadBasket when route /something is navigated', () => {
+      router.navigateByUrl('/something');
+
+      actions$ = of(
+        routerTestNavigatedAction({
+          routerState: { url: '/something' },
+        })
+      );
+      expect(effects.loadBasketOnBasketPage$).toBeObservable(cold('|'));
+    });
+  });
+
   describe('createRequisition$', () => {
     beforeEach(() => {
       store.dispatch(loadBasketSuccess({ basket: { id: 'BID' } as Basket }));

src/app/core/store/customer/basket/basket.effects.ts

@@ -339,6 +339,18 @@ export class BasketEffects {
     )
   );
 
+  /**
+   * Trigger LoadBasket action after the user navigated to a basket route
+   */
+  loadBasketOnBasketPage$ = createEffect(() =>
+    this.actions$.pipe(
+      ofType(routerNavigatedAction),
+      mapToRouterState(),
+      filter(routerState => /^\/basket/.test(routerState.url)),
+      map(() => loadBasket())
+    )
+  );
+
   /**
    * Creates a requisition based on the given basket, if approval is required
    */