open-wc/packages/building-rollup/test-node/integration.test.js

/* eslint-disable global-require, import/no-dynamic-require */
const puppeteer = require('puppeteer');
const { expect } = require('chai');
const path = require('path');
const fs = require('fs');
const rimraf = require('rimraf');
const { rollup } = require('rollup');
const { startServer, createConfig } = require('es-dev-server');

const rootDir = path.resolve(__dirname, '..', 'dist');

describe('integration tests', () => {
  let server;
  let serverConfig;
  /** @type {import('puppeteer').Browser} */
  let browser;

  before(async () => {
    serverConfig = createConfig({
      port: 8081,
      rootDir,
    });

    ({ server } = await startServer(serverConfig));
    browser = await puppeteer.launch();
    rimraf.sync(rootDir);
  });

  after(async () => {
    await browser.close();
    await new Promise(resolve =>
      server.close(() => {
        resolve();
      }),
    );
  });

  ['js/rollup.spa.config.js', 'js/rollup.spa-nomodule.config.js'].forEach(testCase => {
    describe(`testcase ${testCase}`, function describe() {
      this.timeout(20000);
      let page;

      before(async () => {
        rimraf.sync(rootDir);
        const configPath = path.join(__dirname, '..', 'demo', testCase);
        const config = require(configPath);
        const bundle = await rollup(config);
        if (Array.isArray(config.output)) {
          await Promise.all([bundle.write(config.output[0]), bundle.write(config.output[1])]);
        } else {
          await bundle.write(config.output);
        }

        page = await browser.newPage();
        await page.goto('http://localhost:8081/', {
          waitUntil: 'networkidle0',
        });
      });

      after(() => {
        rimraf.sync(rootDir);
      });

      it('passes the in-browser tests', async () => {
        // @ts-ignore
        const browserTests = await page.evaluate(() => window.__tests);
        expect(browserTests).to.eql({
          partialCSS: true,
          litElement: true,
          startsWith: true,
          map: true,
          importMeta: true,
          importMeta2: true,
          asyncFunction: true,
          forOf: true,
          optionalChaining: true,
          nullishCoalescing: true,
          asyncIterator: true,
        });
      });

      it('outputs a service worker', () => {
        expect(fs.existsSync(path.join(rootDir, 'sw.js'))).to.be.true;
      });
    });
  });
});