marko/packages/runtime-class/test/components-pages/index.test.js

"use strict";

require("../__util__/test-init");

var path = require("path");
var autotest = require("mocha-autotest").default;
var asyncTestSuite = require("../__util__/async-test-suite");
var createBrowserWithMarko = require("../__util__/create-marko-jsdom-module");

autotest("fixtures", run);

/**
 * Builds a page with marko & lasso and then pipes it through jsdom, loading co-located tests.
 */
function run(fixture) {
  let resolve = fixture.resolve;
  asyncTestSuite(path.basename(fixture.dir), function () {
    var testFile = resolve("tests.js");
    var templateFile = resolve("template.marko");
    var template = require(templateFile);
    template = template.default || template;
    var pendingHtml = new Promise(function (resolve, reject) {
      var html = "";
      template
        .render(
          {},
          {
            write(data) {
              html += data;
            },
            flush() {},
            end() {
              resolve(html);
            },
          },
        )
        .once("error", reject);
    });

    return pendingHtml.then(function (html) {
      var browser = createBrowserWithMarko(__dirname, html, {
        beforeParse(window, browser) {
          browser.require("../../components");
          browser.window.$initComponents();
          browser.require(templateFile);
        },
      });
      // TODO: we should enable this but it causes a test (diff-body) to fail
      // due to DOMContentLoaded firing twice, which shouldn't be possible.
      // Since this is almost certainly an issue with our JSDOM setup
      // and not Marko, I'm disabling it for now.
      //
      // afterEach(function() {
      //   if (browser.error) {
      //     const err = browser.error;
      //     browser.error = undefined;
      //     throw err;
      //   }
      // });
      after(function () {
        browser.window.close();
      });

      browser.window.document.close();
      browser.require(testFile);
    });
  });
}