951400782

pending completion

Build # 951400782

Build Type

Pull #3900

gitlab-ci

Committed by

web-flow

Commit Message

chore: bump @testing-library/jest-dom from 5.16.5 to 5.17.0

Bumps [@testing-library/jest-dom](https://github.com/testing-library/jest-dom) from 5.16.5 to 5.17.0.
- [Release notes](https://github.com/testing-library/jest-dom/releases)
- [Changelog](https://github.com/testing-library/jest-dom/blob/main/CHANGELOG.md)
- [Commits](https://github.com/testing-library/jest-dom/compare/v5.16.5...v5.17.0)

---
updated-dependencies:
- dependency-name: "@testing-library/jest-dom"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Pull Request Pull Request #3900: chore: bump @testing-library/jest-dom from 5.16.5 to 5.17.0

Run Details

4446 of 6414 branches covered (69.32%)

8342 of 10084 relevant lines covered (82.73%)

186.0 hits per line

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

81.08

/src/js/components/devices/widgets/devicequickactions.js

// Copyright 2021 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { forwardRef, useState } from 'react';
import { useSelector } from 'react-redux';

import {
  AddCircle as AddCircleIcon,
  CheckCircle as CheckCircleIcon,
  HeightOutlined as HeightOutlinedIcon,
  HighlightOffOutlined as HighlightOffOutlinedIcon,
  RemoveCircleOutline as RemoveCircleOutlineIcon,
  Replay as ReplayIcon
} from '@mui/icons-material';
import { SpeedDial, SpeedDialAction, SpeedDialIcon } from '@mui/material';
import { speedDialActionClasses } from '@mui/material/SpeedDialAction';
import { makeStyles } from 'tss-react/mui';

import { mdiTrashCanOutline as TrashCan } from '@mdi/js';
import pluralize from 'pluralize';

import GatewayIcon from '../../../../assets/img/gateway.svg';
import { DEVICE_STATES, UNGROUPED_GROUP } from '../../../constants/deviceConstants';
import { stringToBoolean } from '../../../helpers';
import { getDeviceById, getFeatures, getMappedDevicesList, getTenantCapabilities, getUserCapabilities } from '../../../selectors';
import MaterialDesignIcon from '../../common/materialdesignicon';

const defaultActions = {
  accept: {
    icon: <CheckCircleIcon className="green" />,
    key: 'accept',
    title: pluralized => `Accept ${pluralized}`,
    action: ({ onAuthorizationChange, selection }) => onAuthorizationChange(selection, DEVICE_STATES.accepted),
    checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
      canWriteDevices && [DEVICE_STATES.pending, DEVICE_STATES.rejected].includes(device.status)
  },
  dismiss: {
    icon: <RemoveCircleOutlineIcon className="red" />,
    key: 'dismiss',
    title: pluralized => `Dismiss ${pluralized}`,
    action: ({ onDeviceDismiss, selection }) => onDeviceDismiss(selection),
    checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
      canWriteDevices && [DEVICE_STATES.accepted, DEVICE_STATES.pending, DEVICE_STATES.preauth, DEVICE_STATES.rejected, 'noauth'].includes(device.status)
  },
  reject: {
    icon: <HighlightOffOutlinedIcon className="red" />,
    key: 'reject',
    title: pluralized => `Reject ${pluralized}`,
    action: ({ onAuthorizationChange, selection }) => onAuthorizationChange(selection, DEVICE_STATES.rejected),
    checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
      canWriteDevices && [DEVICE_STATES.accepted, DEVICE_STATES.pending].includes(device.status)
  },
  addToGroup: {
    icon: <AddCircleIcon className="green" />,
    key: 'group-add',
    title: pluralized => `Add selected ${pluralized} to a group`,
    action: ({ onAddDevicesToGroup, selection }) => onAddDevicesToGroup(selection),
    checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && !selectedGroup
  },
  moveToGroup: {
    icon: <HeightOutlinedIcon className="rotated ninety" />,
    key: 'group-change',
    title: pluralized => `Move selected ${pluralized} to another group`,
    action: ({ onAddDevicesToGroup, selection }) => onAddDevicesToGroup(selection),
    checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && !!selectedGroup
  },
  removeFromGroup: {
    icon: <MaterialDesignIcon path={TrashCan} />,
    key: 'group-remove',
    title: pluralized => `Remove selected ${pluralized} from this group`,
    action: ({ onRemoveDevicesFromGroup, selection }) => onRemoveDevicesFromGroup(selection),
    checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && selectedGroup && selectedGroup !== UNGROUPED_GROUP.id
  },
  promoteToGateway: {
    icon: <GatewayIcon style={{ width: 20 }} />,
    key: 'promote-to-gateway',
    title: () => 'Promote to gateway',
    action: ({ onPromoteGateway, selection }) => onPromoteGateway(selection),
    checkRelevance: ({ device, features, tenantCapabilities: { isEnterprise } }) =>
      features.isHosted && isEnterprise && !stringToBoolean(device.attributes?.mender_is_gateway) && device.status === DEVICE_STATES.accepted
  },
  createDeployment: {
    icon: <ReplayIcon />,
    key: 'create-deployment',
    title: (pluralized, count) => `Create deployment for ${pluralize('this', count)} ${pluralized}`,
    action: ({ onCreateDeployment, selection }) => onCreateDeployment(selection),
    checkRelevance: ({ device, userCapabilities: { canDeploy, canReadReleases } }) =>
      canDeploy && canReadReleases && device && device.status === DEVICE_STATES.accepted
  }
};

const useStyles = makeStyles()(theme => ({
  container: {
    display: 'flex',
    position: 'fixed',
    bottom: theme.spacing(6.5),
    right: theme.spacing(6.5),
    zIndex: 10,
    minWidth: 400,
    alignItems: 'flex-end',
    justifyContent: 'flex-end',
    pointerEvents: 'none',
    [`.${speedDialActionClasses.staticTooltipLabel}`]: {
      minWidth: 'max-content'
    }
  },
  fab: { margin: theme.spacing(2) },
  label: {
    marginRight: theme.spacing(2),
    marginBottom: theme.spacing(4)
  }
}));

export const DeviceQuickActions = ({ actionCallbacks, deviceId, selectedGroup }, ref) => {
  const [showActions, setShowActions] = useState(false);
  const features = useSelector(getFeatures);
  const tenantCapabilities = useSelector(getTenantCapabilities);
  const userCapabilities = useSelector(getUserCapabilities);
  const { selection: selectedRows } = useSelector(state => state.devices.deviceList);
  const singleDevice = useSelector(state => getDeviceById(state, deviceId));
  const devices = useSelector(state => getMappedDevicesList(state, 'deviceList'));
  const { classes } = useStyles();

  const selectedDevices = deviceId ? [singleDevice] : selectedRows.map(row => devices[row]);
  const actions = Object.values(defaultActions).reduce((accu, action) => {
    if (selectedDevices.every(device => device && action.checkRelevance({ device, features, selectedGroup, tenantCapabilities, userCapabilities }))) {
      accu.push(action);
    }
    return accu;
  }, []);

  const pluralized = pluralize('devices', selectedDevices.length);
  return (
    <div className={classes.container} ref={ref}>
      <div className={classes.label}>{deviceId ? 'Device actions' : `${selectedDevices.length} ${pluralized} selected`}</div>
      <SpeedDial
        className={classes.fab}
        ariaLabel="device-actions"
        icon={<SpeedDialIcon />}
        onClose={() => setShowActions(false)}
        onOpen={setShowActions}
        open={Boolean(showActions)}
      >
        {actions.map(action => (
          <SpeedDialAction
            key={action.key}
            aria-label={action.key}
            icon={action.icon}
            tooltipTitle={action.title(pluralized, selectedDevices.length)}
            tooltipOpen
            onClick={() => action.action({ ...actionCallbacks, selection: selectedDevices })}
          />
        ))}
      </SpeedDial>
    </div>
  );
};

export default forwardRef(DeviceQuickActions);

1	// Copyright 2021 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, { forwardRef, useState } from 'react';
15	import { useSelector } from 'react-redux';
16
17	import {
18	AddCircle as AddCircleIcon,
19	CheckCircle as CheckCircleIcon,
20	HeightOutlined as HeightOutlinedIcon,
21	HighlightOffOutlined as HighlightOffOutlinedIcon,
22	RemoveCircleOutline as RemoveCircleOutlineIcon,
23	Replay as ReplayIcon
24	} from '@mui/icons-material';
25	import { SpeedDial, SpeedDialAction, SpeedDialIcon } from '@mui/material';
26	import { speedDialActionClasses } from '@mui/material/SpeedDialAction';
27	import { makeStyles } from 'tss-react/mui';
28
29	import { mdiTrashCanOutline as TrashCan } from '@mdi/js';
30	import pluralize from 'pluralize';
31
32	import GatewayIcon from '../../../../assets/img/gateway.svg';
33	import { DEVICE_STATES, UNGROUPED_GROUP } from '../../../constants/deviceConstants';
34	import { stringToBoolean } from '../../../helpers';
35	import { getDeviceById, getFeatures, getMappedDevicesList, getTenantCapabilities, getUserCapabilities } from '../../../selectors';
36	import MaterialDesignIcon from '../../common/materialdesignicon';
37
38	const defaultActions = {	10✔
39	accept: {
40	icon: <CheckCircleIcon className="green" />,
41	key: 'accept',
42	title: pluralized => `Accept ${pluralized}`,	1✔
43	action: ({ onAuthorizationChange, selection }) => onAuthorizationChange(selection, DEVICE_STATES.accepted),	×
44	checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
45	canWriteDevices && [DEVICE_STATES.pending, DEVICE_STATES.rejected].includes(device.status)	18✔
46	},
47	dismiss: {
48	icon: <RemoveCircleOutlineIcon className="red" />,
49	key: 'dismiss',
50	title: pluralized => `Dismiss ${pluralized}`,	14✔
51	action: ({ onDeviceDismiss, selection }) => onDeviceDismiss(selection),	×
52	checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
53	canWriteDevices && [DEVICE_STATES.accepted, DEVICE_STATES.pending, DEVICE_STATES.preauth, DEVICE_STATES.rejected, 'noauth'].includes(device.status)	30✔
54	},
55	reject: {
56	icon: <HighlightOffOutlinedIcon className="red" />,
57	key: 'reject',
58	title: pluralized => `Reject ${pluralized}`,	14✔
59	action: ({ onAuthorizationChange, selection }) => onAuthorizationChange(selection, DEVICE_STATES.rejected),	×
60	checkRelevance: ({ device, userCapabilities: { canWriteDevices } }) =>
61	canWriteDevices && [DEVICE_STATES.accepted, DEVICE_STATES.pending].includes(device.status)	30✔
62	},
63	addToGroup: {
64	icon: <AddCircleIcon className="green" />,
65	key: 'group-add',
66	title: pluralized => `Add selected ${pluralized} to a group`,	13✔
67	action: ({ onAddDevicesToGroup, selection }) => onAddDevicesToGroup(selection),	×
68	checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && !selectedGroup	30✔
69	},
70	moveToGroup: {
71	icon: <HeightOutlinedIcon className="rotated ninety" />,
72	key: 'group-change',
73	title: pluralized => `Move selected ${pluralized} to another group`,	1✔
74	action: ({ onAddDevicesToGroup, selection }) => onAddDevicesToGroup(selection),	×
75	checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && !!selectedGroup	18✔
76	},
77	removeFromGroup: {
78	icon: <MaterialDesignIcon path={TrashCan} />,
79	key: 'group-remove',
80	title: pluralized => `Remove selected ${pluralized} from this group`,	1✔
81	action: ({ onRemoveDevicesFromGroup, selection }) => onRemoveDevicesFromGroup(selection),	×
82	checkRelevance: ({ selectedGroup, userCapabilities: { canWriteDevices } }) => canWriteDevices && selectedGroup && selectedGroup !== UNGROUPED_GROUP.id	18✔
83	},
84	promoteToGateway: {
85	icon: <GatewayIcon style={{ width: 20 }} />,
86	key: 'promote-to-gateway',
87	title: () => 'Promote to gateway',	×
88	action: ({ onPromoteGateway, selection }) => onPromoteGateway(selection),	×
89	checkRelevance: ({ device, features, tenantCapabilities: { isEnterprise } }) =>
90	features.isHosted && isEnterprise && !stringToBoolean(device.attributes?.mender_is_gateway) && device.status === DEVICE_STATES.accepted	18!
91	},
92	createDeployment: {
93	icon: <ReplayIcon />,
94	key: 'create-deployment',
95	title: (pluralized, count) => `Create deployment for ${pluralize('this', count)} ${pluralized}`,	13✔
96	action: ({ onCreateDeployment, selection }) => onCreateDeployment(selection),	×
97	checkRelevance: ({ device, userCapabilities: { canDeploy, canReadReleases } }) =>
98	canDeploy && canReadReleases && device && device.status === DEVICE_STATES.accepted	30✔
99	}
100	};
101
102	const useStyles = makeStyles()(theme => ({	10✔
103	container: {
104	display: 'flex',
105	position: 'fixed',
106	bottom: theme.spacing(6.5),
107	right: theme.spacing(6.5),
108	zIndex: 10,
109	minWidth: 400,
110	alignItems: 'flex-end',
111	justifyContent: 'flex-end',
112	pointerEvents: 'none',
113	[`.${speedDialActionClasses.staticTooltipLabel}`]: {
114	minWidth: 'max-content'
115	}
116	},
117	fab: { margin: theme.spacing(2) },
118	label: {
119	marginRight: theme.spacing(2),
120	marginBottom: theme.spacing(4)
121	}
122	}));
123
124	export const DeviceQuickActions = ({ actionCallbacks, deviceId, selectedGroup }, ref) => {	10✔
125	const [showActions, setShowActions] = useState(false);	18✔
126	const features = useSelector(getFeatures);	18✔
127	const tenantCapabilities = useSelector(getTenantCapabilities);	18✔
128	const userCapabilities = useSelector(getUserCapabilities);	18✔
129	const { selection: selectedRows } = useSelector(state => state.devices.deviceList);	35✔
130	const singleDevice = useSelector(state => getDeviceById(state, deviceId));	35✔
131	const devices = useSelector(state => getMappedDevicesList(state, 'deviceList'));	35✔
132	const { classes } = useStyles();	18✔
133
134	const selectedDevices = deviceId ? [singleDevice] : selectedRows.map(row => devices[row]);	33✔
135	const actions = Object.values(defaultActions).reduce((accu, action) => {	18✔
136	if (selectedDevices.every(device => device && action.checkRelevance({ device, features, selectedGroup, tenantCapabilities, userCapabilities }))) {	208✔
137	accu.push(action);	57✔
138	}
139	return accu;	144✔
140	}, []);
141
142	const pluralized = pluralize('devices', selectedDevices.length);	18✔
143	return (	18✔
144	<div className={classes.container} ref={ref}>
145	<div className={classes.label}>{deviceId ? 'Device actions' : `${selectedDevices.length} ${pluralized} selected`}</div>	18✔
146	<SpeedDial
147	className={classes.fab}
148	ariaLabel="device-actions"
149	icon={<SpeedDialIcon />}
150	onClose={() => setShowActions(false)}	×
151	onOpen={setShowActions}
152	open={Boolean(showActions)}
153	>
154	{actions.map(action => (
155	<SpeedDialAction	57✔
156	key={action.key}
157	aria-label={action.key}
158	icon={action.icon}
159	tooltipTitle={action.title(pluralized, selectedDevices.length)}
160	tooltipOpen
161	onClick={() => action.action({ ...actionCallbacks, selection: selectedDevices })}	×
162	/>
163	))}
164	</SpeedDial>
165	</div>
166	);
167	};
168
169	export default forwardRef(DeviceQuickActions);

mendersoftware / gui / 951400782

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