TemplateTest-JavaScript.js

import test from "ava";
import semver from "semver";

import getNewTemplate from "./_getNewTemplateForTests.js";
import { getRenderedTemplates as getRenderedTmpls } from "./_getRenderedTemplates.js";
import { getTemplateConfigInstanceCustomCallback } from "./_testHelpers.js";

test("JavaScript template type (function)", async (t) => {
  let tmpl = await getNewTemplate("./test/stubs/function.11ty.cjs", "./test/stubs/", "./dist");

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/function/index.html");
  data.name = "Zach";

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "<p>Zach</p>");

  // New in 2.0.0-canary.19 Issue #1522
  t.is(pages[0].content.trim(), "<p>Zach</p>");
  t.is(pages[0].page.url, "/function/");
});

test("JavaScript template type (class with data getter)", async (t) => {
  let tmpl = await getNewTemplate("./test/stubs/class-data.11ty.cjs", "./test/stubs/", "./dist");

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-data/index.html");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
  t.is(pages[0].content.trim(), "<p>Ted</p>");
});

test("JavaScript template type (class with data method)", async (t) => {
  let tmpl = await getNewTemplate("./test/stubs/class-data-fn.11ty.cjs", "./test/stubs/", "./dist");

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-data-fn/index.html");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
  t.is(pages[0].content.trim(), "<p>Ted</p>");
});

if (semver.gte(process.version, "12.4.0")) {
  test("JavaScript template type (class fields)", async (t) => {
    let tmpl = await getNewTemplate(
      "./test/stubs/classfields-data.11ty.cjs",
      "./test/stubs/",
      "./dist"
    );

    let data = await tmpl.getData();
    t.is(await tmpl.getOutputPath(data), "./dist/classfields-data/index.html");

    let pages = await getRenderedTmpls(tmpl, data);
    t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
    t.is(pages[0].content.trim(), "<p>Ted</p>");
  });
}

test("JavaScript template type (class with shorthand data method)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-fn-shorthand.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-data-fn-shorthand/index.html");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
  t.is(pages[0].content.trim(), "<p>Ted</p>");
});

test("JavaScript template type (class with async data method)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-async-data-fn.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-async-data-fn/index.html");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
  t.is(pages[0].content.trim(), "<p>Ted</p>");
});

test("JavaScript template type (class with data getter and a javascriptFunction)", async (t) => {
  let eleventyConfig = await getTemplateConfigInstanceCustomCallback({
    input: "test/stubs",
    output: "dist",
  }, function(cfg) {
    cfg.addJavaScriptFunction("upper", function (val) {
      return new String(val).toUpperCase();
    });
  });

  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-filter.11ty.cjs",
    "./test/stubs/",
    "./dist",
    null,
    null,
    eleventyConfig
  );

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-data-filter/index.html");
  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].content.trim(), "<p>TED</p>");
  t.is(pages[0].templateContent.trim(), "<p>TED</p>");
});

test("JavaScript template type (class with data method and a javascriptFunction)", async (t) => {
  let eleventyConfig = await getTemplateConfigInstanceCustomCallback({
    input: "test/stubs",
    output: "dist",
  }, function(cfg) {
    cfg.addJavaScriptFunction("upper", function (val) {
      return new String(val).toUpperCase();
    });
  });

  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-fn-filter.11ty.cjs",
    "./test/stubs/",
    "./dist",
    null,
    null,
    eleventyConfig
  );

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/class-data-fn-filter/index.html");
  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].content.trim(), "<p>TED</p>");
  t.is(pages[0].templateContent.trim(), "<p>TED</p>");
});

test("JavaScript template type (class with data permalink)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );
  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/index.html");
});

test("JavaScript template type (class with data permalink using a buffer)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink-buffer.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );
  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/index.html");
});

test("JavaScript template type (class with data permalink function)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink-fn.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );
  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/value1/index.html");
});

test("JavaScript template type (class with data permalink function using a buffer)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink-fn-buffer.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );
  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/value1/index.html");
});

test("JavaScript template type (class with data permalink async function)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink-async-fn.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );
  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/value1/index.html");
});

test("JavaScript template type (class with data permalink function using a filter)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-data-permalink-fn-filter.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(await tmpl.getOutputPath(data), "./dist/my-permalink/my-super-cool-title/index.html");
});

test("JavaScript template type (should use the same class instance for data and render)", async (t) => {
  let tmpl = await getNewTemplate("./test/stubs/oneinstance.11ty.cjs", "./test/stubs/", "./dist");

  let data = await tmpl.getData();
  let pages = await getRenderedTmpls(tmpl, data);
  // the template renders the random number created in the class constructor
  // the data returns the random number created in the class constructor
  // if they are different, the class is not reused.
  t.is(pages[0].content.trim(), `<p>Ted${data.rand}</p>`);
  t.is(pages[0].templateContent.trim(), `<p>Ted${data.rand}</p>`);
});

test("JavaScript template type (multiple exports)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/multipleexports.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].content.trim(), "<p>Ted</p>");
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
});

test("JavaScript template type (multiple exports, promises)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/multipleexports-promises.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(data.name, "Ted");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].content.trim(), "<p>Ted</p>");
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
});

test("JavaScript template type (object)", async (t) => {
  let tmpl = await getNewTemplate("./test/stubs/object.11ty.cjs", "./test/stubs/", "./dist");

  let data = await tmpl.getData();
  t.is(data.name, "Ted");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].content.trim(), "<p>Ted</p>");
  t.is(pages[0].templateContent.trim(), "<p>Ted</p>");
});

test("JavaScript template type (object, no render method)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/object-norender.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(data.name, "Ted");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "");
  t.is(pages[0].content.trim(), "");
});

test("JavaScript template type (class, no render method)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/class-norender.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  let data = await tmpl.getData();
  t.is(data.name, "Ted");

  let pages = await getRenderedTmpls(tmpl, data);
  t.is(pages[0].templateContent.trim(), "");
  t.is(pages[0].content.trim(), "");
});
test("JavaScript template type (data returns a string)", async (t) => {
  let tmpl = await getNewTemplate(
    "./test/stubs/exports-flatdata.11ty.cjs",
    "./test/stubs/",
    "./dist"
  );

  await t.throwsAsync(async () => {
    await tmpl.getData();
  });
});