9825800521

Committed 07 Jul 2024 08:13AM UTC coverage: 88.342% (-0.007%) from 88.349%

Build # 9825800521

Build Type

push

github

Committed by

MC-Knight

Commit Message

ft(single-product-view-and-cart-managment) add single product view component and cart managment for both guest and authenticated users functionalities to our frontend project. Resolves:#46

Run Details

503 of 689 branches covered (73.0%)

Branch coverage included in aggregate %.

635 of 722 new or added lines in 17 files covered. (87.95%)

6 existing lines in 2 files now uncovered.

6090 of 6774 relevant lines covered (89.9%)

8.01 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

70.3

/src/redux/reducers/cartReducer.ts

import { createSlice, PayloadAction } from '@reduxjs/toolkit';
import { fetchCart, addToCart, clearCart, removeFromCart } from '../actions/cartAction';
import { CartResponse, cartItem, cartData } from '../../types/cartTypes';

export interface cartState {
  cart: cartData | object;
  cartItems: cartItem[] | [];
  loading: boolean;
  error: string | null;
}

const initialState: cartState = {
  cart: {},
  cartItems: [],
  loading: false,
  error: null
};

const cartSlice = createSlice({
  name: 'cart',
  initialState,
  reducers: {
    resetState: () => initialState
  },
  extraReducers: (builder) => {
    builder
      .addCase(fetchCart.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(fetchCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {
        state.loading = false;
        if (Array.isArray(action.payload.data.cart)) {
          state.cartItems = action.payload.data.cart;
        } else {
          state.cart = action.payload.data.cart!;
          state.cartItems = action.payload.data.cart!.items;
        }
      })
      .addCase(fetchCart.rejected, (state, action: PayloadAction<any>) => {
        state.loading = false;
        state.error = action.payload?.message || 'Something went wrong, please try again.';
      })
      .addCase(addToCart.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(addToCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {
        state.cart = action.payload.data.cart!;
        state.cartItems = (state.cart as cartData)?.items || [];
        state.loading = false;
      })
      .addCase(addToCart.rejected, (state, action: PayloadAction<any>) => {
        state.loading = false;
        state.error = action.payload?.message || 'Something went wrong, please try again.';
      })
      .addCase(clearCart.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(clearCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {
        state.loading = false;
        if (Array.isArray(action.payload.data.cart)) {
          state.cartItems = action.payload.data.cart;
        } else {
          state.cart = action.payload.data.cart!;
          state.cartItems = action.payload.data.cart!.items;
        }
      })
      .addCase(clearCart.rejected, (state, action: PayloadAction<any>) => {
        state.loading = false;
        state.error = action.payload?.message || 'Something went wrong, please try again.';
      })
      .addCase(removeFromCart.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(removeFromCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {
        state.loading = false;
        if (Array.isArray(action.payload.data.cart)) {
          state.cartItems = action.payload.data.cart;
        } else {
          state.cart = action.payload.data.cart!;
          state.cartItems = action.payload.data.cart!.items;
        }
      })
      .addCase(removeFromCart.rejected, (state, action: PayloadAction<any>) => {
        state.loading = false;
        state.error = action.payload?.message || 'Something went wrong, please try again.';
      });
  }
});

export const { resetState } = cartSlice.actions;
export default cartSlice.reducer;

1	import { createSlice, PayloadAction } from '@reduxjs/toolkit';	1✔
2	import { fetchCart, addToCart, clearCart, removeFromCart } from '../actions/cartAction';	1✔
3	import { CartResponse, cartItem, cartData } from '../../types/cartTypes';	1✔
4		1✔
5	export interface cartState {	1✔
6	cart: cartData \| object;	1✔
7	cartItems: cartItem[] \| [];	1✔
8	loading: boolean;	1✔
9	error: string \| null;	1✔
10	}	1✔
11		1✔
12	const initialState: cartState = {	1✔
13	cart: {},	1✔
14	cartItems: [],	1✔
15	loading: false,	1✔
16	error: null	1✔
17	};	1✔
18		1✔
19	const cartSlice = createSlice({	1✔
20	name: 'cart',	1✔
21	initialState,	1✔
22	reducers: {	1✔
23	resetState: () => initialState	1✔
24	},	1✔
25	extraReducers: (builder) => {	1✔
26	builder	21✔
27	.addCase(fetchCart.pending, (state) => {	21✔
28	state.loading = true;	10✔
29	state.error = null;	10✔
30	})	21✔
31	.addCase(fetchCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {	21✔
32	state.loading = false;	2✔
33	if (Array.isArray(action.payload.data.cart)) {	2✔
34	state.cartItems = action.payload.data.cart;	1✔
35	} else {	1✔
36	state.cart = action.payload.data.cart!;	1✔
37	state.cartItems = action.payload.data.cart!.items;	1✔
38	}	1✔
39	})	21✔
40	.addCase(fetchCart.rejected, (state, action: PayloadAction<any>) => {	21✔
41	state.loading = false;	1✔
42	state.error = action.payload?.message \|\| 'Something went wrong, please try again.';	1!
43	})	21✔
44	.addCase(addToCart.pending, (state) => {	21✔
NEW 45	state.loading = true;	×
NEW 46	state.error = null;	×
47	})	21✔
48	.addCase(addToCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {	21✔
NEW 49	state.cart = action.payload.data.cart!;	×
NEW 50	state.cartItems = (state.cart as cartData)?.items \|\| [];	×
NEW 51	state.loading = false;	×
52	})	21✔
53	.addCase(addToCart.rejected, (state, action: PayloadAction<any>) => {	21✔
NEW 54	state.loading = false;	×
NEW 55	state.error = action.payload?.message \|\| 'Something went wrong, please try again.';	×
56	})	21✔
57	.addCase(clearCart.pending, (state) => {	21✔
NEW 58	state.loading = true;	×
NEW 59	state.error = null;	×
60	})	21✔
61	.addCase(clearCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {	21✔
NEW 62	state.loading = false;	×
NEW 63	if (Array.isArray(action.payload.data.cart)) {	×
NEW 64	state.cartItems = action.payload.data.cart;	×
NEW 65	} else {	×
NEW 66	state.cart = action.payload.data.cart!;	×
NEW 67	state.cartItems = action.payload.data.cart!.items;	×
NEW 68	}	×
69	})	21✔
70	.addCase(clearCart.rejected, (state, action: PayloadAction<any>) => {	21✔
NEW 71	state.loading = false;	×
NEW 72	state.error = action.payload?.message \|\| 'Something went wrong, please try again.';	×
73	})	21✔
74	.addCase(removeFromCart.pending, (state) => {	21✔
NEW 75	state.loading = true;	×
NEW 76	state.error = null;	×
77	})	21✔
78	.addCase(removeFromCart.fulfilled, (state, action: PayloadAction<CartResponse>) => {	21✔
NEW 79	state.loading = false;	×
NEW 80	if (Array.isArray(action.payload.data.cart)) {	×
NEW 81	state.cartItems = action.payload.data.cart;	×
NEW 82	} else {	×
NEW 83	state.cart = action.payload.data.cart!;	×
NEW 84	state.cartItems = action.payload.data.cart!.items;	×
NEW 85	}	×
86	})	21✔
87	.addCase(removeFromCart.rejected, (state, action: PayloadAction<any>) => {	21✔
NEW 88	state.loading = false;	×
NEW 89	state.error = action.payload?.message \|\| 'Something went wrong, please try again.';	×
90	});	21✔
91	}	21✔
92	});	1✔
93		1✔
94	export const { resetState } = cartSlice.actions;	1✔
95	export default cartSlice.reducer;	1✔

atlp-rwanda / knights-ecomm-fe / 9825800521

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous