@11ty/eleventy-plugin-syntaxhighlight/test/LiquidHighlightTagTest.js

Prism.js based syntax highlighting for Markdown, Liquid, Nunjucks, WebC, and 11ty.js templates.

const test = require("ava");
const { Liquid } = require('liquidjs');
const LiquidHighlightTag = require("../src/LiquidHighlightTag");

async function renderLiquid(str, data = {}, engine = null) {
	if(!engine) {
		engine = new Liquid();
	}

	let result = await engine.parseAndRender(str, data);
	return result;
}

test("Test Render", async t => {
	t.is("Hi Zach", await renderLiquid("Hi {{name}}", {name: "Zach"}));
});

test("Test Highlight Tag Render", async t => {
  let engine = new Liquid();
  let tag = new LiquidHighlightTag(engine);
  engine.registerTag("highlight", tag.getObject());

  let rendered = await renderLiquid("{% highlight js %}var test;{% endhighlight %}", {}, engine);
	t.is(`<pre class="language-js"><code class="language-js"><span class="token keyword">var</span> test<span class="token punctuation">;</span></code></pre>`, rendered);
});

test("Njk Alias", async t => {
  let engine = new Liquid();
  let tag = new LiquidHighlightTag(engine);
  engine.registerTag("highlight", tag.getObject());

  let rendered = await renderLiquid("{% highlight njk %}{% raw %}hello{% endraw %}{% endhighlight %}", {}, engine);
	t.is(`<pre class="language-njk"><code class="language-njk"><span class="token delimiter punctuation">{%</span> <span class="token tag keyword">raw</span> <span class="token operator">%</span><span class="token punctuation">}</span><span class="token variable">hello</span><span class="token punctuation">{</span><span class="token operator">%</span> <span class="token variable">endraw</span> <span class="token delimiter punctuation">%}</span></code></pre>`, rendered);
});

test("Nunjucks alias", async t => {
  let engine = new Liquid();
  let tag = new LiquidHighlightTag(engine);
  engine.registerTag("highlight", tag.getObject());

  let rendered = await renderLiquid("{% highlight nunjucks %}{% raw %}hello{% endraw %}{% endhighlight %}", {}, engine);
	t.is(`<pre class="language-nunjucks"><code class="language-nunjucks"><span class="token delimiter punctuation">{%</span> <span class="token tag keyword">raw</span> <span class="token operator">%</span><span class="token punctuation">}</span><span class="token variable">hello</span><span class="token punctuation">{</span><span class="token operator">%</span> <span class="token variable">endraw</span> <span class="token delimiter punctuation">%}</span></code></pre>`, rendered);
});