e33a100c-7094-4751-abd6-bab0bc970ec6

Committed 01 Jul 2024 12:23PM UTC coverage: 84.49% (-0.7%) from 85.217%

Build # e33a100c-7094-4751-abd6-bab0bc970ec6

Build Type

Pull #28

circleci

Committed by

RWEMAREMY

Commit Message

delete with no reload

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

Run Details

96 of 130 branches covered (73.85%)

Branch coverage included in aggregate %.

22 of 50 new or added lines in 1 file covered. (44.0%)

13 existing lines in 2 files now uncovered.

1353 of 1585 relevant lines covered (85.36%)

1.76 hits per line

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

73.75

/src/redux/slices/ProductSlice.ts

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

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

export interface ProductInterface {
  description: string | undefined;
  id: string;
  name: string;
  slug: string;
  images: string[];
  categoryId: string;
  category?: CategoryAttributes;
  price: number;
  expiryDate: string;
  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 {
  bonus: string;
  status: string;
  price: string;
  quantity: string;
  description: string;
  categoryId: null;
  expiryDate: string;
  images: never[];
  name: string;
  product: ProductInterface;
  relatedProducts: ProductInterface[];
  sellerInfo: SellerInterface;
}

interface ProductState {
  data: ProductDataInterface | null;
  selectedProduct: ProductDetailsInterface | null;
  loading: boolean;
  error: FormErrorInterface | null;
  success: boolean;
  showSideNav: 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,
  showSideNav: true,
  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: {
    showSideNav(state, action) {
      state.showSideNav = action.payload;
    }
  },
  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 = false;
        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;
export const { showSideNav } = productSlice.actions;

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

atlp-rwanda / alpha-ec-fe / e33a100c-7094-4751-abd6-bab0bc970ec6

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