github
142 of 207 branches covered (0.0%)
Branch coverage included in aggregate %.
3034 of 4294 relevant lines covered (70.66%)
3.27 hits per line
1 |
import { useNavigate } from "react-router-dom";
|
1✔ |
2 |
|
1✔ |
3 |
import "./ActivityListItem.css";
|
1✔ |
4 |
|
1✔ |
5 |
const ActivityListItem = ({ id, imageUrl, name }) => {
|
|
6 |
const navigate = useNavigate();
|
13✔ |
7 |
|
13✔ |
8 |
const navigateToActivityHandler = () => {
|
13✔ |
9 |
navigate(`/activity/${id}`); |
× |
10 |
}; |
× |
11 |
|
13✔ |
12 |
return (
|
13✔ |
13 |
<li |
13✔ |
14 |
data-testid="activity-list-item"
|
13✔ |
15 |
className="activity-list-item"
|
13✔ |
16 |
onClick={navigateToActivityHandler} |
13✔ |
17 |
> |
13✔ |
18 |
{imageUrl && ( |
|
19 |
<img |
1✔ |
20 |
data-testid="activity-list-item-image"
|
1✔ |
21 |
className="activity-list-item-image"
|
1✔ |
22 |
src={imageUrl} |
1✔ |
23 |
alt={`Thumbnail picture for ${name}`} |
1✔ |
24 |
/> |
1✔ |
25 |
)} |
13✔ |
26 |
<h3 |
13✔ |
27 |
data-testid="activity-list-item-name"
|
13✔ |
28 |
className="activity-list-item-name"
|
13✔ |
29 |
> |
13✔ |
30 |
{name} |
13✔ |
31 |
</h3> |
13✔ |
32 |
</li> |
13✔ |
33 |
); |
13✔ |
34 |
}; |
13✔ |
35 |
|
1✔ |
36 |
export default ActivityListItem; |
1✔ |