Add Custom Fee Rate for Withdrawal

Closes #36

Author: ShahanaFarooqui

apps/frontend/src/components/cln/BTCWithdraw/BTCWithdraw.test.tsx

@@ -1,4 +1,5 @@
 import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { CLNService } from '../../../services/http.service';
 import { mockAppStore } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
 import BTCWithdraw from './BTCWithdraw';
@@ -18,4 +19,80 @@ describe('BTCWithdraw component ', () => {
       expect(screen.getByTestId('button-withdraw')).toBeInTheDocument();
     });
   });
+
+  it('should show custom fee rate input when checkbox is checked', async () => {
+    await renderWithProviders(<BTCWithdraw />, { preloadedState: mockAppStore, initialRoute: ['/cln'] });
+
+    // Open the channel open card
+    fireEvent.click(screen.getByTestId('button-open-channel'));
+    await waitFor(() => expect(screen.getByTestId('channel-open-card')).toBeInTheDocument());
+
+    // Custom fee rate input should be hidden initially
+    const customFeeRateCheckbox = screen.getByTestId('show-custom-fee-rate');
+    expect(customFeeRateCheckbox).not.toBeChecked();
+
+    // Check the checkbox
+    fireEvent.click(customFeeRateCheckbox);
+    await waitFor(() => {
+      expect(customFeeRateCheckbox).toBeChecked();
+      expect(screen.getByLabelText('feeRate')).toBeVisible();
+      expect(screen.getByTestId('fee-rate-unit')).toHaveTextContent('perkw');
+    });
+  });
+
+  it('should use custom fee rate value suffixed with perkw on submit', async () => {
+    const mockOpenChannel = jest.spyOn(CLNService, 'openChannel').mockResolvedValue({ channel_id: 'abc123' });
+
+    await renderWithProviders(<BTCWithdraw />, { preloadedState: mockAppStore, initialRoute: ['/cln'] });
+
+    fireEvent.click(screen.getByTestId('button-open-channel'));
+    await waitFor(() => expect(screen.getByTestId('channel-open-card')).toBeInTheDocument());
+
+    // Fill pubkey and amount
+    fireEvent.change(screen.getByLabelText('pubkey'), { target: { value: 'pubkey@host:port' } });
+    fireEvent.change(screen.getByLabelText('amount'), { target: { value: '100000' } });
+
+    // Enable custom fee rate and enter a value
+    fireEvent.click(screen.getByTestId('show-custom-fee-rate'));
+    const feeRateInput = await screen.findByLabelText('feeRate');
+    fireEvent.change(feeRateInput, { target: { value: '500' } });
+
+    fireEvent.click(screen.getByTestId('button-open-channel-submit'));
+    await waitFor(() => {
+      expect(mockOpenChannel).toHaveBeenCalledWith(
+        'pubkey@host:port',
+        100000,
+        '500perkw',     // custom fee rate suffixed
+        true
+      );
+    });
+
+    mockOpenChannel.mockRestore();
+  });
+
+  it('should use slider fee rate when custom fee rate checkbox is unchecked', async () => {
+    const mockOpenChannel = jest.spyOn(CLNService, 'openChannel').mockResolvedValue({ channel_id: 'abc123' });
+
+    await renderWithProviders(<BTCWithdraw />, { preloadedState: mockAppStore, initialRoute: ['/cln'] });
+
+    fireEvent.click(screen.getByTestId('button-open-channel'));
+    await waitFor(() => expect(screen.getByTestId('channel-open-card')).toBeInTheDocument());
+
+    fireEvent.change(screen.getByLabelText('pubkey'), { target: { value: 'pubkey@host:port' } });
+    fireEvent.change(screen.getByLabelText('amount'), { target: { value: '100000' } });
+
+    // Submit WITHOUT checking custom fee rate checkbox → should use default selFeeRate ('normal')
+    fireEvent.click(screen.getByTestId('button-open-channel-submit'));
+    await waitFor(() => {
+      expect(mockOpenChannel).toHaveBeenCalledWith(
+        'pubkey@host:port',
+        100000,
+        'normal',
+        true
+      );
+    });
+
+    mockOpenChannel.mockRestore();
+  });
+
 });