shady-css-parser/src/test/stringifier-test.ts

A fast, small and flexible CSS parser.

/**
 * @license
 * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
 * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
 * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
 * Google as part of the polymer project is also subject to an additional IP
 * rights grant found at http://polymer.github.io/PATENTS.txt
 */

import {expect} from 'chai';

import {Parser} from '../shady-css/parser';
import {Stringifier} from '../shady-css/stringifier';

import * as fixtures from './fixtures';
import {TestNodeFactory} from './test-node-factory';

describe('Stringifier', () => {
  let nodeFactory: TestNodeFactory;
  let stringifier: Stringifier;

  beforeEach(() => {
    nodeFactory = new TestNodeFactory();
    stringifier = new Stringifier();
  });

  describe('when stringifying CSS nodes', () => {
    it('can stringify an empty Stylesheet', () => {
      const cssText = stringifier.stringify(nodeFactory.stylesheet([]));
      expect(cssText).to.be.eql('');
    });

    it('can stringify an At Rule without a Rulelist', () => {
      const cssText =
          stringifier.stringify(nodeFactory.atRule('foo', '("bar")'));

      expect(cssText).to.be.eql('@foo ("bar");');
    });

    it('can stringify an At Rule with a Rulelist', () => {
      const cssText = stringifier.stringify(
          nodeFactory.atRule('foo', '("bar")', nodeFactory.rulelist([])));

      expect(cssText).to.be.eql('@foo ("bar"){}');
    });

    it('can stringify Comments', () => {
      const cssText = stringifier.stringify(nodeFactory.comment('/* hi */'));
      expect(cssText).to.be.eql('/* hi */');
    });

    it('can stringify Rulesets', () => {
      const cssText = stringifier.stringify(
          nodeFactory.ruleset('.fiz #buz', nodeFactory.rulelist([])));
      expect(cssText).to.be.eql('.fiz #buz{}');
    });

    it('can stringify Declarations with Expression values', () => {
      const cssText = stringifier.stringify(
          nodeFactory.declaration('color', nodeFactory.expression('red')));
      expect(cssText).to.be.eql('color:red;');
    });

    it('can stringify Declarations with Rulelist values', () => {
      const cssText = stringifier.stringify(
          nodeFactory.declaration('--mixin', nodeFactory.rulelist([])));
      expect(cssText).to.be.eql('--mixin:{};');
    });
  });

  describe('when stringifying CSS ASTs', () => {
    let parser: Parser;

    beforeEach(() => {
      parser = new Parser();
    });

    it('can stringify a basic ruleset', () => {
      const cssText =
          stringifier.stringify(parser.parse(fixtures.basicRuleset));
      expect(cssText).to.be.eql('body{margin:0;padding:0px;}');
    });

    it('can stringify at rules', () => {
      const cssText = stringifier.stringify(parser.parse(fixtures.atRules));
      expect(cssText).to.be.eql(
          '@import url(\'foo.css\');@font-face{font-family:foo;}@charset \'foo\';');
    });

    it('can stringify keyframes', () => {
      const cssText = stringifier.stringify(parser.parse(fixtures.keyframes));
      expect(cssText).to.be.eql(
          '@keyframes foo{from{fiz:0%;}99.9%{fiz:100px;buz:true;}}');
    });

    it('can stringify declarations without value', () => {
      const cssText =
          stringifier.stringify(parser.parse(fixtures.declarationsWithNoValue));
      expect(cssText).to.be.eql('foo;bar 20px;div{baz;}');
    });

    it('can stringify custom properties', () => {
      const cssText =
          stringifier.stringify(parser.parse(fixtures.customProperties));
      expect(cssText).to.be.eql(':root{--qux:vim;--foo:{bar:baz;};}');
    });

    describe('with discarded nodes', () => {
      it('stringifies to a corrected stylesheet', () => {
        const cssText =
            stringifier.stringify(parser.parse(fixtures.pathologicalComments));
        expect(cssText).to.be.eql(
            '.foo{bar:/*baz*/vim;}/* unclosed\n@fiz {\n  --huk: {\n    /* buz */baz:lur;@gak wiz;');
      });
    });
  });
});