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": [ "public/app/plugins/datasource/loki/components/LokiQueryEditor.test.tsx:146069464": [
[0, 19, 13, "RegExp match", "2409514259"] [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": [ "public/app/plugins/datasource/loki/configuration/DerivedFields.test.tsx:2402631398": [
[0, 17, 13, "RegExp match", "2409514259"] [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 React from 'react';
import { DataSourceHttpSettings } from '@grafana/ui';
import { createDefaultConfigOptions } from '../mocks'; import { createDefaultConfigOptions } from '../mocks';
import { ConfigEditor } from './ConfigEditor'; import { ConfigEditor } from './ConfigEditor';
import { DerivedFields } from './DerivedFields';
describe('ConfigEditor', () => { describe('ConfigEditor', () => {
it('should render without error', () => { it('should render without error', () => {
mount(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />); expect(() =>
render(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />)
).not.toThrow();
}); });
it('should render the right sections', () => { it('should render the right sections', () => {
const wrapper = mount(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />); render(<ConfigEditor onOptionsChange={() => {}} options={createDefaultConfigOptions()} />);
expect(wrapper.find(DataSourceHttpSettings).length).toBe(1); expect(screen.getByRole('heading', { name: 'HTTP' })).toBeInTheDocument();
expect(wrapper.find({ label: 'Maximum lines' }).length).toBe(1); expect(screen.getByText('Maximum lines')).toBeInTheDocument();
expect(wrapper.find(DerivedFields).length).toBe(1); 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 onChangeMock = jest.fn();
const wrapper = mount(<ConfigEditor onOptionsChange={onChangeMock} options={createDefaultConfigOptions()} />); render(<ConfigEditor onOptionsChange={onChangeMock} options={createDefaultConfigOptions()} />);
const inputWrapper = wrapper.find({ label: 'Maximum lines' }).find('input'); const maxLinesInput = await screen.findByDisplayValue('531');
inputWrapper.getDOMNode<HTMLInputElement>().value = '42'; await userEvent.type(maxLinesInput, '2');
inputWrapper.simulate('change'); expect(onChangeMock).toHaveBeenCalledWith(
expect(onChangeMock.mock.calls[0][0].jsonData.maxLines).toBe('42'); expect.objectContaining({
jsonData: expect.objectContaining({
maxLines: '5312',
}),
})
);
}); });
}); });