• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

mendersoftware / gui / 1350829378

27 Jun 2024 01:46PM UTC coverage: 83.494% (-16.5%) from 99.965%
1350829378

Pull #4465

gitlab-ci

mzedel
chore: test fixes

Signed-off-by: Manuel Zedel <manuel.zedel@northern.tech>
Pull Request #4465: MEN-7169 - feat: added multi sorting capabilities to devices view

4506 of 6430 branches covered (70.08%)

81 of 100 new or added lines in 14 files covered. (81.0%)

1661 existing lines in 163 files now uncovered.

8574 of 10269 relevant lines covered (83.49%)

160.6 hits per line

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

84.62
/src/js/components/devices/groups.js
1
// Copyright 2015 Northern.tech AS
2
//
3
//    Licensed under the Apache License, Version 2.0 (the "License");
4
//    you may not use this file except in compliance with the License.
5
//    You may obtain a copy of the License at
6
//
7
//        http://www.apache.org/licenses/LICENSE-2.0
8
//
9
//    Unless required by applicable law or agreed to in writing, software
10
//    distributed under the License is distributed on an "AS IS" BASIS,
11
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
//    See the License for the specific language governing permissions and
13
//    limitations under the License.
14
import React from 'react';
15

16
// material ui
17
import { InfoOutlined as InfoIcon } from '@mui/icons-material';
18
import { List, ListItem, ListItemIcon, ListItemText, ListSubheader } from '@mui/material';
19
import { makeStyles } from 'tss-react/mui';
20

21
import { ALL_DEVICES } from '../../constants/deviceConstants';
22
import { HELPTOOLTIPS, MenderHelpTooltip } from '../helptips/helptooltips';
23

24
const useStyles = makeStyles()(theme => ({
5✔
25
  header: {
26
    color: theme.palette.grey[800],
27
    height: theme.spacing(6)
28
  },
29
  groupBorder: {
30
    background: theme.palette.grey[50]
31
  },
32
  groupHeading: {
33
    background: theme.palette.background.default
34
  }
35
}));
36

37
export const GroupsSubheader = ({ heading }) => {
4✔
38
  const { classes } = useStyles();
11✔
39
  return (
11✔
40
    <ListSubheader classes={{ root: 'heading-lined' }} className={classes.header} disableGutters disableSticky key="static-groups-sub">
41
      <span className={classes.groupHeading}>{heading}</span>
42
      <div className={classes.groupBorder}></div>
43
    </ListSubheader>
44
  );
45
};
46

47
export const GroupItem = ({ changeGroup, groupname, selectedGroup, name }) => (
4✔
48
  <ListItem classes={{ root: 'grouplist' }} button selected={name === selectedGroup || groupname === selectedGroup} onClick={() => changeGroup(name)}>
11✔
49
    <ListItemText primary={decodeURIComponent(name)} />
50
  </ListItem>
51
);
52

53
export const Groups = ({ acceptedCount, changeGroup, className, groups, openGroupDialog, selectedGroup }) => {
4✔
54
  const { dynamic: dynamicGroups, static: staticGroups, ungrouped } = groups;
5✔
55
  return (
5✔
56
    <div className={className}>
57
      <div className="flexbox margin-bottom-small margin-top-small">
58
        <div className="muted">Groups</div>
59
        {!!(acceptedCount && staticGroups.length + dynamicGroups.length <= 1) && <MenderHelpTooltip id={HELPTOOLTIPS.addGroup.id} className="margin-left" />}
14!
60
      </div>
61
      <List>
UNCOV
62
        <ListItem classes={{ root: 'grouplist' }} button key="All" selected={!selectedGroup} onClick={() => changeGroup()}>
×
63
          <ListItemText primary={ALL_DEVICES} />
64
        </ListItem>
65
        {!!dynamicGroups.length && <GroupsSubheader heading="Dynamic" />}
10✔
66
        {dynamicGroups.map(({ groupId, name }, index) => (
67
          <GroupItem changeGroup={changeGroup} groupname={name} key={name + index} name={groupId} selectedGroup={selectedGroup} />
5✔
68
        ))}
69
        {!!staticGroups.length && <GroupsSubheader heading="Static" />}
10✔
70
        {staticGroups.map(({ groupId, name }, index) => (
71
          <GroupItem changeGroup={changeGroup} groupname={name} key={name + index} name={groupId} selectedGroup={selectedGroup} />
5✔
72
        ))}
73
        {!!staticGroups.length &&
10✔
74
          ungrouped.map(({ groupId, name }, index) => (
UNCOV
75
            <GroupItem changeGroup={changeGroup} groupname={name} key={name + index} name={groupId} selectedGroup={selectedGroup} />
×
76
          ))}
77
        <ListItem button classes={{ root: 'grouplist' }} style={{ marginTop: 30 }} onClick={openGroupDialog}>
78
          <ListItemIcon>
79
            <InfoIcon />
80
          </ListItemIcon>
81
          <ListItemText primary="Create a group" />
82
        </ListItem>
83
      </List>
84
    </div>
85
  );
86
};
87

88
export default Groups;
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2025 Coveralls, Inc