import { describe, it, expect } from 'vitest';
import {
  normalizeCss,
  splitCssBlocks,
  findMissingCssBlocks,
  collectInlinedCss,
  decideCssLinkAction,
  makeStylesheetAsync,
  MAX_TAIL_INLINE_BYTES,
} from '../css-dedupe';

describe('normalizeCss', () => {
  it('схлопывает пробелы и обрезает края', () => {
    expect(normalizeCss('  .a {  color :  red ; }\n\n')).toBe('.a { color : red ; }');
  });
});

describe('splitCssBlocks', () => {
  it('разбивает на top-level блоки в исходном виде', () => {
    expect(splitCssBlocks('.a{color:red}\n.b{x:1}')).toEqual(['.a{color:red}', '.b{x:1}']);
  });

  it('@media остаётся одним блоком', () => {
    expect(splitCssBlocks('.a{x:1}@media(min-width:960px){.b{y:2}.c{z:3}}')).toEqual([
      '.a{x:1}',
      '@media(min-width:960px){.b{y:2}.c{z:3}}',
    ]);
  });

  it('statement-ы через ; на верхнем уровне — отдельные блоки', () => {
    expect(splitCssBlocks('@charset "UTF-8";.a{x:1}')).toEqual(['@charset "UTF-8";', '.a{x:1}']);
  });

  it('пустой CSS → []', () => {
    expect(splitCssBlocks('')).toEqual([]);
  });
});

describe('findMissingCssBlocks', () => {
  it('возвращает только отсутствующие блоки, в исходном порядке', () => {
    const inlined = '.a{x:1} .c{z:3}';
    expect(findMissingCssBlocks(['.a{x:1}', '.b{y:2}', '.c{z:3}'], inlined)).toEqual(['.b{y:2}']);
  });

  it('сравнивает по нормализованному виду', () => {
    expect(findMissingCssBlocks(['.a {\n  x: 1;\n}'], '.a { x: 1; }')).toEqual([]);
  });
});

describe('collectInlinedCss', () => {
  it('собирает содержимое всех <style> из частей head, нормализованным', () => {
    const head = ['<style>.a{color:red}</style>', '<link rel="stylesheet">', '<style>.b{x:1}</style>'];
    const result = collectInlinedCss(head);
    expect(result).toContain('.a{color:red}');
    expect(result).toContain('.b{x:1}');
  });

  it('части без <style> игнорируются → пустая строка', () => {
    expect(collectInlinedCss(['<link rel="stylesheet">', '<meta>'])).toBe('');
  });
});

describe('decideCssLinkAction', () => {
  const inlined = '.a{color:red} .b{x:1}';

  it('файл заинлайнен целиком → drop', () => {
    expect(decideCssLinkAction('.a{color:red}.b{x:1}', inlined)).toEqual({ kind: 'drop' });
  });

  it('заинлайнен частично → inline-tail только с недостающими блоками', () => {
    expect(decideCssLinkAction('.a{color:red}.z{q:9}', inlined)).toEqual({
      kind: 'inline-tail',
      css: '.z{q:9}',
    });
  });

  it('не заинлайнен вовсе → async (грузим файлом, он кэшируется)', () => {
    expect(decideCssLinkAction('.z{q:9}.y{q:8}', inlined)).toEqual({ kind: 'async' });
  });

  it('крупный хвост → async, а не распухший HTML', () => {
    const big = `.z{content:"${'x'.repeat(MAX_TAIL_INLINE_BYTES)}"}`;
    expect(decideCssLinkAction(`.a{color:red}${big}`, inlined)).toEqual({ kind: 'async' });
  });

  it('пустой файл → async', () => {
    expect(decideCssLinkAction('', inlined)).toEqual({ kind: 'async' });
  });
});

describe('makeStylesheetAsync', () => {
  it('делает линк неблокирующим и добавляет noscript-фолбэк', () => {
    const tag = '<link rel="stylesheet" href="/_nuxt/a.css">';
    const result = makeStylesheetAsync(tag);
    expect(result).toContain('media="print"');
    expect(result).toContain('onload="this.media=\'all\'"');
    expect(result).toContain(`<noscript>${tag}</noscript>`);
  });
});