import { describe, it, expect } from 'vitest';
import { defaultPresetGridColumns } from './shared';
import { RADIUS_PRESETS, SPACING_PRESETS, IMAGE_RADIUS_PRESETS, FONT_WEIGHTS, TEXT_SIZES, FONT_FAMILIES } from '../../../constants/presets';

/*
 * Regression: 5-item preset sets (RADIUS_PRESETS, SPACING_PRESETS,
 * IMAGE_RADIUS_PRESETS, FONT_WEIGHTS, and NavStylePanel's ad-hoc
 * GAP_PRESETS) left a lone orphan button on its own row under the old
 * fixed 4-column .preset-grid. PresetButtonGrid now derives a column
 * count from the preset length instead.
 */
describe('defaultPresetGridColumns', () => {
  it('gives 5-item sets their own single row (no orphan)', () => {
    expect(defaultPresetGridColumns(RADIUS_PRESETS.length)).toBe(5);
    expect(defaultPresetGridColumns(SPACING_PRESETS.length)).toBe(5);
    expect(defaultPresetGridColumns(IMAGE_RADIUS_PRESETS.length)).toBe(5);
    expect(defaultPresetGridColumns(FONT_WEIGHTS.length)).toBe(5);
    expect(defaultPresetGridColumns(5)).toBe(5); // NavStylePanel's GAP_PRESETS
  });

  it('splits 6-item sets into two even rows of 3 (was 4+2 uneven)', () => {
    expect(defaultPresetGridColumns(TEXT_SIZES.length)).toBe(3);
  });

  it('keeps the classic 4-column grid for sets that already divide evenly', () => {
    expect(defaultPresetGridColumns(FONT_FAMILIES.length)).toBe(4); // 8 items
    expect(defaultPresetGridColumns(4)).toBe(4);
    expect(defaultPresetGridColumns(3)).toBe(4);
  });

  it('never leaves a single orphan on the final row for any count 1-12', () => {
    for (let n = 1; n <= 12; n++) {
      const cols = defaultPresetGridColumns(n);
      const isLoneOrphan = n > cols && n % cols === 1;
      expect(isLoneOrphan).toBe(false);
    }
  });
});