Notes

import React from 'react';
import { render, screen, fireEvent } from '@testing-library/react';
import { Provider } from 'react-redux';
import configureStore from 'redux-mock-store';
import { PolicyDashboard } from './PolicyDashboard'; // Adjust the path accordingly
import { setRemovePolicyModalState } from '../../Redux/Slices/modalSlice';
import { removePolicyDashBoardData } from '../../Redux/Slices/policyDashboardSlice';

// Mock the necessary dependencies
const mockStore = configureStore([]);
const store = mockStore({
modal: {
isRemovePolicyModalActive: false,
},
policyDashboard: {
policyDashboardData: [
{
id: 1,
companyName: 'Test Company',
policyStatus: 'Active',
number: 'LGS01581-24',
effectiveDate: '1/1/2024',
},
],
},
});

jest.mock('react-redux', () => ({
useDispatch: jest.fn(),
useSelector: jest.fn(),
}));

jest.mock('../../Redux/Slices/modalSlice', () => ({
setRemovePolicyModalState: jest.fn(),
}));

jest.mock('../../Redux/Slices/policyDashboardSlice', () => ({
removePolicyDashBoardData: jest.fn(),
}));

describe('PolicyDashboard - Remove Policy', () => {
beforeEach(() => {
render(
<Provider store={store}>
<PolicyDashboard />
</Provider>
);
});

test('opens the remove policy modal when three dots are clicked', () => {
// Click the three dots to open the remove policy modal
fireEvent.click(screen.getByRole('button', { name: /three dots/i }));

// Assert that the modal is now open
expect(screen.getByText(/are you sure you want to remove this policy/i)).toBeInTheDocument();
});

test('removes the policy when "Yes, remove" is clicked', () => {
// Open the remove policy modal
fireEvent.click(screen.getByRole('button', { name: /three dots/i }));

// Click the "Yes, remove" button
fireEvent.click(screen.getByText(/yes, remove/i));

// Assert that the removePolicyDashBoardData action is called with the correct policy id
expect(removePolicyDashBoardData).toHaveBeenCalledWith(1);

// Assert that the modal close action is dispatched
expect(setRemovePolicyModalState).toHaveBeenCalledWith(false);
});

test('closes the modal when "Cancel" is clicked', () => {
// Open the remove policy modal
fireEvent.click(screen.getByRole('button', { name: /three dots/i }));

// Click the "Cancel" button
fireEvent.click(screen.getByText(/cancel/i));

// Assert that the modal close action is dispatched
expect(setRemovePolicyModalState).toHaveBeenCalledWith(false);
});
});