2831c49b-866a-495e-9735-4e1ffa71842a

Committed 05 Jul 2024 02:03PM UTC coverage: 83.717% (-2.0%) from 85.678%

Build # 2831c49b-866a-495e-9735-4e1ffa71842a

Build Type

Pull #34

circleci

Committed by

Ruthuwamahoro

Commit Message

feat(wishlist & cart): wishlist & cart management (#31)

add to wishlist
list all wishes
delete wishlist
add to cart
update cart
delete cart
build UI
test all frontend endpoints
deploy

[#187300115]

Pull Request Pull Request #34: feat(real-time-notification)Ensure that all notifications are received

Run Details

158 of 202 branches covered (78.22%)

Branch coverage included in aggregate %.

454 of 580 new or added lines in 6 files covered. (78.28%)

40 existing lines in 2 files now uncovered.

2099 of 2494 relevant lines covered (84.16%)

1.63 hits per line

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

94.3

/src/redux/slices/cartSlice.ts

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import axios from 'axios';
import { axiosRequest, FormErrorInterface } from '@/utils';

export interface cartFormData {
  productId: string;
  quantity: string;
}
export interface ProductsInCart {
  id: string;
  name: string;
  price: string;
  quantity: string;
  images: string[];
}

export interface cartDataResponse {
  id: string;
  produtcs: ProductsInCart[];
  totalprice: number;
}

export interface cartState {
  cart: cartDataResponse | null;
  loading: boolean;
  status: 'loading' | 'succeeded' | 'failed';
  error: FormErrorInterface | null;
}

export const initialState: cartState = {
  cart: null,
  loading: false,
  status: 'loading',
  error: null
};

export const addToCart = createAsyncThunk(
  'cart/add',
  async (formData: cartFormData, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('POST', `/carts`, formData, true);

      return response.data.data;
    } catch (err: any) {
      if (axios.isAxiosError(err) && err.response) {
      }
      const error = err as any;
      const errorResponse = error.response.data.message || error.response.data;
      return rejectWithValue({ message: errorResponse });
    }
  }
);

export const removeFromCart = createAsyncThunk(
  '/carts/product/remove',
  async (productId: string, { rejectWithValue }) => {
    try {
      const response = await axiosRequest(
        'DELETE',
        `/carts/products/${productId}`,
        {},
        true
      );
      return response.data.data;
    } catch (err: any) {
      if (axios.isAxiosError(err) && err.response) {
      }
      const error = err as any;
      const errorResponse = error.response.data.message || error.response.data;
      return rejectWithValue({ message: errorResponse });
    }
  }
);

export const updateCart = createAsyncThunk(
  '/carts/update',
  async (
    { cartId, formData2 }: { cartId: string; formData2: cartFormData },
    { rejectWithValue }
  ) => {
    try {
      const response = await axiosRequest(
        'PATCH',
        `/carts/${cartId}`,
        formData2,
        true
      );
      return response.data.data;
    } catch (err: any) {
      if (axios.isAxiosError(err) && err.response) {
      }
      const error = err as any;
      const errorResponse = error.response.data.message || error.response.data;
      return rejectWithValue({ message: errorResponse });
    }
  }
);

export const deleteCart = createAsyncThunk(
  '/carts/delete',
  async (cartId: string, { rejectWithValue }) => {
    try {
      const response = await axiosRequest(
        'DELETE',
        `/carts/${cartId}`,
        {},
        true
      );
      return response.data.data;
    } catch (err: any) {
      if (axios.isAxiosError(err) && err.response) {
      }
      const error = err as any;
      const errorResponse = error.response.data.message || error.response.data;
      return rejectWithValue({ message: errorResponse });
    }
  }
);

export const fetchCart = createAsyncThunk('cart/get', async () => {
  try {
    const response = await axiosRequest('GET', `/carts`, '', true, true);
    return response.data.data;
  } catch (error) {
    return (error as Error).message;
  }
});

const cartSlice = createSlice({
  name: 'cart',
  initialState,
  reducers: {},
  extraReducers: builder => {
    builder
      .addCase(addToCart.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(addToCart.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.cart = action.payload as unknown as cartDataResponse;
        state.loading = false;
      })
      .addCase(addToCart.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      })
      .addCase(removeFromCart.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(removeFromCart.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.cart = action.payload as unknown as cartDataResponse;
        state.loading = false;
      })
      .addCase(removeFromCart.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      })
      .addCase(updateCart.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(updateCart.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.cart = action.payload as unknown as cartDataResponse;
        state.loading = false;
      })
      .addCase(updateCart.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      })
      .addCase(deleteCart.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(deleteCart.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.cart = null;
        state.loading = false;
      })
      .addCase(deleteCart.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      })
      .addCase(fetchCart.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(fetchCart.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.cart = action.payload as unknown as cartDataResponse;
        state.loading = false;
      })
      .addCase(fetchCart.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      });
  }
});

export default cartSlice.reducer;

1	import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';	1✔
2	import axios from 'axios';	1✔
3	import { axiosRequest, FormErrorInterface } from '@/utils';	1✔
4		1✔
5	export interface cartFormData {	1✔
6	productId: string;	1✔
7	quantity: string;	1✔
8	}	1✔
9	export interface ProductsInCart {	1✔
10	id: string;	1✔
11	name: string;	1✔
12	price: string;	1✔
13	quantity: string;	1✔
14	images: string[];	1✔
15	}	1✔
16		1✔
17	export interface cartDataResponse {	1✔
18	id: string;	1✔
19	produtcs: ProductsInCart[];	1✔
20	totalprice: number;	1✔
21	}	1✔
22		1✔
23	export interface cartState {	1✔
24	cart: cartDataResponse \| null;	1✔
25	loading: boolean;	1✔
26	status: 'loading' \| 'succeeded' \| 'failed';	1✔
27	error: FormErrorInterface \| null;	1✔
28	}	1✔
29		1✔
30	export const initialState: cartState = {	1✔
31	cart: null,	1✔
32	loading: false,	1✔
33	status: 'loading',	1✔
34	error: null	1✔
35	};	1✔
36		1✔
37	export const addToCart = createAsyncThunk(	1✔
38	'cart/add',	1✔
39	async (formData: cartFormData, { rejectWithValue }) => {	1✔
40	try {	2✔
41	const response = await axiosRequest('POST', `/carts`, formData, true);	2✔
42		1✔
43	return response.data.data;	1✔
44	} catch (err: any) {	1✔
45	if (axios.isAxiosError(err) && err.response) {	1✔
46	}	1✔
47	const error = err as any;	1✔
48	const errorResponse = error.response.data.message \|\| error.response.data;	1✔
49	return rejectWithValue({ message: errorResponse });	1✔
50	}	1✔
51	}	2✔
52	);	1✔
53		1✔
54	export const removeFromCart = createAsyncThunk(	1✔
55	'/carts/product/remove',	1✔
56	async (productId: string, { rejectWithValue }) => {	1✔
57	try {	1✔
58	const response = await axiosRequest(	1✔
59	'DELETE',	1✔
60	`/carts/products/${productId}`,	1✔
61	{},	1✔
62	true	1!
NEW 63	);	×
NEW 64	return response.data.data;	×
65	} catch (err: any) {	1✔
66	if (axios.isAxiosError(err) && err.response) {	1✔
67	}	1✔
68	const error = err as any;	1✔
69	const errorResponse = error.response.data.message \|\| error.response.data;	1!
70	return rejectWithValue({ message: errorResponse });	1✔
71	}	1✔
72	}	1✔
73	);	1✔
74		1✔
75	export const updateCart = createAsyncThunk(	1✔
76	'/carts/update',	1✔
77	async (	1✔
78	{ cartId, formData2 }: { cartId: string; formData2: cartFormData },	2✔
79	{ rejectWithValue }	2✔
80	) => {	2✔
81	try {	2✔
82	const response = await axiosRequest(	2✔
83	'PATCH',	2✔
84	`/carts/${cartId}`,	2✔
85	formData2,	2✔
86	true	2✔
87	);	1✔
88	return response.data.data;	1✔
89	} catch (err: any) {	1✔
90	if (axios.isAxiosError(err) && err.response) {	1✔
91	}	1✔
92	const error = err as any;	1✔
93	const errorResponse = error.response.data.message \|\| error.response.data;	1✔
94	return rejectWithValue({ message: errorResponse });	1✔
95	}	1✔
96	}	2✔
97	);	1✔
98		1✔
99	export const deleteCart = createAsyncThunk(	1✔
100	'/carts/delete',	1✔
101	async (cartId: string, { rejectWithValue }) => {	1✔
102	try {	2✔
103	const response = await axiosRequest(	2✔
104	'DELETE',	2✔
105	`/carts/${cartId}`,	2✔
106	{},	2✔
107	true	2✔
108	);	1✔
109	return response.data.data;	1✔
110	} catch (err: any) {	1✔
111	if (axios.isAxiosError(err) && err.response) {	1✔
112	}	1✔
113	const error = err as any;	1✔
114	const errorResponse = error.response.data.message \|\| error.response.data;	1✔
115	return rejectWithValue({ message: errorResponse });	1✔
116	}	1✔
117	}	2✔
118	);	1✔
119		1✔
120	export const fetchCart = createAsyncThunk('cart/get', async () => {	1✔
121	try {	1✔
122	const response = await axiosRequest('GET', `/carts`, '', true, true);	1!
NEW 123	return response.data.data;	×
124	} catch (error) {	1✔
125	return (error as Error).message;	1✔
126	}	1✔
127	});	1✔
128		1✔
129	const cartSlice = createSlice({	1✔
130	name: 'cart',	1✔
131	initialState,	1✔
132	reducers: {},	1✔
133	extraReducers: builder => {	1✔
134	builder	2✔
135	.addCase(addToCart.pending, state => {	2✔
136	state.status = 'loading';	2✔
137	state.loading = true;	2✔
138	})	2✔
139	.addCase(addToCart.fulfilled, (state, action) => {	2✔
140	state.status = 'succeeded';	1✔
141	state.cart = action.payload as unknown as cartDataResponse;	1✔
142	state.loading = false;	1✔
143	})	1✔
144	.addCase(addToCart.rejected, state => {	2✔
145	state.status = 'failed';	1✔
146	state.loading = false;	1✔
147	})	1✔
148	.addCase(removeFromCart.pending, state => {	2✔
149	state.status = 'loading';	1✔
150	state.loading = true;	1✔
151	})	1✔
152	.addCase(removeFromCart.fulfilled, (state, action) => {	2✔
NEW 153	state.status = 'succeeded';	×
NEW 154	state.cart = action.payload as unknown as cartDataResponse;	×
NEW 155	state.loading = false;	×
NEW 156	})	×
157	.addCase(removeFromCart.rejected, state => {	2✔
158	state.status = 'failed';	1✔
159	state.loading = false;	1✔
160	})	1✔
161	.addCase(updateCart.pending, state => {	2✔
162	state.status = 'loading';	2✔
163	state.loading = true;	2✔
164	})	2✔
165	.addCase(updateCart.fulfilled, (state, action) => {	2✔
166	state.status = 'succeeded';	1✔
167	state.cart = action.payload as unknown as cartDataResponse;	1✔
168	state.loading = false;	1✔
169	})	1✔
170	.addCase(updateCart.rejected, state => {	2✔
171	state.status = 'failed';	1✔
172	state.loading = false;	1✔
173	})	1✔
174	.addCase(deleteCart.pending, state => {	2✔
175	state.status = 'loading';	2✔
176	state.loading = true;	2✔
177	})	2✔
178	.addCase(deleteCart.fulfilled, (state, action) => {	2✔
179	state.status = 'succeeded';	1✔
180	state.cart = null;	1✔
181	state.loading = false;	1✔
182	})	1✔
183	.addCase(deleteCart.rejected, state => {	2✔
184	state.status = 'failed';	1✔
185	state.loading = false;	1✔
186	})	1✔
187	.addCase(fetchCart.pending, state => {	2✔
188	state.status = 'loading';	1✔
189	state.loading = true;	1✔
190	})	1✔
191	.addCase(fetchCart.fulfilled, (state, action) => {	2✔
192	state.status = 'succeeded';	1✔
193	state.cart = action.payload as unknown as cartDataResponse;	1✔
194	state.loading = false;	1✔
195	})	1✔
196	.addCase(fetchCart.rejected, state => {	2✔
NEW 197	state.status = 'failed';	×
NEW 198	state.loading = false;	×
NEW 199	});	×
200	}	2✔
201	});	1✔
202		1✔
203	export default cartSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / 2831c49b-866a-495e-9735-4e1ffa71842a

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