import * as React from 'react';
import { render } from '@testing-library/react';
import { getPopupContainer } from '../get-popup-container';
import { CnPageScrollDomId } from '@/constant/page';

describe('getPopupContainer', () => {
  it('should return the provided popup container if it exists', () => {
    const popupContainer = document.createElement('div');
    const result = getPopupContainer(popupContainer);
    expect(result).toBe(popupContainer);
  });

  it('should return document.body if no popup container is provided', () => {
    const result = getPopupContainer()();
    expect(result).toBe(document.body);
  });

  it('should return the closest CnPageScrollDomSelector element if target is provided', () => {
    const { container } = render(
      <div id={CnPageScrollDomId}>
        <div id="closestElement">
          <div id="target" />
        </div>
      </div>,
    );
    const target = container.querySelector('#target');
    const result = getPopupContainer()(target);
    expect(result.id).toBe(CnPageScrollDomId);
  });

  it('should return document.body if target is not provided', () => {
    const result = getPopupContainer(null);
    expect(typeof result).toBe('function');
    expect(result()).toBe(document.body);
  });
});