test-Should-call-asyncCreateThread-function-when-save-button-clicked.jsx

  test('Should call asyncCreateThread function when save button clicked', async () => {
    // Arrange
    // create mock for asyncCreateThread module
    vi.mock('@/lib/threads/action', async (importOriginal) => {
      const mod = await importOriginal();
      return {
        ...mod,
        asyncCreateThread: vi.fn(),
      };
    });

    vi.mock('@/hooks/redux-hooks', () => ({
      useAppDispatch: () => async () => {},
    }));

    const { asyncCreateThread } = await import('@/lib/threads/action');

    render(<ThreadInput />);
    const titleInput = screen.getByPlaceholderText(/title/i);
    await userEvent.type(titleInput, 'This is title');
    const categoryInput = screen.getByPlaceholderText(/category/i);
    await userEvent.type(categoryInput, 'This is category');
    const bodyInput = screen.getByPlaceholderText(/body/i);
    await userEvent.type(bodyInput, 'This is body');
    const saveButton = screen.getByText('Save');

    // Action
    await userEvent.click(saveButton);

    // Assert
    expect(asyncCreateThread).toHaveBeenCalled();
  });