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

Alerting: Add Loki ASH tests checking proper rendering of timeline chart component (#83235)

Browse Source 
Add Loki ASH tests checking proper rendering of timeline chart component
This commit is contained in:
Konrad Lalik 2024-02-23 09:19:16 +01:00 committed by GitHub
parent a4cc4179c8
commit cc9ff3f8c9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/app/features/alerting/unified/components/rules/state-history/LokiStateHistory.test.tsx
View File

@ -3,7 +3,8 @@ import { render, waitFor } from '@testing-library/react';
import { http, HttpResponse } from 'msw'; import { http, HttpResponse } from 'msw';
import { setupServer } from 'msw/node'; import { setupServer } from 'msw/node';
import React from 'react'; import React from 'react';
import { byRole, byText } from 'testing-library-selector'; import { Props } from 'react-virtualized-auto-sizer';
import { byRole, byTestId, byText } from 'testing-library-selector';
import { DataFrameJSON } from '@grafana/data'; import { DataFrameJSON } from '@grafana/data';
import { setBackendSrv } from '@grafana/runtime'; import { setBackendSrv } from '@grafana/runtime';
@ -15,6 +16,16 @@ import LokiStateHistory from './LokiStateHistory';
const server = setupServer(); const server = setupServer();
jest.mock('react-virtualized-auto-sizer', () => {
return ({ children }: Props) =>
children({
height: 600,
scaledHeight: 600,
scaledWidth: 1,
width: 1,
});
});
beforeAll(() => { beforeAll(() => {
setBackendSrv(backendSrv); setBackendSrv(backendSrv);
server.listen({ onUnhandledRequest: 'error' }); server.listen({ onUnhandledRequest: 'error' });
@ -80,6 +91,7 @@ const ui = {
timestampViewer: byRole('list', { name: 'State history by timestamp' }), timestampViewer: byRole('list', { name: 'State history by timestamp' }),
record: byRole('listitem'), record: byRole('listitem'),
noRecords: byText('No state transitions have occurred in the last 30 days'), noRecords: byText('No state transitions have occurred in the last 30 days'),
timelineChart: byTestId('uplot-main-div'),
}; };
describe('LokiStateHistory', () => { describe('LokiStateHistory', () => {
@ -96,6 +108,14 @@ describe('LokiStateHistory', () => {
expect(timestampViewerElement).toHaveTextContent('/api/folders/:uid/'); expect(timestampViewerElement).toHaveTextContent('/api/folders/:uid/');
}); });
it('should render timeline chart', async () => {
render(<LokiStateHistory ruleUID="ABC123" />, { wrapper: TestProvider });
await waitFor(() => expect(ui.loadingIndicator.query()).not.toBeInTheDocument());
expect(ui.timelineChart.get()).toBeInTheDocument();
});
it('should render no entries message when no records are returned', async () => { it('should render no entries message when no records are returned', async () => {
server.use( server.use(
http.get('/api/v1/rules/history', () => http.get('/api/v1/rules/history', () =>