10107865989

Committed 26 Jul 2024 08:00AM UTC coverage: 90.908% (-0.004%) from 90.912%

Build # 10107865989

Build Type

Pull #83

github

Committed by

aimedivin

Commit Message

fix(google-auth): resolve google oauth login issue

Pull Request Pull Request #83: resolve google oauth login issue

Run Details

1107 of 1370 branches covered (80.8%)

Branch coverage included in aggregate %.

78 of 80 new or added lines in 6 files covered. (97.5%)

24 existing lines in 2 files now uncovered.

11532 of 12533 relevant lines covered (92.01%)

12.41 hits per line

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

87.36

/src/components/Products/ProductCard/ClientProductCard.tsx

import React, { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { RootState } from '../../../redux/store';
import { useNavigate } from 'react-router-dom';
import deleteWishlistProduct from '../../../utils/wishlistFunctions/deleteWishlistProduct';
import { addProductToWishlist } from '../../../utils/wishlistFunctions/addProduct';
import ConfirmDeletePopup from '../../Popups/ConfirmDeletePopup';

interface Props {
  product: ProductProp;
}
export interface Category {
  name: string;
  id: string;
  createdAt: Date;
  updatedAt: Date;
  products: [
    {
      id: string;
    }
  ];
}
export interface User {
  firstName: string;
  lastName: string;
  status?: string;
}
export interface ProductProp {
  categories: Category[];
  createdAt: Date;
  description: string;
  expirationDate?: Date;
  feedbacks?: string[];
  id?: string;
  images: string[];
  isAvailable: boolean;
  name: string;
  newPrice: string;
  oldPrice?: string;
  quantity: string;
  updatedAt: Date;
  vendor: User;
}
const ClientProductCard = (props: Props) => {
  const { userToken } = useSelector((state: RootState) => state.auth);
  const { currentCategory } = useSelector((state: RootState) => state.category);

  const navigate = useNavigate();

  const handleCardClick = () => {
    navigate(`/product/${props.product.id}`);
  };

  const { products, onWihlistPage } = useSelector((state: RootState) => state.wishlist);
  const [inWishlist, setInWishlist] = useState(false);
  const dispatch = useDispatch();
  const [wishlistId, setWishlistId] = useState<number | null>(null);

  useEffect(() => {
    let productInWishlist;
    if (products) {
      productInWishlist = products.find((product) => product.productInfo.id === props.product.id);
    }
    if (productInWishlist) {
      setInWishlist(true);
      setWishlistId(productInWishlist.wishListDetails.id);
    } else {
      setInWishlist(false);
      setWishlistId(null);
    }
  }, [products, props.product.id]);

  return (
    <div
      onClick={handleCardClick}
      data-testid="productDiv"
      className="group cursor-pointer flex flex-col gap-y-2 w-[15.6rem] text-sm hover:bg-neutral-200 p-2 rounded relative duration-200"
    >
      {userToken && (
        <div className="absolute right-4 top-4 z-40">
          {onWihlistPage ? (
            <ConfirmDeletePopup
              trigger={
                <div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">
                  <i className="fa-regular fa-trash-can text-lg text-orange" data-testid="deleteButton"></i>
                </div>
              }
              title={`Confirm ${props.product.name} Deletion from your wishlist`}
              body={`Are you sure you want to delete ${props.product.name} product from your wishlist?`}
              onSubmit={() =>
                deleteWishlistProduct(userToken, dispatch, wishlistId, products, setInWishlist, props.product)
              }
            />
          ) : inWishlist ? (
            <div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">
              <i
                className="fa-solid fa-heart text-lg text-orange"
                onClick={(event: React.MouseEvent<HTMLElement>) => {
                  event.stopPropagation();
                  deleteWishlistProduct(userToken, dispatch, wishlistId, products, setInWishlist, props.product);
                }}
                data-testid="removeButton"
              ></i>
            </div>
          ) : (
            <div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">
              <i
                className="fa-regular fa-heart text-lg"
                onClick={(event: React.MouseEvent<HTMLElement>) => {
                  event.stopPropagation();
                  addProductToWishlist(userToken, dispatch, products, props.product);
                }}
                data-testid="addButton"
              ></i>
            </div>
          )}
        </div>
      )}
      <div className="bg-neutral-400 h-[19.5rem] p-2">
        <img src={props.product.images[0]} alt="" className=" h-full w-full object-contain" />
      </div>
      <div className="text-neutral-600">
        <p>{props.product.name}</p>
        {!props.product.categories[0] && <p>product</p>}
        {props.product.categories[0] && (
          <p className="text-[13px] ">
            {currentCategory
              ? currentCategory.charAt(0).toUpperCase() + currentCategory.slice(1).toLowerCase()
              : props.product.categories[0].name.charAt(0).toUpperCase() +
                props.product.categories[0].name.slice(1).toLowerCase()}
          </p>
        )}
      </div>
      <p>{props.product.vendor?.lastName + ' ' + props.product.vendor?.firstName}</p>
      <p className="text-error200">RWF {props.product.newPrice}</p>
    </div>
  );
};
export default ClientProductCard;

1	import React, { useEffect, useState } from 'react';	1✔
2	import { useDispatch, useSelector } from 'react-redux';	1✔
3	import { RootState } from '../../../redux/store';	1✔
4	import { useNavigate } from 'react-router-dom';	1✔
5	import deleteWishlistProduct from '../../../utils/wishlistFunctions/deleteWishlistProduct';	1✔
6	import { addProductToWishlist } from '../../../utils/wishlistFunctions/addProduct';	1✔
7	import ConfirmDeletePopup from '../../Popups/ConfirmDeletePopup';	1✔
8		1✔
9	interface Props {	1✔
10	product: ProductProp;	1✔
11	}	1✔
12	export interface Category {	1✔
13	name: string;	1✔
14	id: string;	1✔
15	createdAt: Date;	1✔
16	updatedAt: Date;	1✔
17	products: [	1✔
18	{	1✔
19	id: string;	1✔
20	}	1✔
21	];	1✔
22	}	1✔
23	export interface User {	1✔
24	firstName: string;	1✔
25	lastName: string;	1✔
26	status?: string;	1✔
27	}	1✔
28	export interface ProductProp {	1✔
29	categories: Category[];	1✔
30	createdAt: Date;	1✔
31	description: string;	1✔
32	expirationDate?: Date;	1✔
33	feedbacks?: string[];	1✔
34	id?: string;	1✔
35	images: string[];	1✔
36	isAvailable: boolean;	1✔
37	name: string;	1✔
38	newPrice: string;	1✔
39	oldPrice?: string;	1✔
40	quantity: string;	1✔
41	updatedAt: Date;	1✔
42	vendor: User;	1✔
43	}	1✔
44	const ClientProductCard = (props: Props) => {	1✔
45	const { userToken } = useSelector((state: RootState) => state.auth);	41✔
46	const { currentCategory } = useSelector((state: RootState) => state.category);	41✔
47		41✔
48	const navigate = useNavigate();	41✔
49		41✔
50	const handleCardClick = () => {	41✔
UNCOV 51	navigate(`/product/${props.product.id}`);	×
UNCOV 52	};	×
53		41✔
54	const { products, onWihlistPage } = useSelector((state: RootState) => state.wishlist);	41✔
55	const [inWishlist, setInWishlist] = useState(false);	41✔
56	const dispatch = useDispatch();	41✔
57	const [wishlistId, setWishlistId] = useState<number \| null>(null);	41✔
58		41✔
59	useEffect(() => {	41✔
60	let productInWishlist;	24✔
61	if (products) {	24✔
62	productInWishlist = products.find((product) => product.productInfo.id === props.product.id);	24✔
63	}	24✔
64	if (productInWishlist) {	24✔
65	setInWishlist(true);	4✔
66	setWishlistId(productInWishlist.wishListDetails.id);	4✔
67	} else {	24✔
68	setInWishlist(false);	20✔
69	setWishlistId(null);	20✔
70	}	20✔
71	}, [products, props.product.id]);	41✔
72		41✔
73	return (	41✔
74	<div	41✔
75	onClick={handleCardClick}	41✔
76	data-testid="productDiv"	41✔
77	className="group cursor-pointer flex flex-col gap-y-2 w-[15.6rem] text-sm hover:bg-neutral-200 p-2 rounded relative duration-200"	41✔
78	>	41✔
79	{userToken && (	41✔
80	<div className="absolute right-4 top-4 z-40">	12✔
81	{onWihlistPage ? (	12✔
82	<ConfirmDeletePopup	7✔
83	trigger={	7✔
84	<div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">	7✔
85	<i className="fa-regular fa-trash-can text-lg text-orange" data-testid="deleteButton"></i>	7✔
86	</div>	7✔
87	}	7✔
88	title={`Confirm ${props.product.name} Deletion from your wishlist`}	7✔
89	body={`Are you sure you want to delete ${props.product.name} product from your wishlist?`}	7✔
90	onSubmit={() =>	7✔
91	deleteWishlistProduct(userToken, dispatch, wishlistId, products, setInWishlist, props.product)	7✔
92	}	7✔
93	/>	7✔
UNCOV 94	) : inWishlist ? (	×
UNCOV 95	<div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">	×
UNCOV 96	<i	×
UNCOV 97	className="fa-solid fa-heart text-lg text-orange"	×
UNCOV 98	onClick={(event: React.MouseEvent<HTMLElement>) => {	×
UNCOV 99	event.stopPropagation();	×
UNCOV 100	deleteWishlistProduct(userToken, dispatch, wishlistId, products, setInWishlist, props.product);	×
UNCOV 101	}}	×
102	data-testid="removeButton"	7✔
103	></i>	7✔
104	</div>	5✔
105	) : (	1✔
106	<div className="group-hover:flex sm:flex md:hidden bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">	1✔
107	<i	1✔
108	className="fa-regular fa-heart text-lg"	1✔
109	onClick={(event: React.MouseEvent<HTMLElement>) => {	×
110	event.stopPropagation();	×
111	addProductToWishlist(userToken, dispatch, products, props.product);	×
UNCOV 112	}}	×
UNCOV 113	data-testid="addButton"	×
UNCOV 114	></i>	×
UNCOV 115	</div>	×
UNCOV 116	)}	×
UNCOV 117	</div>	×
UNCOV 118	)}	×
119	<div className="bg-neutral-400 h-[19.5rem] p-2">	1✔
120	<img src={props.product.images[0]} alt="" className=" h-full w-full object-contain" />	1✔
121	</div>	1✔
122	<div className="text-neutral-600">	4✔
123	<p>{props.product.name}</p>	4✔
124	{!props.product.categories[0] && <p>product</p>}	4✔
125	{props.product.categories[0] && (	4✔
126	<p className="text-[13px] ">	4✔
127	{currentCategory	1✔
128	? currentCategory.charAt(0).toUpperCase() + currentCategory.slice(1).toLowerCase()	1✔
129	: props.product.categories[0].name.charAt(0).toUpperCase() +	1✔
130	props.product.categories[0].name.slice(1).toLowerCase()}	4✔
131	</p>	4✔
132	)}	4✔
133	</div>	12✔
134	<p>{props.product.vendor?.lastName + ' ' + props.product.vendor?.firstName}</p>	12✔
135	<p className="text-error200">RWF {props.product.newPrice}</p>	41✔
136	</div>	41✔
137	);	41✔
138	};	41✔
139	export default ClientProductCard;	41✔

atlp-rwanda / knights-ecomm-fe / 10107865989

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