25869749358

Committed 14 May 2026 03:44PM UTC coverage: 12.922% (+3.9%) from 9.056%

Build # 25869749358

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #535 from CBIIT/INS-1610

INS-1610 Add Tools & Resources content

Coverage Stats

403 of 2305 branches covered (17.48%)

Branch coverage included in aggregate %.

157 of 626 new or added lines in 29 files covered. (25.08%)

4 existing lines in 3 files now uncovered.

393 of 3855 relevant lines covered (10.19%)

35.27 hits per line

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

37.29

/src/pages/Resources/Sorting/Sorting.jsx

import React from 'react';
import {
  useLocation,
  useHistory,
} from 'react-router-dom';
import styled from 'styled-components';
import ascActiveImage from '../../../assets/img/Ascending.Active.svg';
import ascInActiveImage from '../../../assets/img/Ascending.Inactive.svg';
import descActiveImage from '../../../assets/img/Descending.Active.svg';
import descInActiveImage from '../../../assets/img/Descending.Inactive.svg';

const SortingContainer = styled.div`
  display: flex;
  float: left;
`;

const SortingLabel = styled.div`
  line-height: 37.5px;
  padding-right: 10px;
  padding-left: 20px;
  color: #000;
    font-weight: 400;
    font-family: Lato;
    font-size: 14px;
`;

const SortingOrderASC = styled.div`
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(${ascActiveImage});
  margin-left: 13px;
  cursor: pointer;
`;

const SortingOrderASCInactive = styled.div`
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(${ascInActiveImage});
  margin-left: 13px;
  cursor: pointer;
`;

const SortingOrderDESC = styled.div`
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(${descActiveImage});
  margin-left: 7px;
  cursor: pointer;
`;

const SortingOrderDESCInactive = styled.div`
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(${descInActiveImage});
  margin-left: 7px;
  cursor: pointer;
`;

const useQuery = () => new URLSearchParams(useLocation().search);

const replaceQueryStr = (query, sortOrder) => {
  let str = '';
  if (query.get('search_text')) {
    str += `&search_text=${query.get('search_text')}`;
  }
  if (query.get('filterByResearchArea')) {
    str += `&filterByResearchArea=${query.get('filterByResearchArea')}`;
  }
  if (query.get('filterByToolType')) {
    str += `&filterByToolType=${query.get('filterByToolType')}`;
  }
  if (query.get('page')) {
    str += `&page=${query.get('page')}`;
  }
  if (query.get('pageSize')) {
    str += `&pageSize=${query.get('pageSize')}`;
  }
  if (query.get('sortBy')) {
    str += `&sortBy=${query.get('sortBy')}`;
  }
  str += `&sortOrder=${sortOrder}`;
  return str.substring(1);
};

const Sorting = ({
  sort = {},
}) => {
  const sortV = sort && sort.v ? sort.v : 'desc';
  const query = useQuery();
  const history = useHistory();

  const handleASCSorting = () => {
    const queryStr = replaceQueryStr(query, 'asc');
    history.push(`/resources?${queryStr}`);
  };

  const handleDESCSorting = () => {
    const queryStr = replaceQueryStr(query, 'desc');
    history.push(`/resources?${queryStr}`);
  };

  return (
    <>
      <SortingContainer data-testid="sorting-container">
        <SortingLabel>
          SORT BY TITLE
        </SortingLabel>
      </SortingContainer>
      {
        sortV === 'asc'
          ? (
            <>
              <SortingOrderASC data-testid="sorting-asc-active" onClick={handleASCSorting} />
              <SortingOrderDESCInactive data-testid="sorting-desc-inactive" onClick={handleDESCSorting} />
            </>
          )
          : (
            <>
              <SortingOrderASCInactive data-testid="sorting-asc-inactive" onClick={handleASCSorting} />
              <SortingOrderDESC data-testid="sorting-desc-active" onClick={handleDESCSorting} />
            </>
          )
      }
    </>
  );
};

export default Sorting;

1	import React from 'react';
2	import {
3	useLocation,
4	useHistory,
5	} from 'react-router-dom';
6	import styled from 'styled-components';
7	import ascActiveImage from '../../../assets/img/Ascending.Active.svg';
8	import ascInActiveImage from '../../../assets/img/Ascending.Inactive.svg';
9	import descActiveImage from '../../../assets/img/Descending.Active.svg';
10	import descInActiveImage from '../../../assets/img/Descending.Inactive.svg';
11
12	const SortingContainer = styled.div`	2✔
13	display: flex;
14	float: left;
15	`;
16
17	const SortingLabel = styled.div`	2✔
18	line-height: 37.5px;
19	padding-right: 10px;
20	padding-left: 20px;
21	color: #000;
22	font-weight: 400;
23	font-family: Lato;
24	font-size: 14px;
25	`;
26
27	const SortingOrderASC = styled.div`	2✔
28	width: 25px;
29	background-repeat: no-repeat;
30	background-position: center;
31	background-image: url(${ascActiveImage});
32	margin-left: 13px;
33	cursor: pointer;
34	`;
35
36	const SortingOrderASCInactive = styled.div`	2✔
37	width: 25px;
38	background-repeat: no-repeat;
39	background-position: center;
40	background-image: url(${ascInActiveImage});
41	margin-left: 13px;
42	cursor: pointer;
43	`;
44
45	const SortingOrderDESC = styled.div`	2✔
46	width: 25px;
47	background-repeat: no-repeat;
48	background-position: center;
49	background-image: url(${descActiveImage});
50	margin-left: 7px;
51	cursor: pointer;
52	`;
53
54	const SortingOrderDESCInactive = styled.div`	2✔
55	width: 25px;
56	background-repeat: no-repeat;
57	background-position: center;
58	background-image: url(${descInActiveImage});
59	margin-left: 7px;
60	cursor: pointer;
61	`;
62
63	const useQuery = () => new URLSearchParams(useLocation().search);	72✔
64
65	const replaceQueryStr = (query, sortOrder) => {	2✔
NEW 66	let str = '';	×
NEW 67	if (query.get('search_text')) {	×
NEW 68	str += `&search_text=${query.get('search_text')}`;	×
69	}
NEW 70	if (query.get('filterByResearchArea')) {	×
NEW 71	str += `&filterByResearchArea=${query.get('filterByResearchArea')}`;	×
72	}
NEW 73	if (query.get('filterByToolType')) {	×
NEW 74	str += `&filterByToolType=${query.get('filterByToolType')}`;	×
75	}
NEW 76	if (query.get('page')) {	×
NEW 77	str += `&page=${query.get('page')}`;	×
78	}
NEW 79	if (query.get('pageSize')) {	×
NEW 80	str += `&pageSize=${query.get('pageSize')}`;	×
81	}
NEW 82	if (query.get('sortBy')) {	×
NEW 83	str += `&sortBy=${query.get('sortBy')}`;	×
84	}
NEW 85	str += `&sortOrder=${sortOrder}`;	×
NEW 86	return str.substring(1);	×
87	};
88
89	const Sorting = ({	2✔
90	sort = {},	1✔
91	}) => {
92	const sortV = sort && sort.v ? sort.v : 'desc';	72✔
93	const query = useQuery();	72✔
94	const history = useHistory();	72✔
95
96	const handleASCSorting = () => {	72✔
NEW 97	const queryStr = replaceQueryStr(query, 'asc');	×
NEW 98	history.push(`/resources?${queryStr}`);	×
99	};
100
101	const handleDESCSorting = () => {	72✔
NEW 102	const queryStr = replaceQueryStr(query, 'desc');	×
NEW 103	history.push(`/resources?${queryStr}`);	×
104	};
105
106	return (	72✔
107	<>
108	<SortingContainer data-testid="sorting-container">
109	<SortingLabel>
110	SORT BY TITLE
111	</SortingLabel>
112	</SortingContainer>
113	{
114	sortV === 'asc'	36✔
115	? (
116	<>
117	<SortingOrderASC data-testid="sorting-asc-active" onClick={handleASCSorting} />
118	<SortingOrderDESCInactive data-testid="sorting-desc-inactive" onClick={handleDESCSorting} />
119	</>
120	)
121	: (
122	<>
123	<SortingOrderASCInactive data-testid="sorting-asc-inactive" onClick={handleASCSorting} />
124	<SortingOrderDESC data-testid="sorting-desc-active" onClick={handleDESCSorting} />
125	</>
126	)
127	}
128	</>
129	);
130	};
131
132	export default Sorting;

CBIIT / INS-WebPortal / 25869749358

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