5chan/src/lib/utils/__tests__/quote-link-utils.test.ts

import { describe, expect, it } from 'vitest';
import { formatQuoteNumber, getQuoteTargetAvailability, isUnavailableQuoteTarget, shouldShowFloatingQuotePreview } from '../quote-link-utils';

describe('quote-link-utils', () => {
  it('formats quote numbers with the expected prefix', () => {
    expect(formatQuoteNumber(123)).toBe('>>123');
    expect(formatQuoteNumber()).toBe('>>?');
  });

  it('distinguishes unresolved and unavailable quote targets', () => {
    expect(getQuoteTargetAvailability(undefined)).toBe('unresolved');
    expect(getQuoteTargetAvailability({ deleted: true, removed: false })).toBe('unavailable');
    expect(getQuoteTargetAvailability({ deleted: false, removed: true })).toBe('unavailable');
    expect(getQuoteTargetAvailability({ deleted: false, removed: false, commentModeration: { purged: true } })).toBe('unavailable');
    expect(getQuoteTargetAvailability({ deleted: false, removed: false })).toBe('available');
  });

  it('marks deleted, removed, and purged comments as unavailable quote targets', () => {
    expect(isUnavailableQuoteTarget(undefined)).toBe(false);
    expect(isUnavailableQuoteTarget({ deleted: true, removed: false })).toBe(true);
    expect(isUnavailableQuoteTarget({ deleted: false, removed: true })).toBe(true);
    expect(isUnavailableQuoteTarget({ deleted: false, removed: false, commentModeration: { purged: true } })).toBe(true);
    expect(isUnavailableQuoteTarget({ deleted: false, removed: false })).toBe(false);
  });

  it('only shows floating previews for available targets that are hovered out of view', () => {
    expect(
      shouldShowFloatingQuotePreview({
        hoveredCid: 'cid-1',
        outOfViewCid: 'cid-1',
        quoteCid: 'cid-1',
        isUnavailable: false,
      }),
    ).toBe(true);

    expect(
      shouldShowFloatingQuotePreview({
        hoveredCid: 'cid-1',
        outOfViewCid: 'cid-1',
        quoteCid: 'cid-1',
        isUnavailable: true,
      }),
    ).toBe(false);

    expect(
      shouldShowFloatingQuotePreview({
        hoveredCid: 'cid-1',
        outOfViewCid: 'cid-2',
        quoteCid: 'cid-1',
        isUnavailable: false,
      }),
    ).toBe(false);
  });
});