1537425591

Build Type

github

Committed by GitHub

Commit Message

Merge a6bc784c0 into f21c09a00

Pull Request Pull Request #282: Add tracking and QC available on label.deepcell.org to main branch

Run Details

31 of 368 branches covered (8.42%)

Branch coverage included in aggregate %.

176 of 541 new or added lines in 28 files covered. (32.53%)

39 existing lines in 10 files now uncovered.

1507 of 3641 relevant lines covered (41.39%)

1.79 hits per line

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

12.5

/visualizer/src/Controls/Tracking/Alerts/AlertGroup.js

import { IconButton } from '@material-ui/core';
import Collapse from '@material-ui/core/Collapse';
import { makeStyles } from '@material-ui/core/styles';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
import Alert from '@material-ui/lab/Alert';
import clsx from 'clsx';
import React from 'react';

const useStyles = makeStyles(theme => {
  const transition = {
    duration: theme.transitions.duration.shortest,
  };

  return {
    root: {
      width: '100%',
      // '& > * + *': {
      //   marginTop: theme.spacing(2),
      // },
    },
    headerAlert: {
      boxSizing: 'border-box',
      maxWidth: '300px',
      marginTop: theme.spacing(2),
    },
    alert: {
      position: 'relative',
      boxSizing: 'border-box',
      maxWidth: '280px',
      left: '20px',
    },
    expandIcon: {
      transform: 'rotate(0deg)',
      transition: theme.transitions.create('transform', transition),
      '&:hover': {
        // Disable the hover effect for the IconButton,
        // because a hover effect should apply to the entire Expand button and
        // not only to the IconButton.
        backgroundColor: 'transparent',
      },
      '&$expanded': {
        transform: 'rotate(180deg)',
      },
    },
    expanded: {},
  };
});

function AlertGroup({ header, severity, children }) {
  const styles = useStyles();

  const [open, setOpen] = React.useState(false);
  const toggle = () => setOpen(!open);
  const action = (
    <IconButton
      className={clsx(styles.expandIcon, {
        [styles.expanded]: open,
      })}
      aria-label='open'
      color='inherit'
      size='small'
      onClick={toggle}
    >
      <ExpandMoreIcon fontSize='inherit' />
    </IconButton>
  );

  return (
    <>
      <Alert
        className={styles.headerAlert}
        severity={severity}
        onClick={toggle}
        action={action}
      >
        {header}
      </Alert>
      <Collapse in={open}>{children}</Collapse>
    </>
  );
}

export default AlertGroup;

1	import { IconButton } from '@material-ui/core';
2	import Collapse from '@material-ui/core/Collapse';
3	import { makeStyles } from '@material-ui/core/styles';
4	import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
5	import Alert from '@material-ui/lab/Alert';
6	import clsx from 'clsx';
7	import React from 'react';
8
9	const useStyles = makeStyles(theme => {	4✔
NEW 10	const transition = {	×
11	duration: theme.transitions.duration.shortest,
12	};
13
NEW 14	return {	×
15	root: {
16	width: '100%',
17	// '& > * + *': {
18	// marginTop: theme.spacing(2),
19	// },
20	},
21	headerAlert: {
22	boxSizing: 'border-box',
23	maxWidth: '300px',
24	marginTop: theme.spacing(2),
25	},
26	alert: {
27	position: 'relative',
28	boxSizing: 'border-box',
29	maxWidth: '280px',
30	left: '20px',
31	},
32	expandIcon: {
33	transform: 'rotate(0deg)',
34	transition: theme.transitions.create('transform', transition),
35	'&:hover': {
36	// Disable the hover effect for the IconButton,
37	// because a hover effect should apply to the entire Expand button and
38	// not only to the IconButton.
39	backgroundColor: 'transparent',
40	},
41	'&$expanded': {
42	transform: 'rotate(180deg)',
43	},
44	},
45	expanded: {},
46	};
47	});
48
49	function AlertGroup({ header, severity, children }) {
NEW 50	const styles = useStyles();	×
51
NEW 52	const [open, setOpen] = React.useState(false);	×
NEW 53	const toggle = () => setOpen(!open);	×
54	const action = (
NEW 55	<IconButton	×
56	className={clsx(styles.expandIcon, {
57	[styles.expanded]: open,
58	})}
59	aria-label='open'
60	color='inherit'
61	size='small'
62	onClick={toggle}
63	>
64	<ExpandMoreIcon fontSize='inherit' />
65	</IconButton>
66	);
67
NEW 68	return (	×
69	<>
70	<Alert
71	className={styles.headerAlert}
72	severity={severity}
73	onClick={toggle}
74	action={action}
75	>
76	{header}
77	</Alert>
78	<Collapse in={open}>{children}</Collapse>
79	</>
80	);
81	}
82
83	export default AlertGroup;

vanvalenlab / deepcell-label / 1537425591

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