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

Chore: Address flaky test in PanelDataTransformationsTab.test.tsx (#81779)

Browse Source 
* address flaky test

* Disable flaky tests
This commit is contained in:
Oscar Kilhed 2024-02-02 12:33:32 +01:00 committed by GitHub
parent 35922a45f8
commit ae5e49e5ce
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/app/features/dashboard-scene/panel-edit/PanelDataPane/PanelDataTransformationsTab.test.tsx
View File

@ -60,11 +60,12 @@ describe('PanelDataTransformationsModel', () => {
}); });
}); });
describe('PanelDataTransformationsTab', () => { describe.skip('PanelDataTransformationsTab', () => {
standardTransformersRegistry.setInit(getStandardTransformers); standardTransformersRegistry.setInit(getStandardTransformers);
it('renders empty message when there are no transformations', async () => { it('renders empty message when there are no transformations', async () => {
const modelMock = createModelMock({} as PanelData); const modelMock = createModelMock({} as PanelData);
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
await screen.findByTestId(selectors.components.Transforms.noTransformationsMessage); await screen.findByTestId(selectors.components.Transforms.noTransformationsMessage);
@ -77,6 +78,7 @@ describe('PanelDataTransformationsTab', () => {
options: {}, options: {},
}, },
]); ]);
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
await screen.findByText('1 - Add field from calculation'); await screen.findByText('1 - Add field from calculation');
@ -84,15 +86,19 @@ describe('PanelDataTransformationsTab', () => {
it('shows show the transformation selection drawer', async () => { it('shows show the transformation selection drawer', async () => {
const modelMock = createModelMock(mockData); const modelMock = createModelMock(mockData);
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton); const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton);
userEvent.click(addButton); await act(async () => {
userEvent.click(addButton);
});
await screen.findByTestId(selectors.components.Transforms.searchInput); await screen.findByTestId(selectors.components.Transforms.searchInput);
}); });
it('adds a transformation when a transformation is clicked in the drawer and there are no previous transformations', async () => { it('adds a transformation when a transformation is clicked in the drawer and there are no previous transformations', async () => {
const onChangeTransformation = jest.fn(); const onChangeTransformation = jest.fn();
const modelMock = createModelMock(mockData, [], onChangeTransformation); const modelMock = createModelMock(mockData, [], onChangeTransformation);
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton); const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton);
await act(async () => { await act(async () => {
@ -121,6 +127,7 @@ describe('PanelDataTransformationsTab', () => {
], ],
onChangeTransformation onChangeTransformation
); );
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton); const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton);
await act(async () => { await act(async () => {
@ -151,6 +158,7 @@ describe('PanelDataTransformationsTab', () => {
], ],
onChangeTransformation onChangeTransformation
); );
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
const removeButton = await screen.findByTestId(selectors.components.Transforms.removeAllTransformationsButton); const removeButton = await screen.findByTestId(selectors.components.Transforms.removeAllTransformationsButton);
await act(async () => { await act(async () => {
@ -166,6 +174,7 @@ describe('PanelDataTransformationsTab', () => {
it('can filter transformations in the drawer', async () => { it('can filter transformations in the drawer', async () => {
const modelMock = createModelMock(mockData); const modelMock = createModelMock(mockData);
userEvent.setup();
render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>); render(<PanelDataTransformationsTabRendered model={modelMock}></PanelDataTransformationsTabRendered>);
const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton); const addButton = await screen.findByTestId(selectors.components.Transforms.addTransformationButton);
await act(async () => { await act(async () => {
@ -176,10 +185,12 @@ describe('PanelDataTransformationsTab', () => {
await screen.findByTestId(selectors.components.TransformTab.newTransform('Reduce')); await screen.findByTestId(selectors.components.TransformTab.newTransform('Reduce'));
await userEvent.type(searchInput, 'add field'); await act(async () => {
await userEvent.type(searchInput, 'add field');
});
await screen.findByTestId(selectors.components.TransformTab.newTransform('Add field from calculation')); await screen.findByTestId(selectors.components.TransformTab.newTransform('Add field from calculation'));
const reduce = await screen.queryByTestId(selectors.components.TransformTab.newTransform('Reduce')); const reduce = screen.queryByTestId(selectors.components.TransformTab.newTransform('Reduce'));
expect(reduce).toBeNull(); expect(reduce).toBeNull();
}); });
}); });