42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { render, screen, fireEvent } from '@testing-library/react';
|
|
import AlertRuleItem, { Props } from './AlertRuleItem';
|
|
|
|
const setup = (propOverrides?: object) => {
|
|
const props: Props = {
|
|
rule: {
|
|
id: 1,
|
|
dashboardId: 1,
|
|
panelId: 1,
|
|
name: 'Some rule',
|
|
state: 'Open',
|
|
stateText: 'state text',
|
|
stateIcon: 'icon',
|
|
stateClass: 'state class',
|
|
stateAge: 'age',
|
|
url: 'https://something.something.darkside',
|
|
},
|
|
search: '',
|
|
onTogglePause: jest.fn(),
|
|
};
|
|
|
|
Object.assign(props, propOverrides);
|
|
|
|
return render(<AlertRuleItem {...props} />);
|
|
};
|
|
|
|
describe('AlertRuleItem', () => {
|
|
it('should render component', () => {
|
|
const mockToggle = jest.fn();
|
|
setup({ onTogglePause: mockToggle });
|
|
|
|
expect(screen.getByText('Some rule')).toBeInTheDocument();
|
|
expect(screen.getByText('state text')).toBeInTheDocument();
|
|
expect(screen.getByText('Pause')).toBeInTheDocument();
|
|
expect(screen.getByText('Edit alert')).toBeInTheDocument();
|
|
|
|
fireEvent.click(screen.getByText('Pause'));
|
|
expect(mockToggle).toHaveBeenCalled();
|
|
});
|
|
});
|