Files
grafana/packages/jaeger-ui-components/src/common/CopyIcon.test.js
svennergr 2949ebc264 Traces: Fixed missing CopyButton on KeyValueTables and overlapping of panels (#49271)
* rewrote `CopyIcon` to an functional component

- fixed missing `CopyIcon` on `KeyValuesTable`

* added fixed height of `30px` to `KeyValuesTable` to fix overlapping

* removed unused CopyIcon snapshot

* KeyValuesTable: moved `30px` height from `tr` to `td` to fix vertical alignment
2022-05-20 20:24:33 +02:00

52 lines
1.4 KiB
JavaScript

// Copyright (c) 2019 Uber Technologies, Inc.
//
// 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 { render, screen } from '@testing-library/react';
import * as copy from 'copy-to-clipboard';
import React from 'react';
import CopyIcon from './CopyIcon';
jest.mock('copy-to-clipboard');
describe('<CopyIcon />', () => {
const props = {
className: 'classNameValue',
copyText: 'copyTextValue',
tooltipTitle: 'tooltipTitleValue',
};
let copySpy;
beforeAll(() => {
copySpy = jest.spyOn(copy, 'default');
});
beforeEach(() => {
copySpy.mockReset();
});
it('renders as expected', () => {
expect(() => render(<CopyIcon {...props} />)).not.toThrow();
});
it('copies when clicked', () => {
render(<CopyIcon {...props} />);
const button = screen.getByRole('button');
button.click();
expect(copySpy).toHaveBeenCalledWith(props.copyText);
});
});