9615294816

Committed 21 Jun 2024 02:30PM UTC coverage: 22.84% (+0.3%) from 22.587%

Build # 9615294816

Build Type

push

github

Committed by

gustavo-salazar

Commit Message

TS: Extract Taxonomy/List

Run Details

605 of 3478 branches covered (17.4%)

Branch coverage included in aggregate %.

0 of 2 new or added lines in 1 file covered. (0.0%)

3 existing lines in 1 file now uncovered.

1391 of 5261 relevant lines covered (26.44%)

68.86 hits per line

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

0.0

/src/pages/Taxonomy/index.js

// @flow
/* eslint-disable react/display-name */
/* eslint-disable camelcase */
import React, { useEffect, useState } from 'react';
import T from 'prop-types';

import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import { format } from 'url';

import loadData from 'higherOrder/loadData';
import descriptionToPath from 'utils/processDescription/descriptionToPath';
import loadable from 'higherOrder/loadable';

import subPages from 'subPages';
import config from 'config';

import EndPointPage from '../endpoint-page';

const SummaryAsync = loadable({
  loader: () =>
    import(
      // $FlowFixMe
      /* webpackChunkName: "taxonomy-summary" */ 'components/Taxonomy/Summary'
    ),
});
const ListAsync = loadable({
  loader: () =>
    import(
      // $FlowFixMe
      /* webpackChunkName: "taxonomy-list" */ 'components/Taxonomy/List'
    ),
});

const subPagesForTaxonomy = new Map();
for (const subPage of config.pages.taxonomy.subPages) {
  subPagesForTaxonomy.set(subPage, subPages.get(subPage));
}

const childRoutes = /(\d+)|(all)/i;

const _ExactMatchSearch = ({ data, onSearchComplete }) => {
  useEffect(() => {
    onSearchComplete(data && !data.loading && data.payload);
  });
  return null;
};

const getURLFromState = createSelector(
  (state) => state.settings.api,
  (state) => state.customLocation.description,
  (state) => state.customLocation.search,
  ({ protocol, hostname, port, root }, description, { search }) => {
    if (search && search.match(/^\d+$/)) {
      const desc = {
        ...description,
        taxonomy: {
          db: 'uniprot',
          accession: search,
        },
      };
      try {
        return format({
          protocol,
          hostname,
          port,
          pathname: root + descriptionToPath(desc),
        });
      } catch {
        return;
      }
    } else if (search && search.match(/^[\w ]+$/)) {
      try {
        return format({
          protocol,
          hostname,
          port,
          pathname: root + descriptionToPath(description),
          search: `?scientific_name=${search}`,
        });
      } catch {
        return;
      }
    }
  },
);

const ExactMatchSearch = loadData(getURLFromState)(_ExactMatchSearch);

const Taxonomy = ({ search }) => {
  const [accSearch, setAccSearch] = useState(null);
  const searchTerm = search && search.search;
  return (
    <>
      {searchTerm && <ExactMatchSearch onSearchComplete={setAccSearch} />}
      <EndPointPage
        subpagesRoutes={childRoutes}
        listOfEndpointEntities={ListAsync}
        SummaryAsync={SummaryAsync}
        subPagesForEndpoint={subPagesForTaxonomy}
        exactMatch={(searchTerm && accSearch) || null}
      />
    </>
  );
};
Taxonomy.propTypes = {
  search: T.shape({
    search: T.string,
  }),
};

const mapStateToProps = createSelector(
  (state) => state.customLocation.search,
  (search) => ({ search }),
);

export default connect(mapStateToProps)(Taxonomy);

1	// @flow
2	/* eslint-disable react/display-name */
3	/* eslint-disable camelcase */
4	import React, { useEffect, useState } from 'react';
5	import T from 'prop-types';
6
7	import { connect } from 'react-redux';
8	import { createSelector } from 'reselect';
9	import { format } from 'url';
10
11	import loadData from 'higherOrder/loadData';
12	import descriptionToPath from 'utils/processDescription/descriptionToPath';
13	import loadable from 'higherOrder/loadable';
14
15	import subPages from 'subPages';
16	import config from 'config';
17
18	import EndPointPage from '../endpoint-page';
19
UNCOV 20	const SummaryAsync = loadable({	×
21	loader: () =>
22	import(	×
23	// $FlowFixMe
24	/* webpackChunkName: "taxonomy-summary" */ 'components/Taxonomy/Summary'
25	),
26	});
NEW 27	const ListAsync = loadable({	×
28	loader: () =>
NEW 29	import(	×
30	// $FlowFixMe
31	/* webpackChunkName: "taxonomy-list" */ 'components/Taxonomy/List'
32	),
33	});
34
35	const subPagesForTaxonomy = new Map();	×
UNCOV 36	for (const subPage of config.pages.taxonomy.subPages) {	×
37	subPagesForTaxonomy.set(subPage, subPages.get(subPage));	×
38	}
39
UNCOV 40	const childRoutes = /(\d+)\|(all)/i;	×
41
42	const _ExactMatchSearch = ({ data, onSearchComplete }) => {	×
43	useEffect(() => {	×
44	onSearchComplete(data && !data.loading && data.payload);	×
45	});
46	return null;	×
47	};
48
49	const getURLFromState = createSelector(	×
50	(state) => state.settings.api,	×
51	(state) => state.customLocation.description,	×
52	(state) => state.customLocation.search,	×
53	({ protocol, hostname, port, root }, description, { search }) => {
54	if (search && search.match(/^\d+$/)) {	×
55	const desc = {	×
56	...description,
57	taxonomy: {
58	db: 'uniprot',
59	accession: search,
60	},
61	};
62	try {	×
63	return format({	×
64	protocol,
65	hostname,
66	port,
67	pathname: root + descriptionToPath(desc),
68	});
69	} catch {
70	return;	×
71	}
72	} else if (search && search.match(/^[\w ]+$/)) {	×
73	try {	×
74	return format({	×
75	protocol,
76	hostname,
77	port,
78	pathname: root + descriptionToPath(description),
79	search: `?scientific_name=${search}`,
80	});
81	} catch {
82	return;	×
83	}
84	}
85	},
86	);
87
88	const ExactMatchSearch = loadData(getURLFromState)(_ExactMatchSearch);	×
89
90	const Taxonomy = ({ search }) => {	×
91	const [accSearch, setAccSearch] = useState(null);	×
92	const searchTerm = search && search.search;	×
93	return (	×
94	<>
95	{searchTerm && <ExactMatchSearch onSearchComplete={setAccSearch} />}	×
96	<EndPointPage
97	subpagesRoutes={childRoutes}
98	listOfEndpointEntities={ListAsync}
99	SummaryAsync={SummaryAsync}
100	subPagesForEndpoint={subPagesForTaxonomy}
101	exactMatch={(searchTerm && accSearch) \|\| null}	×
102	/>
103	</>
104	);
105	};
106	Taxonomy.propTypes = {	×
107	search: T.shape({
108	search: T.string,
109	}),
110	};
111
112	const mapStateToProps = createSelector(	×
113	(state) => state.customLocation.search,	×
114	(search) => ({ search }),	×
115	);
116
117	export default connect(mapStateToProps)(Taxonomy);

ProteinsWebTeam / interpro7-client / 9615294816

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