10283603715

Committed 07 Aug 2024 11:39AM UTC coverage: 21.142% (-1.7%) from 22.889%

Build # 10283603715

Build Type

Pull #653

github

Committed by

gustavo-salazar

Commit Message

TS: reducers/jobs/metadata

Pull Request Pull Request #653: Ts redux

Run Details

395 of 2356 branches covered (16.77%)

Branch coverage included in aggregate %.

5 of 17 new or added lines in 7 files covered. (29.41%)

7 existing lines in 3 files now uncovered.

886 of 3703 relevant lines covered (23.93%)

96.33 hits per line

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

0.0

/src/components/Organism/OrganismListFilters/OrganismDBFilter.js

// @flow
import React, { PureComponent } from 'react';
import T from 'prop-types';
import { createSelector } from 'reselect';

import NumberComponent from 'components/NumberComponent';

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

// $FlowFixMe
import { goToCustomLocation } from 'actions/creators';
// $FlowFixMe
import { customLocationSelector } from 'reducers/custom-location';

import { foundationPartial } from 'styles/foundation';
import style from 'components/FiltersPanel/style.css';

const f = foundationPartial(style);

/*:: type Props = {
  data: {
    loading: boolean,
    payload: Object
  },
  goToCustomLocation: function,
  customLocation: {
    description: Object,
    search: Object
  }
}; */
class OrganismDBFilter extends PureComponent /*:: <Props> */ {
  static propTypes = {
    data: T.shape({
      loading: T.bool.isRequired,
      payload: T.object,
    }).isRequired,
    goToCustomLocation: T.func.isRequired,
    customLocation: T.shape({
      search: T.object.isRequired,
      description: T.object.isRequired,
    }).isRequired,
  };

  _handleSelection = ({ target: { value } }) => {
    const { page, ...search } = this.props.customLocation.search;
    this.props.goToCustomLocation({
      ...this.props.customLocation,
      description: {
        ...this.props.customLocation.description,
        organism: { db: value },
      },
      search,
    });
  };

  render() {
    const {
      data: { loading, payload },
      customLocation: { description },
    } = this.props;
    const dbs = [];
    let currentDB = '';
    if (!loading) {
      currentDB = description.organism.proteomeDB || description.organism.db;
      dbs.push([
        'taxonomy',
        payload.organisms.taxonomy.organisms || payload.organisms.taxonomy,
      ]);
      dbs.push([
        'proteome',
        payload.organisms.proteome.organisms || payload.organisms.proteome,
      ]);
    }
    return (
      <div style={{ overflowX: 'hidden' }} className={f('list-organism-type')}>
        {dbs.map(([type, count]) => (
          <div key={type} className={f('column')}>
            <label className={f('row', 'filter-button')}>
              <input
                type="radio"
                name="organism_db"
                value={type}
                onChange={this._handleSelection}
                checked={currentDB === type}
                style={{ margin: '0.25em' }}
              />
              <span style={{ textTransform: 'capitalize' }}>{type}</span>
              <NumberComponent
                label
                loading={loading}
                className={f('filter-label')}
                abbr
              >
                {count}
              </NumberComponent>
            </label>
          </div>
        ))}
      </div>
    );
  }
}

const getUrlFor = createSelector(
  (state) => state.settings.api,
  (state) => state.customLocation.description,
  ({ protocol, hostname, port, root }, description) =>
    `${protocol}//${hostname}:${port}${root}${descriptionToPath({
      ...description,
      organism: {},
      main: { key: 'organism' },
    })}`,
);

const mapStateToProps = createSelector(
  customLocationSelector,
  (customLocation) => ({ customLocation }),
);

export default loadData({
  getUrl: getUrlFor,
  mapStateToProps,
  mapDispatchToProps: { goToCustomLocation },
})(OrganismDBFilter);

1	// @flow
2	import React, { PureComponent } from 'react';
3	import T from 'prop-types';
4	import { createSelector } from 'reselect';
5
6	import NumberComponent from 'components/NumberComponent';
7
8	import loadData from 'higherOrder/loadData';
9	import descriptionToPath from 'utils/processDescription/descriptionToPath';
10
11	// $FlowFixMe
12	import { goToCustomLocation } from 'actions/creators';
13	// $FlowFixMe
14	import { customLocationSelector } from 'reducers/custom-location';
15
16	import { foundationPartial } from 'styles/foundation';
17	import style from 'components/FiltersPanel/style.css';
18
19	const f = foundationPartial(style);	×
20
21	/*:: type Props = {
22	data: {
23	loading: boolean,
24	payload: Object
25	},
26	goToCustomLocation: function,
27	customLocation: {
28	description: Object,
29	search: Object
30	}
31	}; */
32	class OrganismDBFilter extends PureComponent /:: <Props> / {
33	static propTypes = {	×
34	data: T.shape({
35	loading: T.bool.isRequired,
36	payload: T.object,
37	}).isRequired,
38	goToCustomLocation: T.func.isRequired,
39	customLocation: T.shape({
40	search: T.object.isRequired,
41	description: T.object.isRequired,
42	}).isRequired,
43	};
44
45	_handleSelection = ({ target: { value } }) => {	×
46	const { page, ...search } = this.props.customLocation.search;	×
47	this.props.goToCustomLocation({	×
48	...this.props.customLocation,
49	description: {
50	...this.props.customLocation.description,
51	organism: { db: value },
52	},
53	search,
54	});
55	};
56
57	render() {
58	const {
59	data: { loading, payload },
60	customLocation: { description },
61	} = this.props;	×
62	const dbs = [];	×
63	let currentDB = '';	×
64	if (!loading) {	×
65	currentDB = description.organism.proteomeDB \|\| description.organism.db;	×
66	dbs.push([	×
67	'taxonomy',
68	payload.organisms.taxonomy.organisms \|\| payload.organisms.taxonomy,	×
69	]);
70	dbs.push([	×
71	'proteome',
72	payload.organisms.proteome.organisms \|\| payload.organisms.proteome,	×
73	]);
74	}
75	return (	×
76	<div style={{ overflowX: 'hidden' }} className={f('list-organism-type')}>
77	{dbs.map(([type, count]) => (
78	<div key={type} className={f('column')}>	×
79	<label className={f('row', 'filter-button')}>
80	<input
81	type="radio"
82	name="organism_db"
83	value={type}
84	onChange={this._handleSelection}
85	checked={currentDB === type}
86	style={{ margin: '0.25em' }}
87	/>
88	<span style={{ textTransform: 'capitalize' }}>{type}</span>
89	<NumberComponent
90	label
91	loading={loading}
92	className={f('filter-label')}
93	abbr
94	>
95	{count}
96	</NumberComponent>
97	</label>
98	</div>
99	))}
100	</div>
101	);
102	}
103	}
104
105	const getUrlFor = createSelector(	×
NEW 106	(state) => state.settings.api,	×
NEW 107	(state) => state.customLocation.description,	×
108	({ protocol, hostname, port, root }, description) =>
109	`${protocol}//${hostname}:${port}${root}${descriptionToPath({	×
110	...description,
111	organism: {},
112	main: { key: 'organism' },
113	})}`,
114	);
115
116	const mapStateToProps = createSelector(	×
117	customLocationSelector,
NEW 118	(customLocation) => ({ customLocation }),	×
119	);
120
121	export default loadData({
122	getUrl: getUrlFor,
123	mapStateToProps,
124	mapDispatchToProps: { goToCustomLocation },
125	})(OrganismDBFilter);

ProteinsWebTeam / interpro7-client / 10283603715

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