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

94.44

/src/js/components/common/mendertooltip.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, { useState } from 'react';

import { ClickAwayListener, Tooltip } from '@mui/material';
import { withStyles } from 'tss-react/mui';

import { toggle } from '../../helpers';

export const MenderTooltip = withStyles(Tooltip, ({ palette, shadows }) => ({
  arrow: {
    color: palette.secondary.main
  },
  tooltip: {
    backgroundColor: palette.secondary.main,
    boxShadow: shadows[1],
    color: palette.tooltip.text,
    fontSize: 'small',
    maxWidth: 600,
    info: {
      maxWidth: 300,
      color: palette.text.hint,
      backgroundColor: palette.grey[500]
    }
  }
}));

export const MenderTooltipClickable = ({ children, onboarding, startOpen = false, ...remainingProps }) => {
  const [open, setOpen] = useState(startOpen || false);

  const toggleVisibility = () => setOpen(toggle);

  const hide = () => setOpen(false);

  const Component = onboarding ? OnboardingTooltip : MenderTooltip;
  const extraProps = onboarding
    ? {
        PopperProps: {
          disablePortal: true,
          popperOptions: {
            strategy: 'fixed',
            modifiers: [
              { name: 'flip', enabled: false },
              { name: 'preventOverflow', enabled: true, options: { boundary: window, altBoundary: false } }
            ]
          }
        }
      }
    : {};
  return (
    <ClickAwayListener onClickAway={hide}>
      <Component
        arrow={!onboarding}
        open={open}
        disableFocusListener
        disableHoverListener
        disableTouchListener
        onOpen={() => setOpen(true)}
        {...extraProps}
        {...remainingProps}
      >
        <div onClick={toggleVisibility}>{children}</div>
      </Component>
    </ClickAwayListener>
  );
};

const iconWidth = 30;

export const OnboardingTooltip = withStyles(Tooltip, theme => ({
  arrow: {
    color: theme.palette.primary.main
  },
  tooltip: {
    backgroundColor: theme.palette.primary.main,
    boxShadow: theme.shadows[1],
    color: theme.palette.grey[500],
    fontSize: 14,
    maxWidth: 350,
    padding: '12px 18px',
    width: 350,
    '& a': {
      color: theme.palette.grey[500]
    },
    '&.MuiTooltip-tooltipPlacementTop': { marginLeft: iconWidth, marginBottom: 0, marginTop: `calc(${iconWidth} + ${theme.spacing(1.5)})` },
    '&.MuiTooltip-tooltipPlacementRight': { marginTop: iconWidth / 2 },
    '&.MuiTooltip-tooltipPlacementBottom': { marginLeft: iconWidth },
    '&.MuiTooltip-tooltipPlacementLeft': { marginTop: iconWidth / 2 }
  },
  popper: {
    opacity: 0.9
  }
}));
export default MenderTooltip;

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, { useState } from 'react';
15
16	import { ClickAwayListener, Tooltip } from '@mui/material';
17	import { withStyles } from 'tss-react/mui';
18
19	import { toggle } from '../../helpers';
20
21	export const MenderTooltip = withStyles(Tooltip, ({ palette, shadows }) => ({	1,522✔
22	arrow: {
23	color: palette.secondary.main
24	},
25	tooltip: {
26	backgroundColor: palette.secondary.main,
27	boxShadow: shadows[1],
28	color: palette.tooltip.text,
29	fontSize: 'small',
30	maxWidth: 600,
31	info: {
32	maxWidth: 300,
33	color: palette.text.hint,
34	backgroundColor: palette.grey[500]
35	}
36	}
37	}));
38
39	export const MenderTooltipClickable = ({ children, onboarding, startOpen = false, ...remainingProps }) => {	187✔
40	const [open, setOpen] = useState(startOpen \|\| false);	300✔
41
42	const toggleVisibility = () => setOpen(toggle);	300✔
43
44	const hide = () => setOpen(false);	300✔
45
46	const Component = onboarding ? OnboardingTooltip : MenderTooltip;	300✔
47	const extraProps = onboarding	300✔
48	? {
49	PopperProps: {
50	disablePortal: true,
51	popperOptions: {
52	strategy: 'fixed',
53	modifiers: [
54	{ name: 'flip', enabled: false },
55	{ name: 'preventOverflow', enabled: true, options: { boundary: window, altBoundary: false } }
56	]
57	}
58	}
59	}
60	: {};
61	return (	300✔
62	<ClickAwayListener onClickAway={hide}>
63	<Component
64	arrow={!onboarding}
65	open={open}
66	disableFocusListener
67	disableHoverListener
68	disableTouchListener
69	onOpen={() => setOpen(true)}	×
70	{...extraProps}
71	{...remainingProps}
72	>
73	<div onClick={toggleVisibility}>{children}</div>
74	</Component>
75	</ClickAwayListener>
76	);
77	};
78
79	const iconWidth = 30;	187✔
80
81	export const OnboardingTooltip = withStyles(Tooltip, theme => ({	187✔
82	arrow: {
83	color: theme.palette.primary.main
84	},
85	tooltip: {
86	backgroundColor: theme.palette.primary.main,
87	boxShadow: theme.shadows[1],
88	color: theme.palette.grey[500],
89	fontSize: 14,
90	maxWidth: 350,
91	padding: '12px 18px',
92	width: 350,
93	'& a': {
94	color: theme.palette.grey[500]
95	},
96	'&.MuiTooltip-tooltipPlacementTop': { marginLeft: iconWidth, marginBottom: 0, marginTop: `calc(${iconWidth} + ${theme.spacing(1.5)})` },
97	'&.MuiTooltip-tooltipPlacementRight': { marginTop: iconWidth / 2 },
98	'&.MuiTooltip-tooltipPlacementBottom': { marginLeft: iconWidth },
99	'&.MuiTooltip-tooltipPlacementLeft': { marginTop: iconWidth / 2 }
100	},
101	popper: {
102	opacity: 0.9
103	}
104	}));
105	export default MenderTooltip;

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