8162035449

Committed 05 Mar 2024 07:39PM UTC coverage: 25.047% (-0.003%) from 25.05%

Build # 8162035449

Build Type

push

github

Committed by

web-flow

Commit Message

Fix Panel opening after Serotonin loading (#529)

Run Details

1438 of 5690 branches covered (25.27%)

Branch coverage included in aggregate %.

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

1 existing line in 1 file now uncovered.

3948 of 15814 relevant lines covered (24.97%)

47586.62 hits per line

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

0.0

/packages/app/src/components/menu/panelslist/panels/InfoPanel.jsx

import React from 'react';
import Table from 'react-bootstrap/Table';

import './InfoPanel.scss';

const InfoPanel = ({ complex }) => {
  const { name, metadata } = complex[0];
  const { classification, title, id } = metadata;

  const isTitleProvided = title !== undefined;
  const molecules = complex[0].getMolecules();

  const statistics = [
    {
      label: 'Atoms',
      value: complex[0].getAtomCount(),
    },
    {
      label: 'Bonds',
      value: complex[0].getBondCount(),
    },
    {
      label: 'Residues',
      value: complex[0].getResidueCount(),
    },
    {
      label: 'Chains',
      value: complex[0].getChainCount(),
    },
    {
      label: 'Molecules',
      value: complex[0].getMoleculeCount(),
    },
  ];

  const rendeStatistics = () => statistics.map(({ label, value }, index) => (
      <tr key={index}>
        <td>{label}</td>
        <td className="text-center">{value}</td>
      </tr>
  ));

  const renderMolecules = () => molecules.map(({ name: moleculeName }, index) => (
      <li key={index}>{moleculeName}</li>
  ));

  return (
    <div className="info-panel">
      <h1>
        {id || name || 'Unknown data'}
        {classification && <small> / {classification}</small>}
      </h1>
      <p>{isTitleProvided ? title.join(' ') : ''}</p>
      <Table>
        <thead>
          <tr>
            <th>Statistics</th>
            <th className="text-center">Value</th>
          </tr>
        </thead>
        <tbody>{rendeStatistics()}</tbody>
      </Table>
      <Table>
        <thead>
          <tr>
            <th>Molecules</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <ol>{renderMolecules()}</ol>
            </td>
          </tr>
        </tbody>
      </Table>
    </div>
  );
};

InfoPanel.defaultProps = {
  id: 'none',
};

export default InfoPanel;

1	import React from 'react';
2	import Table from 'react-bootstrap/Table';
3
4	import './InfoPanel.scss';
5
6	const InfoPanel = ({ complex }) => {	×
7	const { name, metadata } = complex[0];	×
8	const { classification, title, id } = metadata;	×
9
NEW 10	const isTitleProvided = title !== undefined;	×
UNCOV 11	const molecules = complex[0].getMolecules();	×
12
13	const statistics = [	×
14	{
15	label: 'Atoms',
16	value: complex[0].getAtomCount(),
17	},
18	{
19	label: 'Bonds',
20	value: complex[0].getBondCount(),
21	},
22	{
23	label: 'Residues',
24	value: complex[0].getResidueCount(),
25	},
26	{
27	label: 'Chains',
28	value: complex[0].getChainCount(),
29	},
30	{
31	label: 'Molecules',
32	value: complex[0].getMoleculeCount(),
33	},
34	];
35
36	const rendeStatistics = () => statistics.map(({ label, value }, index) => (	×
37	<tr key={index}>	×
38	<td>{label}</td>
39	<td className="text-center">{value}</td>
40	</tr>
41	));
42
43	const renderMolecules = () => molecules.map(({ name: moleculeName }, index) => (	×
44	<li key={index}>{moleculeName}</li>	×
45	));
46
47	return (	×
48	<div className="info-panel">
49	<h1>
50	{id \|\| name \|\| 'Unknown data'}	×
51	{classification && <small> / {classification}</small>}	×
52	</h1>
53	<p>{isTitleProvided ? title.join(' ') : ''}</p>	×
54	<Table>
55	<thead>
56	<tr>
57	<th>Statistics</th>
58	<th className="text-center">Value</th>
59	</tr>
60	</thead>
61	<tbody>{rendeStatistics()}</tbody>
62	</Table>
63	<Table>
64	<thead>
65	<tr>
66	<th>Molecules</th>
67	</tr>
68	</thead>
69	<tbody>
70	<tr>
71	<td>
72	<ol>{renderMolecules()}</ol>
73	</td>
74	</tr>
75	</tbody>
76	</Table>
77	</div>
78	);
79	};
80
81	InfoPanel.defaultProps = {	×
82	id: 'none',
83	};
84
85	export default InfoPanel;

epam / miew / 8162035449

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