test/scripts/helpers/css.ts - master - githubmirror/hexo

test/scripts/helpers/css.ts
90 строк3 KB
yoshinorin
chore(deps): update `cheerio` from `0.22` to `1.0.0` (#5603)
31 дек 2024, 16:39
31 дек 2024, 16:39499d86d
import * as cheerio from 'cheerio';
import Hexo from '../../../lib/hexo';
import cssHelper from '../../../lib/plugins/helper/css';
type CssHelperParams = Parameters<typeof cssHelper>;
type CssHelperReturn = ReturnType<typeof cssHelper>;

describe('css', () => {
  const hexo = new Hexo(__dirname);

  const ctx: any = {
    config: hexo.config
  };

  const css: (...args: CssHelperParams) => CssHelperReturn = cssHelper.bind(ctx);

  function assertResult(result, expected) {
    const $ = cheerio.load(result);

    if (!Array.isArray(expected)) {
      expected = [expected];
    }

    expected.forEach((item, index) => {
      if (typeof item === 'string' || item instanceof String) {
        $('link').eq(index).attr('href')!.should.eql(item);
      } else {
        for (const attribute in item) {
          $('link').eq(index).attr(attribute)!.should.eql(item[attribute]);
        }
      }
    });
  }

  it('a string', () => {
    assertResult(css('style'), '/style.css');
    assertResult(css('style.css'), '/style.css');
    assertResult(css('https://hexo.io/style.css'), 'https://hexo.io/style.css');
    assertResult(css('//hexo.io/style.css'), '//hexo.io/style.css');
  });

  it('an array', () => {
    assertResult(css(['//hexo.io/style.css']), '//hexo.io/style.css');

    assertResult(css(['foo', 'bar', 'baz']), ['/foo.css', '/bar.css', '/baz.css']);
  });

  it('multiple strings', () => {
    assertResult(css('foo', 'bar', 'baz'), ['/foo.css', '/bar.css', '/baz.css']);
  });

  it('multiple arrays', () => {
    assertResult(css(['foo', 'bar'], ['baz']), ['/foo.css', '/bar.css', '/baz.css']);
  });

  it('mixed', () => {
    assertResult(css(['foo', 'bar'], 'baz'), ['/foo.css', '/bar.css', '/baz.css']);
  });

  it('an object', () => {
    assertResult(css({href: 'script.css'}), {href: '/script.css'});
    assertResult(css({href: '/script.css'}), {href: '/script.css'});
    assertResult(css({href: 'script'}), {href: '/script.css'});
    assertResult(css({href: '/script.css', foo: 'bar'}), {href: '/script.css', foo: 'bar'});
  });

  it('multiple objects', () => {
    assertResult(css({href: '/foo.css'}, {href: '/bar.css'}), [{href: '/foo.css'}, {href: '/bar.css'}]);
    assertResult(css({href: '/aaa.css', bbb: 'ccc'}, {href: '/ddd.css', eee: 'fff'}),
      [{href: '/aaa.css', bbb: 'ccc'}, {href: '/ddd.css', eee: 'fff'}]);
  });

  it('an array of objects', () => {
    assertResult(css([{href: '/foo.css'}, {href: '/bar.css'}]), [{href: '/foo.css'}, {href: '/bar.css'}]);
    assertResult(css([{href: '/aaa.css', bbb: 'ccc'}, {href: '/ddd.css', eee: 'fff'}]),
      [{href: '/aaa.css', bbb: 'ccc'}, {href: '/ddd.css', eee: 'fff'}]);
  });

  it('relative link', () => {
    ctx.config.relative_link = true;
    ctx.config.root = '/';

    ctx.path = '';
    assertResult(css('style'), 'style.css');

    ctx.path = 'foo/bar/';
    assertResult(css('style'), '../../style.css');

    ctx.config.relative_link = false;
  });
});