import { describe, it, expect, vi } from 'vitest';
import ReactLynx from '@lynx-js/react';
import {
  startTransition as preactStartTransition,
  use as preactUse,
  useTransition as preactUseTransition,
} from 'preact/compat';

import compat from '../../../compat';

describe('Default export', () => {
  it('should include all exports from @lynx-js/react', () => {
    Object.keys(ReactLynx).forEach(key => {
      expect(compat).toHaveProperty(key);
      expect(compat[key]).toBe(ReactLynx[key]);
    });
  });

  it('should include use', () => {
    expect(compat).toHaveProperty('use');
    expect(compat.use).toBe(preactUse);
  });

  it('should include useInsertionEffect', () => {
    expect(compat).toHaveProperty('useInsertionEffect');
    expect(compat.useInsertionEffect).toBe(ReactLynx.useEffect);
  });

  it('should include startTransition and useTransition', () => {
    expect(compat).toHaveProperty('startTransition');
    expect(compat.startTransition).toBe(preactStartTransition);

    expect(compat).toHaveProperty('useTransition');
    expect(compat.useTransition).toBe(preactUseTransition);
  });

  it('should have correct number of exports', () => {
    // +4 for startTransition, use, useInsertionEffect and useTransition
    const expectedExportCount = Object.keys(ReactLynx).length + 4;
    expect(Object.keys(compat).length).toBe(expectedExportCount);
  });
});