69b6802c-5803-4338-ac37-1d80ce1cee0c

Committed 23 Jun 2024 04:08PM UTC coverage: 83.162% (-1.5%) from 84.68%

Build # 69b6802c-5803-4338-ac37-1d80ce1cee0c

Build Type

Pull #28

circleci

Committed by

RWEMAREMY

Commit Message

Merge branch 'ft-update-delete-product-#187300104' of https://github.com/atlp-rwanda/alpha-ec-fe into ft-update-delete-product-#187300104

Pull Request Pull Request #28: Ft update delete product #187300104

Run Details

76 of 106 branches covered (71.7%)

Branch coverage included in aggregate %.

11 of 39 new or added lines in 1 file covered. (28.21%)

27 existing lines in 1 file now uncovered.

1139 of 1355 relevant lines covered (84.06%)

1.61 hits per line

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

68.16

/src/redux/slices/ProductSlice.ts

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

export interface CategoryAttributes {
  id: string;
  name: string;
  description: string;
}

interface sellerInterface {
  id: string;
  name: string;
  email: string;
  phone: string;
}

export interface ProductInterface {
  id: string;
  name: string;
  slug: string;
  images: string[];
  categoryId: string;
  category?: CategoryAttributes;
  price: number;
  expiryDate: Date;
  bonus: string;
  status: boolean;
  quantity: number;
  sellerId: string;
  seller?: sellerInterface;
  averageRatings?: number;
  reviewsCount?: number;
  createdAt: Date;
  updatedAt: Date;
  expired: boolean;
}

export interface ProductDataInterface {
  totalItems: number;
  products: ProductInterface[];
  totalPages: number;
  from: number;
  to: number;
}

export interface SellerInterface {
  id: string;
  name: string;
  email: string;
  phone: string;
}

export interface ProductDetailsInterface {
  product: ProductInterface;
  relatedProducts: ProductInterface[];
  sellerInfo: SellerInterface;
}

interface ProductState {
  data: ProductDataInterface | null;
  selectedProduct: ProductDetailsInterface | null;
  loading: boolean;
  error: FormErrorInterface | null;
  success: boolean;
  message: String;
}

interface ProductsResponse {
  data: ProductDataInterface;
}

export interface ProductQueryInterface {
  name?: string;
  limit?: string;
  page?: number;
  sellerId?: string;
  categoryId?: string;
  priceLessThan?: number;
  priceGreaterThan?: number;
}

const initialState: ProductState = {
  data: null,
  selectedProduct: null,
  loading: false,
  error: null,
  success: false,
  message: ''
};

export const getProductDetails = createAsyncThunk(
  'products/getDetails',
  async (productId: string, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('GET', `/products/${productId}`);
      return response.data.data;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'Failed to fetch products');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

export const deleteProduct = createAsyncThunk(
  'products/delete',
  async (productId: string, { rejectWithValue }) => {
    try {
      const response = await axiosRequest(
        'DELETE',
        `/products/${productId}`,
        ' ',
        true
      );
      return response.data.data;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'Failed to delete product');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

export const getProducts = createAsyncThunk(
  'products/search',
  async (productQuery: ProductQueryInterface, { rejectWithValue }) => {
    try {
      const queryParams = new URLSearchParams();

      if (productQuery.name) queryParams.append('name', productQuery.name);
      if (productQuery.limit)
        queryParams.append('limit', productQuery.limit.toString());
      if (productQuery.page)
        queryParams.append('page', productQuery.page.toString());
      if (productQuery.sellerId)
        queryParams.append('sellerId', productQuery.sellerId);
      if (productQuery.categoryId)
        queryParams.append('categoryId', productQuery.categoryId);
      if (productQuery.priceLessThan)
        queryParams.append(
          'priceLessThan',
          productQuery.priceLessThan.toString()
        );
      if (productQuery.priceGreaterThan)
        queryParams.append(
          'priceGreaterThan',
          productQuery.priceGreaterThan.toString()
        );

      const url = `/products?${queryParams.toString()}`;

      const response = await axiosRequest<null, ProductsResponse>(
        'GET',
        url,
        null
      );

      return response.data.data;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'Failed to fetch products');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

const productSlice = createSlice({
  name: 'product',
  initialState,
  reducers: {},
  extraReducers: builder => {
    builder
      .addCase(getProductDetails.pending, state => {
        state.selectedProduct = null;
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(getProductDetails.fulfilled, (state, action) => {
        state.selectedProduct = action.payload;
        state.loading = false;
        state.error = null;
        state.success = true;
      })
      .addCase(getProductDetails.rejected, (state, action) => {
        state.selectedProduct = null;
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
      })
      .addCase(deleteProduct.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(deleteProduct.fulfilled, (state, action) => {
        state.loading = false;
        state.message = action.payload;
        state.error = null;
      })
      .addCase(deleteProduct.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
      })
      .addCase(getProducts.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(getProducts.fulfilled, (state, action) => {
        state.data = action.payload;
        state.loading = false;
        state.error = null;
        state.success = true;
      })
      .addCase(getProducts.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
      });
  }
});

export default productSlice.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 CategoryAttributes {	1✔
6	id: string;	1✔
7	name: string;	1✔
8	description: string;	1✔
9	}	1✔
10		1✔
11	interface sellerInterface {	1✔
12	id: string;	1✔
13	name: string;	1✔
14	email: string;	1✔
15	phone: string;	1✔
16	}	1✔
17		1✔
18	export interface ProductInterface {	1✔
19	id: string;	1✔
20	name: string;	1✔
21	slug: string;	1✔
22	images: string[];	1✔
23	categoryId: string;	1✔
24	category?: CategoryAttributes;	1✔
25	price: number;	1✔
26	expiryDate: Date;	1✔
27	bonus: string;	1✔
28	status: boolean;	1✔
29	quantity: number;	1✔
30	sellerId: string;	1✔
31	seller?: sellerInterface;	1✔
32	averageRatings?: number;	1✔
33	reviewsCount?: number;	1✔
34	createdAt: Date;	1✔
35	updatedAt: Date;	1✔
36	expired: boolean;	1✔
37	}	1✔
38		1✔
39	export interface ProductDataInterface {	1✔
40	totalItems: number;	1✔
41	products: ProductInterface[];	1✔
42	totalPages: number;	1✔
43	from: number;	1✔
44	to: number;	1✔
45	}	1✔
46		1✔
47	export interface SellerInterface {	1✔
48	id: string;	1✔
49	name: string;	1✔
50	email: string;	1✔
51	phone: string;	1✔
52	}	1✔
53		1✔
54	export interface ProductDetailsInterface {	1✔
55	product: ProductInterface;	1✔
56	relatedProducts: ProductInterface[];	1✔
57	sellerInfo: SellerInterface;	1✔
58	}	1✔
59		1✔
60	interface ProductState {	1✔
61	data: ProductDataInterface \| null;	1✔
62	selectedProduct: ProductDetailsInterface \| null;	1✔
63	loading: boolean;	1✔
64	error: FormErrorInterface \| null;	1✔
65	success: boolean;	1✔
66	message: String;	1✔
67	}	1✔
68		1✔
69	interface ProductsResponse {	1✔
70	data: ProductDataInterface;	1✔
71	}	1✔
72		1✔
73	export interface ProductQueryInterface {	1✔
74	name?: string;	1✔
75	limit?: string;	1✔
76	page?: number;	1✔
77	sellerId?: string;	1✔
78	categoryId?: string;	1✔
79	priceLessThan?: number;	1✔
80	priceGreaterThan?: number;	1✔
81	}	1✔
82		1✔
83	const initialState: ProductState = {	1✔
84	data: null,	1✔
85	selectedProduct: null,	1✔
86	loading: false,	1✔
87	error: null,	1✔
88	success: false,	1✔
89	message: ''	1✔
90	};	1✔
91		1✔
92	export const getProductDetails = createAsyncThunk(	1✔
93	'products/getDetails',	1✔
94	async (productId: string, { rejectWithValue }) => {	1✔
95	try {	×
96	const response = await axiosRequest('GET', `/products/${productId}`);	×
UNCOV 97	return response.data.data;	×
UNCOV 98	} catch (err: unknown) {	×
UNCOV 99	if (axios.isAxiosError(err) && err.response) {	×
UNCOV 100	return rejectWithValue(err.response.data \|\| 'Failed to fetch products');	×
UNCOV 101	}	×
UNCOV 102	const error = err as Error;	×
UNCOV 103	return rejectWithValue({ message: error.message });	×
UNCOV 104	}	×
105	}	×
106	);	1✔
107		1✔
108	export const deleteProduct = createAsyncThunk(	1✔
109	'products/delete',	1✔
110	async (productId: string, { rejectWithValue }) => {	1✔
NEW 111	try {	×
NEW 112	const response = await axiosRequest(	×
NEW 113	'DELETE',	×
NEW 114	`/products/${productId}`,	×
NEW 115	' ',	×
NEW 116	true	×
NEW 117	);	×
NEW 118	return response.data.data;	×
NEW 119	} catch (err: unknown) {	×
NEW 120	if (axios.isAxiosError(err) && err.response) {	×
NEW 121	return rejectWithValue(err.response.data \|\| 'Failed to delete product');	×
NEW 122	}	×
NEW 123	const error = err as Error;	×
NEW 124	return rejectWithValue({ message: error.message });	×
NEW 125	}	×
NEW 126	}	×
127	);	1✔
128		1✔
129	export const getProducts = createAsyncThunk(	1✔
130	'products/search',	1✔
131	async (productQuery: ProductQueryInterface, { rejectWithValue }) => {	1✔
132	try {	4✔
133	const queryParams = new URLSearchParams();	4✔
134		4✔
135	if (productQuery.name) queryParams.append('name', productQuery.name);	4!
136	if (productQuery.limit)	4✔
137	queryParams.append('limit', productQuery.limit.toString());	4!
138	if (productQuery.page)	4✔
139	queryParams.append('page', productQuery.page.toString());	4!
140	if (productQuery.sellerId)	4✔
141	queryParams.append('sellerId', productQuery.sellerId);	4!
142	if (productQuery.categoryId)	4✔
143	queryParams.append('categoryId', productQuery.categoryId);	4!
144	if (productQuery.priceLessThan)	4✔
145	queryParams.append(	4!
UNCOV 146	'priceLessThan',	×
UNCOV 147	productQuery.priceLessThan.toString()	×
148	);	4✔
149	if (productQuery.priceGreaterThan)	4✔
150	queryParams.append(	4!
UNCOV 151	'priceGreaterThan',	×
UNCOV 152	productQuery.priceGreaterThan.toString()	×
153	);	4✔
154		4✔
155	const url = `/products?${queryParams.toString()}`;	4✔
156		4✔
157	const response = await axiosRequest<null, ProductsResponse>(	4✔
158	'GET',	4✔
159	url,	4✔
160	null	4!
161	);	×
UNCOV 162		×
UNCOV 163	return response.data.data;	×
164	} catch (err: unknown) {	4✔
165	if (axios.isAxiosError(err) && err.response) {	4✔
166	return rejectWithValue(err.response.data \|\| 'Failed to fetch products');	4✔
167	}	4!
UNCOV 168	const error = err as Error;	×
UNCOV 169	return rejectWithValue({ message: error.message });	×
170	}	×
171	}	4✔
172	);	1✔
173		1✔
174	const productSlice = createSlice({	1✔
175	name: 'product',	1✔
176	initialState,	1✔
177	reducers: {},	1✔
178	extraReducers: builder => {	1✔
179	builder	1✔
180	.addCase(getProductDetails.pending, state => {	1✔
UNCOV 181	state.selectedProduct = null;	×
UNCOV 182	state.loading = true;	×
UNCOV 183	state.error = null;	×
UNCOV 184	state.success = false;	×
UNCOV 185	})	×
186	.addCase(getProductDetails.fulfilled, (state, action) => {	1✔
UNCOV 187	state.selectedProduct = action.payload;	×
UNCOV 188	state.loading = false;	×
UNCOV 189	state.error = null;	×
190	state.success = true;	×
191	})	×
192	.addCase(getProductDetails.rejected, (state, action) => {	1✔
193	state.selectedProduct = null;	×
194	state.loading = false;	×
UNCOV 195	state.error = action.payload as FormErrorInterface;	×
196	state.success = false;	×
197	})	×
198	.addCase(deleteProduct.pending, state => {	1✔
NEW 199	state.loading = true;	×
NEW 200	state.error = null;	×
NEW UNCOV 201	state.success = false;	×
NEW 202	})	×
203	.addCase(deleteProduct.fulfilled, (state, action) => {	1✔
NEW 204	state.loading = false;	×
NEW 205	state.message = action.payload;	×
NEW 206	state.error = null;	×
NEW UNCOV 207	})	×
208	.addCase(deleteProduct.rejected, (state, action) => {	1✔
NEW 209	state.loading = false;	×
NEW 210	state.error = action.payload as FormErrorInterface;	×
NEW 211	state.success = false;	×
NEW 212	})	×
213	.addCase(getProducts.pending, state => {	1✔
214	state.loading = true;	4✔
215	state.error = null;	4✔
216	state.success = false;	4✔
217	})	4✔
218	.addCase(getProducts.fulfilled, (state, action) => {	1✔
219	state.data = action.payload;	×
220	state.loading = false;	×
221	state.error = null;	×
222	state.success = true;	×
223	})	×
224	.addCase(getProducts.rejected, (state, action) => {	1✔
225	state.loading = false;	4✔
226	state.error = action.payload as FormErrorInterface;	4✔
227	state.success = false;	4✔
228	});	4✔
229	}	1✔
230	});	1✔
231		1✔
232	export default productSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / 69b6802c-5803-4338-ac37-1d80ce1cee0c

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