import {
    expect,
    test,
} from './fixtures';

test.describe('preview text', () => {
    test('drives the slider character rendering', async ({ comparison }) => {
        await comparison.pickPair('Inter', 'Roboto');
        await comparison.setPreviewText('Sphinx');

        // Each grapheme renders as a `.char-wrap` cell in the slider once
        // both fonts are loaded. Six glyphs → six cells.
        await expect(comparison.slider.locator('.char-wrap')).toHaveCount(6);
    });

    test('preserves the typed value in the input', async ({ comparison }) => {
        const text = 'Sphinx of black quartz';
        await comparison.setPreviewText(text);
        await expect(comparison.previewInput).toHaveValue(text);
    });
});