import { describe, it, expect } from 'vitest';
import { render } from '@testing-library/react';
import SmoothScheduleLogo from '../SmoothScheduleLogo';

describe('SmoothScheduleLogo', () => {
  it('renders an SVG element', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const svg = container.querySelector('svg');
    expect(svg).toBeInTheDocument();
  });

  it('has correct viewBox', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const svg = container.querySelector('svg');
    expect(svg).toHaveAttribute('viewBox', '0 0 1730 1100');
  });

  it('uses currentColor for fill', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const svg = container.querySelector('svg');
    expect(svg).toHaveAttribute('fill', 'currentColor');
  });

  it('applies custom className', () => {
    const { container } = render(<SmoothScheduleLogo className="custom-logo-class" />);
    const svg = container.querySelector('svg');
    expect(svg).toHaveClass('custom-logo-class');
  });

  it('renders without className when not provided', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const svg = container.querySelector('svg');
    expect(svg).toBeInTheDocument();
  });

  it('contains path elements', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const paths = container.querySelectorAll('path');
    expect(paths.length).toBeGreaterThan(0);
  });

  it('has xmlns attribute', () => {
    const { container } = render(<SmoothScheduleLogo />);
    const svg = container.querySelector('svg');
    expect(svg).toHaveAttribute('xmlns', 'http://www.w3.org/2000/svg');
  });
});
