IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

convert ConfigEditor test to RTL (#54636)

Browse Source
This commit is contained in:
Ashley Harrison
2022-09-02 12:48:37 +01:00
committed by GitHub
parent 21dd60ba60
commit 11689c0385
2 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
View File

@@ -83,9 +83,6 @@ exports[`no enzyme tests`] = {
"public/app/plugins/datasource/loki/components/LokiQueryEditor.test.tsx:146069464": [
[0, 19, 13, "RegExp match", "2409514259"]
],
"public/app/plugins/datasource/loki/configuration/ConfigEditor.test.tsx:2659566901": [
[0, 17, 13, "RegExp match", "2409514259"]
],
"public/app/plugins/datasource/loki/configuration/DerivedFields.test.tsx:2402631398": [
[0, 17, 13, "RegExp match", "2409514259"]
]

35
public/app/plugins/datasource/loki/configuration/ConfigEditor.test.tsx
View File

@@ -1,31 +1,36 @@
import { mount } from 'enzyme';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import React from 'react';
import { DataSourceHttpSettings } from '@grafana/ui';
import { createDefaultConfigOptions } from '../mocks';
import { ConfigEditor } from './ConfigEditor';
import { DerivedFields } from './DerivedFields';
describe('ConfigEditor', () => {
it('should render without error', () => {
mount(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />);
expect(() =>
render(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />)
).not.toThrow();
});
it('should render the right sections', () => {
const wrapper = mount(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />);
expect(wrapper.find(DataSourceHttpSettings).length).toBe(1);
expect(wrapper.find({ label: 'Maximum lines' }).length).toBe(1);
expect(wrapper.find(DerivedFields).length).toBe(1);
render(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />);
expect(screen.getByRole('heading', { name: 'HTTP' })).toBeInTheDocument();
expect(screen.getByText('Maximum lines')).toBeInTheDocument();
expect(screen.getByRole('heading', { name: 'Derived fields' })).toBeInTheDocument();
});
it('should pass correct data to onChange', () => {
it('should pass correct data to onChange', async () => {
const onChangeMock = jest.fn();
const wrapper = mount(<ConfigEditor onOptionsChange={onChangeMock} options={createDefaultConfigOptions()} />);
const inputWrapper = wrapper.find({ label: 'Maximum lines' }).find('input');
inputWrapper.getDOMNode<HTMLInputElement>().value = '42';
inputWrapper.simulate('change');
expect(onChangeMock.mock.calls[0][0].jsonData.maxLines).toBe('42');
render(<ConfigEditor onOptionsChange={onChangeMock} options={createDefaultConfigOptions()} />);
const maxLinesInput = await screen.findByDisplayValue('531');
await userEvent.type(maxLinesInput, '2');
expect(onChangeMock).toHaveBeenCalledWith(
expect.objectContaining({
jsonData: expect.objectContaining({
maxLines: '5312',
}),
})
);
});
});