mirror of https://github.com/grafana/grafana.git
68 lines
1.8 KiB
TypeScript
68 lines
1.8 KiB
TypeScript
import React from 'react';
|
|
import { fireEvent, render, screen } from '@testing-library/react';
|
|
import { QueryEditorRowTitle, Props } from './QueryEditorRowTitle';
|
|
|
|
function renderScenario(overrides: Partial<Props>) {
|
|
const props: Props = {
|
|
query: {
|
|
refId: 'A',
|
|
},
|
|
queries: [
|
|
{
|
|
refId: 'A',
|
|
},
|
|
{
|
|
refId: 'B',
|
|
},
|
|
],
|
|
dataSourceName: 'hello',
|
|
inMixedMode: false,
|
|
disabled: false,
|
|
onChange: jest.fn(),
|
|
onClick: jest.fn(),
|
|
collapsedText: '',
|
|
};
|
|
|
|
Object.assign(props, overrides);
|
|
|
|
return {
|
|
props,
|
|
renderResult: render(<QueryEditorRowTitle {...props} />),
|
|
};
|
|
}
|
|
|
|
describe('QueryEditorRowTitle', () => {
|
|
it('Can edit title', () => {
|
|
const scenario = renderScenario({});
|
|
screen.getByTestId('query-name-div').click();
|
|
|
|
const input = screen.getByTestId('query-name-input');
|
|
fireEvent.change(input, { target: { value: 'new name' } });
|
|
fireEvent.blur(input);
|
|
|
|
expect((scenario.props.onChange as any).mock.calls[0][0].refId).toBe('new name');
|
|
});
|
|
|
|
it('Show error when other query with same name exists', async () => {
|
|
renderScenario({});
|
|
|
|
screen.getByTestId('query-name-div').click();
|
|
const input = screen.getByTestId('query-name-input');
|
|
fireEvent.change(input, { target: { value: 'B' } });
|
|
const alert = await screen.findByRole('alert');
|
|
|
|
expect(alert.textContent).toBe('Query name already exists');
|
|
});
|
|
|
|
it('Show error when empty name is specified', async () => {
|
|
renderScenario({});
|
|
|
|
screen.getByTestId('query-name-div').click();
|
|
const input = screen.getByTestId('query-name-input');
|
|
fireEvent.change(input, { target: { value: '' } });
|
|
const alert = await screen.findByRole('alert');
|
|
|
|
expect(alert.textContent).toBe('An empty query name is not allowed');
|
|
});
|
|
});
|