react/scripts/release/shared-commands/test-packaging-fixture.js

#!/usr/bin/env node

'use strict';

const {exec} = require('child-process-promise');
const {join} = require('path');
const puppeteer = require('puppeteer');
const server = require('pushstate-server');
const theme = require('../theme');
const {logPromise} = require('../utils');

const validate = async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('http://localhost:9000/fixtures/packaging');

  try {
    return await page.evaluate(() => {
      const iframes = document.querySelectorAll('iframe');

      if (iframes.length === 0) {
        return 'No iframes were found.';
      }

      for (let i = 0; i < iframes.length; i++) {
        const iframe = iframes[i];
        // Don't include the <script> Babel tag
        const container = iframe.contentDocument.body.getElementsByTagName(
          'div'
        )[0];
        if (container.textContent !== 'Hello World!') {
          return `Unexpected fixture content, "${container.textContent}"`;
        }
      }

      return null;
    });
  } finally {
    await browser.close();
  }
};

const run = async ({cwd}) => {
  await logPromise(
    exec('node build-all.js', {cwd: join(cwd, 'fixtures/packaging')}),
    'Generating "packaging" fixture',
    20000 // This takes roughly 20 seconds
  );

  let errorMessage;
  let response;

  try {
    response = server.start({
      port: 9000,
      directory: cwd,
    });

    errorMessage = await logPromise(
      validate(),
      'Verifying "packaging" fixture'
    );
  } finally {
    response.close();
  }

  if (errorMessage) {
    console.error(
      theme.error('✗'),
      'Verifying "packaging" fixture\n ',
      theme.error(errorMessage)
    );
    process.exit(1);
  }
};

module.exports = run;