server.js

'use strict';

const should = require('should');

// introduce models for fixtures
require('tutorial').Article;
require('tutorial').Task;

const Parser = require('../serverParser');
const dataUtil = require('lib/dataUtil');
const path = require('path');
const stripYamlMetadata = require('../stripYamlMetadata');

// compares removing spaces between tags
should.Assertion.add('html', function(str) {
  this.obj.should.be.a.String;
  str.should.be.a.String;
  this.obj.trim().replace(/>\s+</g, '><').should.equal(str.trim().replace(/>\s+</g, '><'));
}, false);


function* render(text) {

  let tmp;
  try {
    tmp = stripYamlMetadata(text);
  } catch (e) {
    // bad metadata stops parsing immediately
    return e.message;
  }

  text = tmp.text;
  let env = {meta: tmp.meta};

  const parser = new Parser({
    resourceWebRoot: '/resources',
    publicRoot: __dirname,
    env
  });

  const tokens = await parser.parse(text);

  let result = parser.render(tokens);
  //console.log(env);
  return result;

}


describe('MarkIt', function() {

  before(function* () {
    await dataUtil.loadModels(path.join(__dirname, './fixture/tutorial'), {reset: true});
  });

  describe('code', function() {

    it(`[js src="1.js" height=300]`, function*() {
      let result = await render(this.test.title);
      result.should.be.html(`<div data-trusted="1" class="code-example" data-demo-height="300">
      <div class="codebox code-example__codebox">
        <div class="codebox__code" data-code="1">
        <pre class="line-numbers language-javascript"><code class="language-javascript">let a = 5</code></pre>
        </div>
      </div>
    </div>`);

    });


    it('```\ncode\n```', function*() {
      let result = await render(this.test.title);
      result.should.be.html(`<div data-trusted="1" class="code-example">
        <div class="codebox code-example__codebox">
          <div class="codebox__code" data-code="1">
            <pre class="line-numbers language-none"><code class="language-none">code</code></pre>
          </div>
        </div>
      </div>`);
    });


    it('```js\na = 5\n```\n', function*() {
      let result = await render(this.test.title);
      result.should.be.html(`<div data-trusted="1" class="code-example">
      <div class="codebox code-example__codebox">
        <div class="codebox__code" data-code="1">
          <pre class="line-numbers language-javascript"><code class="language-javascript">a = 5</code></pre>
        </div>
      </div>
     </div>`
      );

    });
  });


  it(`[iframe src="/path"]`, function*() {
    let result = await render(this.test.title);
    result.should.be.html(`<div class="code-result">
      <div class="code-result__toolbar toolbar"></div>
      <iframe class="code-result__iframe" data-trusted="1" style="height:300px" src="/path"></iframe>
    </div>`
    );

  });


/*
  it(`<info:task/task-1>`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.eql('<p><a href="/task/task-1">Task 1</a></p>');
  });

  it(`<info:article-1.2>`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.eql('<p><a href="/article-1.2">Article 1.2</a></p>');
  });
  */

  it(`notfigure ![desc|height=100 width=200](/url)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.eql('<p>notfigure <img src="/url" alt="desc" height="100" width="200"></p>');
  });

  it(`notfigure ![desc](blank.png)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.eql('<p>notfigure <img src="/resources/blank.png" alt="desc" width="3" height="2"></p>');
  });

  it(`notfigure ![desc](not-exists.png)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.match(/^<p>notfigure <span class="markdown-error">.*?<\/p>$/);
  });

  it(`notfigure ![desc](error.png)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.match(/^<p>notfigure <span class="markdown-error">.*?<\/p>$/);
  });

  it(`notfigure ![desc](1.js)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.match(/^<p>notfigure <span class="markdown-error">.*?<\/p>$/);
  });

  it(`![figure|height=100 width=200](/url)`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.html(`<figure><div class="image" style="width:200px">
      <div class="image__ratio" style="padding-top:50%"></div>
      <img src="/url" alt="" height="100" width="200" class="image__image">
      </div></figure>`);
  });

  it(`## Header [#anchor]`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.html('<h2><a class="main__anchor" name="anchor" href="#anchor">Header</a></h2>');
  });

  it(`## My header`, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.html('<h2><a class="main__anchor" name="my-header" href="#my-header">My header</a></h2>');
  });

  it(`\`\`\`compare
- Полная интеграция с HTML/CSS.
- Простые вещи делаются просто.
- Поддерживается всеми распространёнными браузерами и включён по умолчанию.
\`\`\``, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.html(`
    <div class="balance balance_single">
      <div class="balance__minuses">
        <div class="balance__content">
          <ul class="balance__list">
            <li>Полная интеграция с HTML/CSS.</li>
            <li>Простые вещи делаются просто.</li>
            <li>Поддерживается всеми распространёнными браузерами и включён по умолчанию.</li>
          </ul>
          </div>
        </div>
    </div>`);
  });

  it(`\`\`\`compare
+ one
- two
\`\`\``, function*() {
    let result = await render(this.test.title);
    result.trim().should.be.html(`<div class="balance">
      <div class="balance__pluses">
        <div class="balance__content">
          <div class="balance__title">Достоинства</div>
          <ul class="balance__list">
            <li>one</li>
          </ul>
        </div>
      </div>
      <div class="balance__minuses">
        <div class="balance__content">
          <div class="balance__title">Недостатки</div>
          <ul class="balance__list">
            <li>two</li>
          </ul>
        </div>
      </div>
    </div>`);
  });


});