mirror of https://github.com/grafana/grafana.git
67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import { mount } from 'enzyme';
|
|
import { DataLinks } from './DataLinks';
|
|
import { Button } from '@grafana/ui';
|
|
import { DataLink } from './DataLink';
|
|
|
|
describe('DataLinks', () => {
|
|
let originalGetSelection: typeof window.getSelection;
|
|
beforeAll(() => {
|
|
originalGetSelection = window.getSelection;
|
|
window.getSelection = () => null;
|
|
});
|
|
|
|
afterAll(() => {
|
|
window.getSelection = originalGetSelection;
|
|
});
|
|
|
|
it('renders correctly when no fields', () => {
|
|
const wrapper = mount(<DataLinks onChange={() => {}} />);
|
|
expect(wrapper.find(Button).length).toBe(1);
|
|
expect(wrapper.find(Button).contains('Add')).toBeTruthy();
|
|
expect(wrapper.find(DataLink).length).toBe(0);
|
|
});
|
|
|
|
it('renders correctly when there are fields', () => {
|
|
const wrapper = mount(<DataLinks value={testValue} onChange={() => {}} />);
|
|
|
|
expect(wrapper.find(Button).filterWhere(button => button.contains('Add')).length).toBe(1);
|
|
expect(wrapper.find(DataLink).length).toBe(2);
|
|
});
|
|
|
|
it('adds new field', () => {
|
|
const onChangeMock = jest.fn();
|
|
const wrapper = mount(<DataLinks onChange={onChangeMock} />);
|
|
const addButton = wrapper.find(Button).filterWhere(button => button.contains('Add'));
|
|
addButton.simulate('click');
|
|
expect(onChangeMock.mock.calls[0][0].length).toBe(1);
|
|
});
|
|
|
|
it('removes field', () => {
|
|
const onChangeMock = jest.fn();
|
|
const wrapper = mount(<DataLinks value={testValue} onChange={onChangeMock} />);
|
|
const removeButton = wrapper
|
|
.find(DataLink)
|
|
.at(0)
|
|
.find(Button);
|
|
removeButton.simulate('click');
|
|
const newValue = onChangeMock.mock.calls[0][0];
|
|
expect(newValue.length).toBe(1);
|
|
expect(newValue[0]).toMatchObject({
|
|
field: 'regex2',
|
|
url: 'localhost2',
|
|
});
|
|
});
|
|
});
|
|
|
|
const testValue = [
|
|
{
|
|
field: 'regex1',
|
|
url: 'localhost1',
|
|
},
|
|
{
|
|
field: 'regex2',
|
|
url: 'localhost2',
|
|
},
|
|
];
|