jest.helpers.js

// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

/* global jasmine */
/* eslint-env jest */

import { assertMatchesDOM } from '@salesforce-ux/instant-vrt/matcher';
import fetch from 'isomorphic-fetch';
import ReactDOM from 'react-dom/server';
import renderer from 'react-test-renderer';

import { beautify } from './shared/utils/beautify';
import { renderWithBetterError } from './shared/utils/react';

export default (directory, port) => {
  let CURRENT_TEST_NAME;

  jasmine.getEnv().addReporter({
    specStarted: function(result) {
      CURRENT_TEST_NAME = result.fullName;
    }
  });

  return {
    matchesMarkup: reactElement => {
      // https://jestjs.io/docs/en/snapshot-testing#snapshot-testing-with-jest
      const dom = renderer.create(reactElement).toJSON();
      expect(dom).toMatchSnapshot();
    },
    matchesMarkupAndStyle: async element => {
      const renderedMarkup =
        typeof element === 'string'
          ? element
          : renderWithBetterError(ReactDOM)(
              element,
              `${CURRENT_TEST_NAME} failed on ${element}`
            );
      const markupAndStyle = await fetch(
        'http://localhost:12345/api/getMarkupAndStyle',
        {
          method: 'POST',
          headers: {
            'Content-Type': 'text/plain'
          },
          body: renderedMarkup
        }
      )
        .then(res => res.json())
        .then(diff => ({ html: beautify(renderedMarkup), style: diff.style }));
      assertMatchesDOM({
        directory,
        dom: markupAndStyle,
        name: CURRENT_TEST_NAME,
        // Set in "jest.setup.global.js"
        update: process.env.JEST_UPDATE_SNAPSHOTS === 'true'
      });
    }
  };
};