...

const backendSrv = {
  fetch: jest.fn(),
} as unknown as BackendSrv;

jest.mock('@grafana/runtime', () => ({
  ...jest.requireActual('@grafana/runtime'),
  getBackendSrv: () => backendSrv,
}));

import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import { of } from 'rxjs';

import { BackendSrv } from '@grafana/runtime';

import { InfluxVersion } from '../../../types';

import { UrlAndAuthenticationSection } from './UrlAndAuthenticationSection';
import { createTestProps } from './helpers';

describe('UrlAndAuthenticationSection', () => {
  const onOptionsChangeMock = jest.fn();
  let consoleSpy: jest.SpyInstance;

const defaultProps = createTestProps({
    options: {
      id: 1234,
      jsonData: {
        url: 'http://localhost:8086',
        product: '',
        version: '',
      },
      secureJsonData: {},
      secureJsonFields: {},
    },
    mocks: {
      onOptionsChange: onOptionsChangeMock,
    },
  });

beforeEach(() => {
    // Mock console.error to suppress React act() warnings
    consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
    jest.clearAllMocks();
  });

afterEach(() => {
    consoleSpy.mockRestore();
  });

it('calls onOptionsChange when URL is changed', () => {
    render(<UrlAndAuthenticationSection {...defaultProps} />);

const input = screen.getByTestId('influxdb-v2-config-url-input');
    fireEvent.change(input, { target: { value: 'http://example.com' } });

expect(onOptionsChangeMock).toHaveBeenCalled();
  });

const productsRequiringDBRP = [
    'InfluxDB OSS 1.x',
    'InfluxDB OSS 2.x',
    'InfluxDB Enterprise 1.x',
    'InfluxDB Cloud (TSM)',
    'InfluxDB Cloud Serverless',
  ];

describe('UrlAndAuthenticationSection', () => {
    it.each(productsRequiringDBRP)('renders DBRP warning for %s and InfluxQL', (product) => {
      const props = {
        ...defaultProps,
        options: {
          ...defaultProps.options,
          jsonData: {
            product,
            version: InfluxVersion.InfluxQL,
          },
        },
      };

render(<UrlAndAuthenticationSection {...props} />);
      expect(screen.getByText(/requires DBRP mapping/i)).toBeInTheDocument();
    });
  });

it('does not render DBRP warning for SQL', () => {
    const props = {
      ...defaultProps,
      options: {
        ...defaultProps.options,
        jsonData: { version: InfluxVersion.SQL },
      },
    };

render(<UrlAndAuthenticationSection {...props} />);
    expect(screen.queryByText(/requires DBRP mapping/i)).not.toBeInTheDocument();
  });

it('does not render DBRP warning for Flux', () => {
    const props = {
      ...defaultProps,
      options: {
        ...defaultProps.options,
        jsonData: { version: InfluxVersion.Flux },
      },
    };

render(<UrlAndAuthenticationSection {...props} />);
    expect(screen.queryByText(/requires DBRP mapping/i)).not.toBeInTheDocument();
  });

it('leaves product and version undefined when URL does not match any product', async () => {
    const props = {
      ...defaultProps,
      options: {
        ...defaultProps.options,
        jsonData: { ...defaultProps.options.jsonData, url: undefined },
      },
    };

render(<UrlAndAuthenticationSection {...props} />);

const input = screen.getByTestId('influxdb-v2-config-url-input');
    onOptionsChangeMock.mockClear();
    fireEvent.blur(input, { target: { value: 'https://some-random-host.example.com' } });

await waitFor(() => {
      expect(onOptionsChangeMock).toHaveBeenCalledWith(
        expect.objectContaining({
          jsonData: expect.objectContaining({
            product: undefined,
            version: undefined,
          }),
        })
      );
    });
  });

it('auto-detects InfluxDB Cloud Dedicated from url', async () => {
    const props = {
      ...defaultProps,
      options: {
        ...defaultProps.options,
        jsonData: { ...defaultProps.options.jsonData, url: '' },
      },
    };

render(<UrlAndAuthenticationSection {...props} />);

const input = screen.getByTestId('influxdb-v2-config-url-input');
    onOptionsChangeMock.mockClear();
    fireEvent.blur(input, { target: { value: 'influxdb.io' } });

await waitFor(() => {
      expect(onOptionsChangeMock).toHaveBeenCalledWith(
        expect.objectContaining({
          jsonData: expect.objectContaining({
            product: 'InfluxDB Cloud Dedicated',
            version: undefined,
          }),
        })
      );
    });
  });

it('auto-detects InfluxDB Cloud Serverless from url', async () => {
    const props = {
      ...defaultProps,
      options: {
        ...defaultProps.options,
        jsonData: { ...defaultProps.options.jsonData, url: '' },
      },
    };