import { splitCssDeclarations } from '../splitCssDeclarations';

describe('splitCssDeclarations', () => {
  it('should split plain declarations on semicolons', () => {
    expect(splitCssDeclarations('color: red; font-size: 14px')).toEqual([
      'color: red',
      ' font-size: 14px',
    ]);
  });

  it('should keep semicolons inside quoted strings', () => {
    expect(splitCssDeclarations('content: "a;b"; color: red')).toEqual([
      'content: "a;b"',
      ' color: red',
    ]);
  });

  it('should keep semicolons inside single quoted strings', () => {
    expect(splitCssDeclarations("content: 'a;b'")).toEqual(["content: 'a;b'"]);
  });

  it('should keep semicolons after an escaped quote inside a string', () => {
    expect(splitCssDeclarations('content: "a\\";b"; color: red')).toEqual([
      'content: "a\\";b"',
      ' color: red',
    ]);
  });

  it('should keep semicolons inside url parentheses', () => {
    expect(
      splitCssDeclarations(
        'background: url(data:image/png;base64,abc); color: red',
      ),
    ).toEqual(['background: url(data:image/png;base64,abc)', ' color: red']);
  });

  it('should keep slash star sequences as plain characters', () => {
    expect(
      splitCssDeclarations(
        'background: url(http://example.com/a/*/b.png); color: red',
      ),
    ).toEqual(['background: url(http://example.com/a/*/b.png)', ' color: red']);
  });

  it('should handle nested parentheses', () => {
    expect(
      splitCssDeclarations('width: calc(min(10px; 2px)); color: red'),
    ).toEqual(['width: calc(min(10px; 2px))', ' color: red']);
  });

  it('should return the whole text when there is no top level semicolon', () => {
    expect(splitCssDeclarations('color: red')).toEqual(['color: red']);
  });
});