mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
* 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
52 lines
1.4 KiB
JavaScript
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);
|
|
});
|
|
});
|