@helpscout/cyan/dist/debug.js

Cypress-like Testing for React + JSDOM

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.debugByCy = exports.debug = void 0;

var _pretty = require("./utils/pretty.utils");

var _render = require("./utils/render.utils");

var debug = function (selector, options) {
  var html = (0, _render.getDocumentHTML)();

  if (selector) {
    var root = document.createElement('div');
    root.innerHTML = html;
    var scoped = root.querySelector(selector);

    if (scoped) {
      html = scoped.outerHTML;
    } else {
      console.warn(".debug() couldn't find " + selector + ". Logging complete HTML instead.");
    }
  }

  console.log((0, _pretty.pretty)(html, options));
};

exports.debug = debug;

var debugByCy = function (selector, options) {
  if (!selector) {
    debug(selector, options);
  } else {
    debug("[data-cy=\"" + selector + "\"]", options);
  }
};

exports.debugByCy = debugByCy;
var _default = debug;
exports.default = _default;