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

96.0

/src/js/components/dashboard/deployments.js

// Copyright 2015 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, { useEffect, useRef, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { Link } from 'react-router-dom';

import { setSnackbar } from '../../actions/appActions';
import { getDeploymentsByStatus } from '../../actions/deploymentActions';
import { DEPLOYMENT_ROUTES, DEPLOYMENT_STATES, deploymentDisplayStates } from '../../constants/deploymentConstants';
import { onboardingSteps } from '../../constants/onboardingConstants';
import { DEPLOYMENT_CUTOFF, getIdAttribute, getOnboardingState, getRecentDeployments, getUserCapabilities } from '../../selectors';
import { getOnboardingComponentFor } from '../../utils/onboardingmanager';
import useWindowSize from '../../utils/resizehook';
import { clearAllRetryTimers, setRetryTimer } from '../../utils/retrytimer';
import Loader from '../common/loader';
import { BaseDeploymentsWidget, CompletedDeployments } from './widgets/deployments';
import RedirectionWidget from './widgets/redirectionwidget';

const refreshDeploymentsLength = 30000;

// we need to exclude the scheduled state here as the os version is not able to process these and would prevent the dashboard from loading
const stateMap = {
  [DEPLOYMENT_STATES.pending]: BaseDeploymentsWidget,
  [DEPLOYMENT_STATES.inprogress]: BaseDeploymentsWidget,
  [DEPLOYMENT_STATES.finished]: CompletedDeployments
};

export const Deployments = ({ className = '', clickHandle }) => {
  const dispatch = useDispatch();
  const setSnackbarDispatched = message => dispatch(setSnackbar(message));
  const { canDeploy } = useSelector(getUserCapabilities);
  const { total: deploymentsCount, ...deployments } = useSelector(getRecentDeployments);
  const onboardingState = useSelector(getOnboardingState);
  const devicesById = useSelector(state => state.devices.byId);
  const idAttribute = useSelector(getIdAttribute);
  const [loading, setLoading] = useState(!deploymentsCount);
  // eslint-disable-next-line no-unused-vars
  const size = useWindowSize();
  const deploymentsRef = useRef();
  const timer = useRef();

  useEffect(() => {
    clearAllRetryTimers(setSnackbarDispatched);
    clearInterval(timer.current);
    timer.current = setInterval(getDeployments, refreshDeploymentsLength);
    getDeployments();
    return () => {
      clearInterval(timer.current);
      clearAllRetryTimers(setSnackbarDispatched);
    };
  }, []);

  const getDeployments = () =>
    Promise.all(Object.keys(stateMap).map(status => dispatch(getDeploymentsByStatus(status, 1, DEPLOYMENT_CUTOFF))))
      .catch(err => setRetryTimer(err, 'deployments', `Couldn't load deployments.`, refreshDeploymentsLength, setSnackbarDispatched))
      .finally(() => setLoading(false));

  let onboardingComponent;
  if (deploymentsRef.current) {
    const anchor = {
      top: deploymentsRef.current.offsetTop + deploymentsRef.current.offsetHeight,
      left: deploymentsRef.current.offsetLeft + deploymentsRef.current.offsetWidth / 2
    };
    onboardingComponent = getOnboardingComponentFor(onboardingSteps.DEPLOYMENTS_PAST_COMPLETED, onboardingState, { anchor });
  }
  return (
    <div className={`${className} deployments`}>
      {loading ? (
        <Loader show={loading} fade={true} />
      ) : (
        <div className="dashboard flexbox column" ref={deploymentsRef} style={{ gridTemplateColumns: '1fr', rowGap: 10 }}>
          <h4 className={`${deploymentsCount ? 'margin-bottom-none' : 'margin-top-none'} margin-left-small`}>
            {deploymentsCount ? 'Recent deployments' : 'Deployments'}
          </h4>
          {deploymentsCount ? (
            <>
              {Object.entries(stateMap).reduce((accu, [key, Component]) => {
                if (!deployments[key]) {
                  return accu;
                }
                accu.push(
                  <React.Fragment key={key}>
                    <h5 className="margin-bottom-none">{deploymentDisplayStates[key]}</h5>
                    <Component deployments={deployments[key]} devicesById={devicesById} idAttribute={idAttribute} state={key} onClick={clickHandle} />
                  </React.Fragment>
                );
                return accu;
              }, [])}
              <Link className="margin-top" to="/deployments">
                See all deployments
              </Link>
            </>
          ) : (
            canDeploy && (
              <RedirectionWidget
                content="Create a new deployment to update a group of devices"
                onClick={() => clickHandle({ route: `${DEPLOYMENT_ROUTES.active.route}?open=true` })}
              />
            )
          )}
        </div>
      )}
      {onboardingComponent}
    </div>
  );
};

export default Deployments;

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, { useEffect, useRef, useState } from 'react';
15	import { useDispatch, useSelector } from 'react-redux';
16	import { Link } from 'react-router-dom';
17
18	import { setSnackbar } from '../../actions/appActions';
19	import { getDeploymentsByStatus } from '../../actions/deploymentActions';
20	import { DEPLOYMENT_ROUTES, DEPLOYMENT_STATES, deploymentDisplayStates } from '../../constants/deploymentConstants';
21	import { onboardingSteps } from '../../constants/onboardingConstants';
22	import { DEPLOYMENT_CUTOFF, getIdAttribute, getOnboardingState, getRecentDeployments, getUserCapabilities } from '../../selectors';
23	import { getOnboardingComponentFor } from '../../utils/onboardingmanager';
24	import useWindowSize from '../../utils/resizehook';
25	import { clearAllRetryTimers, setRetryTimer } from '../../utils/retrytimer';
26	import Loader from '../common/loader';
27	import { BaseDeploymentsWidget, CompletedDeployments } from './widgets/deployments';
28	import RedirectionWidget from './widgets/redirectionwidget';
29
30	const refreshDeploymentsLength = 30000;	5✔
31
32	// we need to exclude the scheduled state here as the os version is not able to process these and would prevent the dashboard from loading
33	const stateMap = {	5✔
34	[DEPLOYMENT_STATES.pending]: BaseDeploymentsWidget,
35	[DEPLOYMENT_STATES.inprogress]: BaseDeploymentsWidget,
36	[DEPLOYMENT_STATES.finished]: CompletedDeployments
37	};
38
39	export const Deployments = ({ className = '', clickHandle }) => {	5✔
40	const dispatch = useDispatch();	537✔
41	const setSnackbarDispatched = message => dispatch(setSnackbar(message));	537✔
42	const { canDeploy } = useSelector(getUserCapabilities);	537✔
43	const { total: deploymentsCount, ...deployments } = useSelector(getRecentDeployments);	537✔
44	const onboardingState = useSelector(getOnboardingState);	537✔
45	const devicesById = useSelector(state => state.devices.byId);	1,697✔
46	const idAttribute = useSelector(getIdAttribute);	537✔
47	const [loading, setLoading] = useState(!deploymentsCount);	537✔
48	// eslint-disable-next-line no-unused-vars
49	const size = useWindowSize();	537✔
50	const deploymentsRef = useRef();	537✔
51	const timer = useRef();	537✔
52
53	useEffect(() => {	537✔
54	clearAllRetryTimers(setSnackbarDispatched);	9✔
55	clearInterval(timer.current);	9✔
56	timer.current = setInterval(getDeployments, refreshDeploymentsLength);	9✔
57	getDeployments();	9✔
58	return () => {	9✔
59	clearInterval(timer.current);	9✔
60	clearAllRetryTimers(setSnackbarDispatched);	9✔
61	};
62	}, []);
63
64	const getDeployments = () =>	537✔
65	Promise.all(Object.keys(stateMap).map(status => dispatch(getDeploymentsByStatus(status, 1, DEPLOYMENT_CUTOFF))))	207✔
66	.catch(err => setRetryTimer(err, 'deployments', `Couldn't load deployments.`, refreshDeploymentsLength, setSnackbarDispatched))	×
67	.finally(() => setLoading(false));	68✔
68
69	let onboardingComponent;
70	if (deploymentsRef.current) {	537✔
71	const anchor = {	510✔
72	top: deploymentsRef.current.offsetTop + deploymentsRef.current.offsetHeight,
73	left: deploymentsRef.current.offsetLeft + deploymentsRef.current.offsetWidth / 2
74	};
75	onboardingComponent = getOnboardingComponentFor(onboardingSteps.DEPLOYMENTS_PAST_COMPLETED, onboardingState, { anchor });	510✔
76	}
77	return (	537✔
78	<div className={`${className} deployments`}>
79	{loading ? (	537✔
80	<Loader show={loading} fade={true} />
81	) : (
82	<div className="dashboard flexbox column" ref={deploymentsRef} style={{ gridTemplateColumns: '1fr', rowGap: 10 }}>
83	<h4 className={`${deploymentsCount ? 'margin-bottom-none' : 'margin-top-none'} margin-left-small`}>	521✔
84	{deploymentsCount ? 'Recent deployments' : 'Deployments'}	521✔
85	</h4>
86	{deploymentsCount ? (	521✔
87	<>
88	{Object.entries(stateMap).reduce((accu, [key, Component]) => {
89	if (!deployments[key]) {	1,554✔
90	return accu;	6✔
91	}
92	accu.push(	1,548✔
93	<React.Fragment key={key}>
94	<h5 className="margin-bottom-none">{deploymentDisplayStates[key]}</h5>
95	<Component deployments={deployments[key]} devicesById={devicesById} idAttribute={idAttribute} state={key} onClick={clickHandle} />
96	</React.Fragment>
97	);
98	return accu;	1,548✔
99	}, [])}
100	<Link className="margin-top" to="/deployments">
101	See all deployments
102	</Link>
103	</>
104	) : (
105	canDeploy && (	4✔
106	<RedirectionWidget
107	content="Create a new deployment to update a group of devices"
108	onClick={() => clickHandle({ route: `${DEPLOYMENT_ROUTES.active.route}?open=true` })}	×
109	/>
110	)
111	)}
112	</div>
113	)}
114	{onboardingComponent}
115	</div>
116	);
117	};
118
119	export default Deployments;

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