07ecb30b-6f8d-48e9-9336-81fe16582bb5

Committed 02 Jul 2024 02:49PM UTC coverage: 86.125% (-0.3%) from 86.376%

Build # 07ecb30b-6f8d-48e9-9336-81fe16582bb5

Build Type

Pull #28

circleci

Committed by

RWEMAREMY

Commit Message

Authenticated user can delete and update product

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

Run Details

166 of 217 branches covered (76.5%)

Branch coverage included in aggregate %.

122 of 143 new or added lines in 3 files covered. (85.31%)

6 existing lines in 1 file now uncovered.

2143 of 2464 relevant lines covered (86.97%)

1.77 hits per line

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

93.07

/src/redux/slices/updateproductSlice.ts

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import axios from 'axios';
import { axiosRequest, FormErrorInterface } from '@/utils';
import { allData } from '../../app/dashboard/update-item/page';

export interface productData {
  name: string;
  price: string;
  quantity: string;
  description: string;
  categoryId?: string;
  expiryDate?: string;
  images?: File[];
}

export interface ProductResponse {
  status: string;
  data: productData;
  message: string;
}

export interface ProductState {
  product: ProductResponse | null;
  loading: boolean;
  status: 'loading' | 'succeeded' | 'failed';
  error: FormErrorInterface | null;
}

const initialState: ProductState = {
  loading: false,
  product: null,
  status: 'loading',
  error: null
};

export const updateProduct = createAsyncThunk(
  'product/updateProduct',
  async (data: allData, { rejectWithValue }) => {
    try {
      const product = data.productData;
      const formData = new FormData();
      Object.keys(product).forEach(key => {
        if (key === 'images' && product.images) {
          product.images.forEach(image => formData.append('images', image));
        } else {
          formData.append(key, product[key as keyof productData] as string);
        }
      });
      const response = await axiosRequest(
        'PATCH',
        `/products/${data.productId}`,
        formData,
        true
      );
      return response.data;
    } catch (err: any) {
      if (axios.isAxiosError(err) && err.response) {
        const errorResponse =
          err.response.data.data[0].message || err.response.data;
        return rejectWithValue({ message: errorResponse });
      }
      return rejectWithValue({ message: 'An error occurred' });
    }
  }
);
const updateProductSlice = createSlice({
  name: 'updateproduct',
  initialState,
  reducers: {},
  extraReducers: builder => {
    builder
      .addCase(updateProduct.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(updateProduct.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.product = action.payload as unknown as ProductResponse;
        state.loading = false;
      })
      .addCase(updateProduct.rejected, (state, action) => {
        state.status = 'failed';
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
      });
  }
});

export default updateProductSlice.reducer;

1	import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';	1✔
2	import axios from 'axios';	1✔
3	import { axiosRequest, FormErrorInterface } from '@/utils';	1✔
4	import { allData } from '../../app/dashboard/update-item/page';	1✔
5		1✔
6	export interface productData {	1✔
7	name: string;	1✔
8	price: string;	1✔
9	quantity: string;	1✔
10	description: string;	1✔
11	categoryId?: string;	1✔
12	expiryDate?: string;	1✔
13	images?: File[];	1✔
14	}	1✔
15		1✔
16	export interface ProductResponse {	1✔
17	status: string;	1✔
18	data: productData;	1✔
19	message: string;	1✔
20	}	1✔
21		1✔
22	export interface ProductState {	1✔
23	product: ProductResponse \| null;	1✔
24	loading: boolean;	1✔
25	status: 'loading' \| 'succeeded' \| 'failed';	1✔
26	error: FormErrorInterface \| null;	1✔
27	}	1✔
28		1✔
29	const initialState: ProductState = {	1✔
30	loading: false,	1✔
31	product: null,	1✔
32	status: 'loading',	1✔
33	error: null	1✔
34	};	1✔
35		1✔
36	export const updateProduct = createAsyncThunk(	1✔
37	'product/updateProduct',	1✔
38	async (data: allData, { rejectWithValue }) => {	1✔
39	try {	3✔
40	const product = data.productData;	3✔
41	const formData = new FormData();	3✔
42	Object.keys(product).forEach(key => {	3✔
43	if (key === 'images' && product.images) {	15!
NEW 44	product.images.forEach(image => formData.append('images', image));	×
45	} else {	15✔
46	formData.append(key, product[key as keyof productData] as string);	15✔
47	}	15✔
48	});	15✔
49	const response = await axiosRequest(	3✔
50	'PATCH',	3✔
51	`/products/${data.productId}`,	3✔
52	formData,	3✔
53	true	3✔
54	);	1✔
55	return response.data;	1✔
56	} catch (err: any) {	3✔
57	if (axios.isAxiosError(err) && err.response) {	2✔
58	const errorResponse =	2✔
59	err.response.data.data[0].message \|\| err.response.data;	2!
60	return rejectWithValue({ message: errorResponse });	2✔
61	}	2!
NEW 62	return rejectWithValue({ message: 'An error occurred' });	×
NEW 63	}	×
64	}	3✔
65	);	1✔
66	const updateProductSlice = createSlice({	1✔
67	name: 'updateproduct',	1✔
68	initialState,	1✔
69	reducers: {},	1✔
70	extraReducers: builder => {	1✔
71	builder	2✔
72	.addCase(updateProduct.pending, state => {	2✔
73	state.status = 'loading';	3✔
74	state.loading = true;	3✔
75	})	3✔
76	.addCase(updateProduct.fulfilled, (state, action) => {	2✔
77	state.status = 'succeeded';	1✔
78	state.product = action.payload as unknown as ProductResponse;	1✔
79	state.loading = false;	1✔
80	})	1✔
81	.addCase(updateProduct.rejected, (state, action) => {	2✔
82	state.status = 'failed';	2✔
83	state.loading = false;	2✔
84	state.error = action.payload as FormErrorInterface;	2✔
85	});	2✔
86	}	2✔
87	});	1✔
88		1✔
89	export default updateProductSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / 07ecb30b-6f8d-48e9-9336-81fe16582bb5

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