102e3ed6-d9fb-4093-89ab-6a4085ff4915

Committed 10 Jul 2024 01:31PM UTC coverage: 84.524% (-0.07%) from 84.591%

Build # 102e3ed6-d9fb-4093-89ab-6a4085ff4915

Build Type

push

circleci

Committed by

web-flow

Commit Message

fix(wishlist): wishlist errors (#42)

fix wishlist runtime error

[#187300119]

Co-authored-by: Nadine Fiona BYUKUSENGE <95854257+Nadinefiona@users.noreply.github.com>

Run Details

191 of 248 branches covered (77.02%)

Branch coverage included in aggregate %.

6 of 10 new or added lines in 3 files covered. (60.0%)

1 existing line in 1 file now uncovered.

2447 of 2873 relevant lines covered (85.17%)

1.75 hits per line

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

88.5

/src/redux/slices/wishlistSlice.ts

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

export interface wishedDataResponse {
  count: number;
  rows: ProductInterface[];
}

export interface wishlistFormData {
  productId: string;
}
export interface wishedDataResponse2 {
  count: number;
  rows: Row[];
}

export interface Row {
  id: string;
  userId: string;
  productId: string;
  createdAt: string;
  updatedAt: string;
  product: Product;
}

export interface Product {
  id: string;
  name: string;
  slug: string;
  images: string[];
  price: number;
  expiryDate?: Date;
  bonus?: string;
  status: boolean;
  quantity: number;
  description: string;
  averageRatings: number;
  reviewsCount: number;
  createdAt: string;
  updatedAt: string;
  expired: boolean;
}

export interface WishlistState {
  wishlist2: wishedDataResponse2 | null;
  wishlist: wishedDataResponse | null;
  loading: boolean;
  status: 'loading' | 'succeeded' | 'failed';
  error: FormErrorInterface | null;
}

export const initialState: WishlistState = {
  wishlist2: null,
  wishlist: null,
  loading: false,
  status: 'loading',
  error: null
};

export const addWishlist = createAsyncThunk(
  'wishlist/add',
  async (formData: wishlistFormData, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('POST', `/wishes`, formData, true);
      return response.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 fetchWishes = createAsyncThunk('wishlist/get', async () => {
  try {
    const response = await axiosRequest('GET', `/wishes`, '', true, true);
    return response.data.data.wishlist;
  } catch (error) {
    return (error as Error).message;
  }
});

export function isWishedDataResponse2(data: any): data is wishedDataResponse2 {
  if (
    typeof data !== 'object' ||
    data === null ||
    !Array.isArray(data.rows) ||
    !data.rows.every(
      (row: any) =>
        typeof row === 'object' &&
        'id' in row &&
        'userId' in row &&
        'productId' in row &&
        'createdAt' in row &&
        'updatedAt' in row &&
        'product' in row &&
        typeof row.product === 'object' &&
        'id' in row.product &&
        'name' in row.product &&
        'slug' in row.product &&
        Array.isArray(row.product.images) &&
        'price' in row.product &&
        'expiryDate' in row.product &&
        'bonus' in row.product &&
        'status' in row.product &&
        'quantity' in row.product &&
        'description' in row.product &&
        'averageRatings' in row.product &&
        'reviewsCount' in row.product &&
        'createdAt' in row.product &&
        'updatedAt' in row.product &&
        'expired' in row.product
    )
  ) {
    return false;
  }
  return true;
}

const wishlistSlice = createSlice({
  name: 'wishlist',
  initialState,
  reducers: {},
  extraReducers: builder => {
    builder
      .addCase(addWishlist.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(addWishlist.fulfilled, (state, action) => {
        state.status = 'succeeded';
        if (action.payload.message === 'Product added to wishlist') {
          if (!state.wishlist) {
            state.wishlist = { count: 0, rows: [] };
          }
          state.wishlist.count += 1;
          state.wishlist?.rows.push(action.payload.data.product);
        } else if (
          action.payload.message === 'Wishlist item deleted successfully'
        ) {
          if (state.wishlist && state.wishlist.count > 0) {
            state.wishlist.count -= 1;
            state.wishlist!.rows = state.wishlist!.rows.filter(
              product => product.id !== action.payload.data.product.id
            );
          } else {
            state.wishlist = null;
          }
        }
        state.loading = false;
      })
      .addCase(addWishlist.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      })
      .addCase(fetchWishes.pending, state => {
        state.status = 'loading';
        state.loading = true;
      })
      .addCase(fetchWishes.fulfilled, (state, action) => {
        state.status = 'succeeded';
        if (isWishedDataResponse2(action.payload)) {
          state.wishlist2 = action.payload;
        } else {
          state.wishlist = action.payload as unknown as wishedDataResponse;
        }
        state.loading = false;
      })
      .addCase(fetchWishes.rejected, state => {
        state.status = 'failed';
        state.loading = false;
      });
  }
});

export default wishlistSlice.reducer;

1	import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';	1✔
2	import axios from 'axios';	1✔
3	import { axiosRequest, FormErrorInterface } from '@/utils';	1✔
4	import { ProductInterface } from './ProductSlice';	1✔
5		1✔
6	export interface wishedDataResponse {	1✔
7	count: number;	1✔
8	rows: ProductInterface[];	1✔
9	}	1✔
10		1✔
11	export interface wishlistFormData {	1✔
12	productId: string;	1✔
13	}	1✔
14	export interface wishedDataResponse2 {	1✔
15	count: number;	1✔
16	rows: Row[];	1✔
17	}	1✔
18		1✔
19	export interface Row {	1✔
20	id: string;	1✔
21	userId: string;	1✔
22	productId: string;	1✔
23	createdAt: string;	1✔
24	updatedAt: string;	1✔
25	product: Product;	1✔
26	}	1✔
27		1✔
28	export interface Product {	1✔
29	id: string;	1✔
30	name: string;	1✔
31	slug: string;	1✔
32	images: string[];	1✔
33	price: number;	1✔
34	expiryDate?: Date;	1✔
35	bonus?: string;	1✔
36	status: boolean;	1✔
37	quantity: number;	1✔
38	description: string;	1✔
39	averageRatings: number;	1✔
40	reviewsCount: number;	1✔
41	createdAt: string;	1✔
42	updatedAt: string;	1✔
43	expired: boolean;	1✔
44	}	1✔
45		1✔
46	export interface WishlistState {	1✔
47	wishlist2: wishedDataResponse2 \| null;	1✔
48	wishlist: wishedDataResponse \| null;	1✔
49	loading: boolean;	1✔
50	status: 'loading' \| 'succeeded' \| 'failed';	1✔
51	error: FormErrorInterface \| null;	1✔
52	}	1✔
53		1✔
54	export const initialState: WishlistState = {	1✔
55	wishlist2: null,	1✔
56	wishlist: null,	1✔
57	loading: false,	1✔
58	status: 'loading',	1✔
59	error: null	1✔
60	};	1✔
61		1✔
62	export const addWishlist = createAsyncThunk(	1✔
63	'wishlist/add',	1✔
64	async (formData: wishlistFormData, { rejectWithValue }) => {	1✔
65	try {	2✔
66	const response = await axiosRequest('POST', `/wishes`, formData, true);	2✔
67	return response.data;	1✔
68	} catch (err: any) {	1✔
69	if (axios.isAxiosError(err) && err.response) {	1✔
70	}	1✔
71	const error = err as any;	1✔
72	const errorResponse = error.response.data.message \|\| error.response.data;	1✔
73	return rejectWithValue({ message: errorResponse });	1✔
74	}	1✔
75	}	2✔
76	);	1✔
77		1✔
78	export const fetchWishes = createAsyncThunk('wishlist/get', async () => {	1✔
79	try {	1✔
80	const response = await axiosRequest('GET', `/wishes`, '', true, true);	1!
81	return response.data.data.wishlist;	×
82	} catch (error) {	1✔
83	return (error as Error).message;	1✔
84	}	1✔
85	});	1✔
86		1✔
87	export function isWishedDataResponse2(data: any): data is wishedDataResponse2 {	1✔
88	if (	3✔
89	typeof data !== 'object' \|\|	3✔
90	data === null \|\|	2✔
91	!Array.isArray(data.rows) \|\|	2✔
92	!data.rows.every(	1✔
93	(row: any) =>	1✔
94	typeof row === 'object' &&	1✔
95	'id' in row &&	1✔
96	'userId' in row &&	1✔
97	'productId' in row &&	1✔
98	'createdAt' in row &&	1✔
99	'updatedAt' in row &&	1✔
100	'product' in row &&	1✔
101	typeof row.product === 'object' &&	1✔
102	'id' in row.product &&	1✔
103	'name' in row.product &&	1✔
104	'slug' in row.product &&	1✔
105	Array.isArray(row.product.images) &&	1✔
106	'price' in row.product &&	1✔
107	'expiryDate' in row.product &&	1✔
108	'bonus' in row.product &&	1✔
109	'status' in row.product &&	1✔
110	'quantity' in row.product &&	1✔
111	'description' in row.product &&	1✔
112	'averageRatings' in row.product &&	1✔
113	'reviewsCount' in row.product &&	1✔
114	'createdAt' in row.product &&	1✔
115	'updatedAt' in row.product &&	1✔
116	'expired' in row.product	1✔
117	)	3✔
118	) {	3✔
119	return false;	2✔
120	}	2✔
121	return true;	1✔
122	}	1✔
123		1✔
124	const wishlistSlice = createSlice({	1✔
125	name: 'wishlist',	1✔
126	initialState,	1✔
127	reducers: {},	1✔
128	extraReducers: builder => {	1✔
129	builder	2✔
130	.addCase(addWishlist.pending, state => {	2✔
131	state.status = 'loading';	2✔
132	state.loading = true;	2✔
133	})	2✔
134	.addCase(addWishlist.fulfilled, (state, action) => {	2✔
135	state.status = 'succeeded';	1✔
136	if (action.payload.message === 'Product added to wishlist') {	1!
NEW 137	if (!state.wishlist) {	×
NEW 138	state.wishlist = { count: 0, rows: [] };	×
NEW 139	}	×
NEW 140	state.wishlist.count += 1;	×
UNCOV 141	state.wishlist?.rows.push(action.payload.data.product);	×
142	} else if (	1✔
143	action.payload.message === 'Wishlist item deleted successfully'	1✔
144	) {	1!
145	if (state.wishlist && state.wishlist.count > 0) {	×
146	state.wishlist.count -= 1;	×
147	state.wishlist!.rows = state.wishlist!.rows.filter(	×
148	product => product.id !== action.payload.data.product.id	×
149	);	×
150	} else {	×
151	state.wishlist = null;	×
152	}	×
153	}	×
154	state.loading = false;	1✔
155	})	1✔
156	.addCase(addWishlist.rejected, state => {	2✔
157	state.status = 'failed';	1✔
158	state.loading = false;	1✔
159	})	1✔
160	.addCase(fetchWishes.pending, state => {	2✔
161	state.status = 'loading';	1✔
162	state.loading = true;	1✔
163	})	1✔
164	.addCase(fetchWishes.fulfilled, (state, action) => {	2✔
165	state.status = 'succeeded';	1✔
166	if (isWishedDataResponse2(action.payload)) {	1!
167	state.wishlist2 = action.payload;	×
168	} else {	1✔
169	state.wishlist = action.payload as unknown as wishedDataResponse;	1✔
170	}	1✔
171	state.loading = false;	1✔
172	})	1✔
173	.addCase(fetchWishes.rejected, state => {	2✔
174	state.status = 'failed';	×
175	state.loading = false;	×
176	});	×
177	}	2✔
178	});	1✔
179		1✔
180	export default wishlistSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / 102e3ed6-d9fb-4093-89ab-6a4085ff4915

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