frontend-svelte/e2e/preview-text.test.ts

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');

        // Window chars render as `.char-wrap` cells for crossfade.
        // With WINDOW_SIZE=5, "Sphinx" (6 chars) fits 5 in the window.
        await expect(comparison.slider.locator('.char-wrap')).toHaveCount(5);
    });

    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);
    });
});