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

58.49

/src/js/components/common/expandable-attribute.js

// Copyright 2019 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';

// material ui
import { FileCopyOutlined as CopyToClipboardIcon } from '@mui/icons-material';
import { ListItem, ListItemText, Tooltip } from '@mui/material';

import copy from 'copy-to-clipboard';

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

const defaultClasses = { root: 'attributes' };

export const ExpandableAttribute = ({
  className = '',
  copyToClipboard,
  dividerDisabled,
  primary,
  secondary,
  secondaryTypographyProps = {},
  setSnackbar,
  style,
  textClasses,
  ...remainder
}) => {
  const textContent = useRef(null);
  const [expanded, setExpanded] = useState(false);
  const [overflowActive, setOverflowActive] = useState(false);
  const [tooltipVisible, setTooltipVisible] = useState(false);

  useEffect(() => {
    if (textContent.current) {
      const overflowActiveCurrently =
        textContent.current.scrollWidth > textContent.current.clientWidth || textContent.current.scrollHeight > textContent.current.clientHeight;
      if (overflowActive !== overflowActiveCurrently && !expanded) {
        setOverflowActive(overflowActiveCurrently);
      }
    }
  }, [textContent]);

  const onClick = () => {
    if (copyToClipboard) {
      // Date/Time components
      if (secondary.props && secondary.props.value) {
        copy(secondary.props.value);
      } else {
        copy(secondary);
      }
      setSnackbar('Value copied to clipboard');
    }
    setExpanded(toggle);
  };

  const currentTextClasses = `${textClasses ? textClasses.secondary : 'inventory-text'}${expanded && overflowActive ? ' expanded-attribute' : ''}`;
  const secondaryText = (
    <>
      <span className={currentTextClasses} ref={textContent}>
        {secondary}
      </span>{' '}
      {overflowActive ? <a>show {expanded ? 'less' : 'more'}</a> : null}
    </>
  );

  const cssClasses = { ...defaultClasses, root: `${defaultClasses.root} ${copyToClipboard ? 'copy-to-clipboard' : ''}`.trim() };

  return (
    <div className={className} onClick={onClick} onMouseEnter={() => setTooltipVisible(true)} onMouseLeave={() => setTooltipVisible(false)} style={style}>
      <ListItem classes={cssClasses} divider={!dividerDisabled} {...remainder}>
        <ListItemText
          primary={primary}
          secondary={secondaryText}
          secondaryTypographyProps={{ title: secondary, component: 'div', ...secondaryTypographyProps }}
        />
        {copyToClipboard ? (
          <Tooltip title={'Copy to clipboard'} placement="top" open={tooltipVisible}>
            <CopyToClipboardIcon fontSize="small"></CopyToClipboardIcon>
          </Tooltip>
        ) : null}
      </ListItem>
    </div>
  );
};

export default ExpandableAttribute;

1	// Copyright 2019 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
16	// material ui
17	import { FileCopyOutlined as CopyToClipboardIcon } from '@mui/icons-material';
18	import { ListItem, ListItemText, Tooltip } from '@mui/material';
19
20	import copy from 'copy-to-clipboard';
21
22	import { toggle } from '../../helpers';
23
24	const defaultClasses = { root: 'attributes' };	13✔
25
26	export const ExpandableAttribute = ({	13✔
27	className = '',	78✔
28	copyToClipboard,
29	dividerDisabled,
30	primary,
31	secondary,
32	secondaryTypographyProps = {},	125✔
33	setSnackbar,
34	style,
35	textClasses,
36	...remainder
37	}) => {
38	const textContent = useRef(null);	125✔
39	const [expanded, setExpanded] = useState(false);	125✔
40	const [overflowActive, setOverflowActive] = useState(false);	125✔
41	const [tooltipVisible, setTooltipVisible] = useState(false);	125✔
42
43	useEffect(() => {	125✔
44	if (textContent.current) {	20!
45	const overflowActiveCurrently =
46	textContent.current.scrollWidth > textContent.current.clientWidth \|\| textContent.current.scrollHeight > textContent.current.clientHeight;	20✔
47	if (overflowActive !== overflowActiveCurrently && !expanded) {	20!
48	setOverflowActive(overflowActiveCurrently);	×
49	}
50	}
51	}, [textContent]);
52
53	const onClick = () => {	125✔
54	if (copyToClipboard) {	×
55	// Date/Time components
56	if (secondary.props && secondary.props.value) {	×
57	copy(secondary.props.value);	×
58	} else {
59	copy(secondary);	×
60	}
61	setSnackbar('Value copied to clipboard');	×
62	}
63	setExpanded(toggle);	×
64	};
65
66	const currentTextClasses = `${textClasses ? textClasses.secondary : 'inventory-text'}${expanded && overflowActive ? ' expanded-attribute' : ''}`;	125!
67	const secondaryText = (
68	<>	125✔
69	<span className={currentTextClasses} ref={textContent}>
70	{secondary}
71	</span>{' '}
72	{overflowActive ? <a>show {expanded ? 'less' : 'more'}</a> : null}	125!
73	</>
74	);
75
76	const cssClasses = { ...defaultClasses, root: `${defaultClasses.root} ${copyToClipboard ? 'copy-to-clipboard' : ''}`.trim() };	125✔
77
78	return (	125✔
79	<div className={className} onClick={onClick} onMouseEnter={() => setTooltipVisible(true)} onMouseLeave={() => setTooltipVisible(false)} style={style}>	×
80	<ListItem classes={cssClasses} divider={!dividerDisabled} {...remainder}>
81	<ListItemText
82	primary={primary}
83	secondary={secondaryText}
84	secondaryTypographyProps={{ title: secondary, component: 'div', ...secondaryTypographyProps }}
85	/>
86	{copyToClipboard ? (	125✔
87	<Tooltip title={'Copy to clipboard'} placement="top" open={tooltipVisible}>
88	<CopyToClipboardIcon fontSize="small"></CopyToClipboardIcon>
89	</Tooltip>
90	) : null}
91	</ListItem>
92	</div>
93	);
94	};
95
96	export default ExpandableAttribute;

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