luna-one 3.1.593 → 3.1.595

package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.js

@@ -1,78 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _react = _interopRequireWildcard(require("react"));
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _terraOne = require("terra-one");
-require("./MiniFeatDropdown.scss");
-var MiniFeatDropdown = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(MiniFeatDropdown, _Component);
-  var _super = (0, _createSuper2["default"])(MiniFeatDropdown);
-  function MiniFeatDropdown() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, MiniFeatDropdown);
-    _this = _super.call(this);
-    _this.handleDropdownSelect = function (selection, name) {
-      _this.setState((0, _defineProperty2["default"])({}, name, selection));
-      _this.props.handleDropdownSelect(selection, name);
-    };
-    _this.generateDropdowns = function () {
-      return _this.props.dropdowns.map(function (dropdown, index) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: "mini-feat-dropdown__single-dropdown-wrapper",
-          key: "".concat(dropdown.name, "-").concat(index, "-dropdown")
-        }, /*#__PURE__*/_react["default"].createElement("p", {
-          className: "mini-feat-dropdown__dropdown-label"
-        }, dropdown.name), /*#__PURE__*/_react["default"].createElement(_terraOne.Dropdown, {
-          name: dropdown.name,
-          options: dropdown.options,
-          handleSelection: _this.handleDropdownSelect,
-          selection: _this.state[dropdown.name],
-          defaultText: dropdown.defaultText
-        }));
-      });
-    };
-    _this.state = {};
-    return _this;
-  }
-  (0, _createClass2["default"])(MiniFeatDropdown, [{
-    key: "render",
-    value: function render() {
-      var content = this.props.content;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "mini-feat-dropdown"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "mini-feat-dropdown__text-container"
-      }, content && content.header && !(0, _checkForDangerouslySet["default"])(content.header) && /*#__PURE__*/_react["default"].createElement("h3", {
-        className: "mini-feat-dropdown__header"
-      }, content.header), content && content.header && (0, _checkForDangerouslySet["default"])(content.header) && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "mini-feat-dropdown__header dangerously-set-content",
-        dangerouslySetInnerHTML: {
-          __html: content.header
-        }
-      }), content && content.text && !(0, _checkForDangerouslySet["default"])(content.text) && /*#__PURE__*/_react["default"].createElement("p", {
-        className: "mini-feat-dropdown__text"
-      }, content.text), content && content.text && (0, _checkForDangerouslySet["default"])(content.text) && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "mini-feat-dropdown__text dangerously-set-content",
-        dangerouslySetInnerHTML: {
-          __html: content.text
-        }
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "mini-feat-dropdown__dropdown-container"
-      }, this.generateDropdowns()));
-    }
-  }]);
-  return MiniFeatDropdown;
-}(_react.Component);
-var _default = MiniFeatDropdown;
-exports["default"] = _default;

package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.scss

@@ -1,107 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.mini-feat-dropdown {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 0 calc((100vw - 1200px) / 2) 0;
-  min-height: 228px;
-  margin: 0 auto;
-  background-color: $trimble-blue;
-  &__text-container {
-    margin: 16px;
-    max-width: 800px;
-    position: relative;
-    top: 16px;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-  }
-  &__header {
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    color: $concrete-gray-1;
-    font-size: $heading-3-size; // TODO REMOVE THIS WHEN POSSIBLE - CONTAINS LINE HEIGHT DECLARATIONS + OTHERS
-    font-size: $heading-2-size;
-    margin: 0;
-    font-weight: bold;
-  }
-
-  &__text {
-    color: $concrete-gray-1;
-    font-size: $subheading-size;
-    line-height: 32px;
-    padding-top: 12px;
-    margin: 0;
-  }
-
-  &__dropdown-label {
-    margin-bottom: 0;
-    @include benton-medium();
-    font-size: $large-body-font-size;
-    color: $concrete-gray-1;
-  }
-
-  &__dropdown-container {
-    margin: 16px;
-    position: relative;
-    top: 8px;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    width: 400px;
-  }
-}
-
-@media screen and (max-width: 1200px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      margin: 32px;
-    }
-    &__dropdown-container {
-      margin: 32px;
-    }
-  }
-}
-
-@media screen and (max-width: 775px) {
-  .mini-feat-dropdown {
-    display: -ms-grid;
-    display: grid;
-    -ms-grid-rows: 1fr 100px;
-    grid-template-rows: 1fr 100px;
-
-    &__dropdown-container {
-      padding-bottom: 48px !important;
-    }
-  }
-}
-
-@media screen and (max-width: 460px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      width: 325px;
-    }
-    &__dropdown-container {
-      width: 300px;
-    }
-  }
-}
-
-@media screen and (max-width: 365px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      width: 255px;
-    }
-    &__dropdown-container {
-      width: 265px;
-    }
-  }
-}

package/dist/luna/featurettes/CustomFeat/CustomFeat.js

@@ -1,157 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-require("./CustomFeat.scss");
-var CustomFeat = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CustomFeat, _Component);
-  var _super = (0, _createSuper2["default"])(CustomFeat);
-  function CustomFeat() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, CustomFeat);
-    _this = _super.call(this);
-    _this.createIframe = function () {
-      if (typeof document !== "undefined" && typeof window !== "undefined") {
-        return;
-      }
-      // this checks if we are getting an iframe from JSON and if we are, we do not need to recreate the iframe. we can render our given iframe.
-      if (_this.props.content.embeddedCode.match(/\<iframe.*\/iframe\>/)) {
-        return;
-
-        // this checks if we are getting a url to imnput into an iframe
-      } else if (_this.checkForURl(_this.props.content.embeddedCode) === true) {
-        return;
-
-        // this checks to see if we are getting an html blob that needs to be transformed into an iframe
-      } else if (_this.checkForScriptTag(_this.props.content.embeddedCode) === true) {
-        // here we create our iframe
-        var iframe = document.createElement("iframe");
-        _this.setState({
-          iframe: iframe
-        });
-        var html = _this.props.content.embeddedCode;
-        iframe.id = "iframe-id";
-        iframe.srcdoc = "data:text/html;charset=utf-8," + encodeURI(html);
-        iframe.style.height = "100%";
-        iframe.style.width = "100%";
-        iframe.style.padding = "0 calc((100vw - 1275px) / 2) 48px";
-        iframe.style.margin = "0 auto";
-        iframe.style.border = "none";
-        iframe.style.display = "block";
-        iframe.setAttribute("srcdoc", html);
-        iframe.referrerPolicy = "strict-origin-when-cross-origin";
-        document.body.appendChild(iframe);
-        iframe.onerror = function (e) {
-          console.log(e);
-        };
-      } else {
-        return;
-      }
-    };
-    _this.resizeIframe = function () {
-      if (typeof document !== "undefined" && typeof window !== "undefined") {
-        return;
-      }
-      var content = _this.props.content;
-      if (content.embeddedCode.charAt(0) === "<") {
-        _this.setState({
-          rawHTML: true
-        });
-      } else {
-        // this sets an iframe's height if only a url is provided. We check which height is greatest and multiply it by 3 ( multiplying it by 3 isn't the best solution, but without doing so, the iframe is still too small, I need to look into a better solution for this ). This removes the scrolling default that iFrames wthout a height inherently have
-
-        var _this$container$conte = _this.container.contentWindow.document,
-          body = _this$container$conte.body,
-          documentElement = _this$container$conte.documentElement;
-        var contentHeight = Math.max(body.clientHeight, body.offsetHeight, body.scrollHeight, documentElement.clientHeight, documentElement.offsetHeight, documentElement.scrollHeight) * 3;
-        _this.setState({
-          contentHeight: contentHeight
-        });
-      }
-    };
-    _this.checkForURl = function (string) {
-      // checks if string STARTS with https or http
-      return /^(http|https)/.test(string);
-    };
-    _this.checkForScriptTag = function (string) {
-      return /\<script.*>/.test(string);
-    };
-    _this.state = {
-      contentHeight: null,
-      rawHTML: false,
-      iframe: null
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(CustomFeat, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (typeof document !== "undefined" && typeof window !== "undefined") {
-        this.resizeIframe();
-        this.createIframe();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (typeof document !== "undefined" && typeof window !== "undefined") {
-        // This conditional shouldn't be necessary, but we're seeing errors in Sentry, so here we are
-        if (this.state.iframe && this.state.iframe.parentNode && this.state.iframe.parentNode.contains && this.state.iframe.parentNode.contains(this.state.iframe)) {
-          this.state.iframe.parentNode.removeChild(this.state.iframe);
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var content = this.props.content;
-      var embeddedCode = content.embeddedCode;
-      var iframeStyle = {
-        margin: "50px auto",
-        padding: "0 calc((100vw - 1275px) / 2) 48px",
-        width: "100%",
-        height: this.state.contentHeight || "auto",
-        border: "none"
-      };
-      if (embeddedCode.charAt(0) === "<" && this.checkForScriptTag(embeddedCode) === false) {
-        // checks to see if embeddedCode is a standard HTML blob, and if so, we return the HTML
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: "custom-feat dangerously-set-content",
-          dangerouslySetInnerHTML: {
-            __html: embeddedCode
-          }
-        });
-      } else if (this.checkForURl(embeddedCode) === true) {
-        // if embeddedCode is NOT an html blob and a url, we insert the url into the src if the iframe
-        return /*#__PURE__*/_react["default"].createElement("iframe", {
-          className: "custom-feat",
-          ref: function ref(container) {
-            _this2.container = container;
-          },
-          style: iframeStyle,
-          src: embeddedCode
-        });
-      } else {
-        // if iframe was created dynamically, it will render here.
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: "custom-feat"
-        });
-      }
-    }
-  }]);
-  return CustomFeat;
-}(_react.Component);
-var _default = CustomFeat;
-exports["default"] = _default;

package/dist/luna/featurettes/CustomFeat/CustomFeat.scss

@@ -1,18 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.custom-feat {
-  padding: spacing("super") calc((100vw - 1200px) / 2);
-  margin: 0 auto;
-  text-align: center;
-  overflow: hidden;
-  position: relative
-  
-  iframe {
-    border: 0;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-}

package/dist/luna/featurettes/Feat1/Feat1.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-require("./Feat1.scss");
-var _terraOne = require("terra-one");
-var _generateThemeClassName = _interopRequireDefault(require("../../utils/generateThemeClassName"));
-var _generateBackgroundImage = _interopRequireDefault(require("../../utils/generateBackgroundImage"));
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _getOffsetTop = _interopRequireDefault(require("../../utils/getOffsetTop"));
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _feat1Methods = require("./feat1Methods");
-var _removeSpaces = require("../../utils/removeSpaces");
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var Feat1 = function Feat1(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? {} : _ref$background,
-    id = _ref.id,
-    motion = _ref.motion,
-    zIndex = _ref.zIndex,
-    parallaxPosition = _ref.parallaxPosition;
-  var image = content.image,
-    header = content.header,
-    subHeader = content.subHeader,
-    text = content.text,
-    cta = content.cta,
-    ctas = content.ctas,
-    theme = content.theme,
-    Link = content.Link,
-    _content$contentSide = content.contentSide,
-    contentSide = _content$contentSide === void 0 ? "right" : _content$contentSide,
-    GatsbyImage = content.GatsbyImage;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color,
-    ctaOne = _useStyles.ctaOne,
-    ctaTwo = _useStyles.ctaTwo;
-  var wrapper = (0, _react.useRef)(null);
-  var style = background.image ? (0, _generateBackgroundImage["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, background), {}, {
-    zIndex: zIndex,
-    parallaxPosition: parallaxPosition,
-    elementPosition: (0, _getOffsetTop["default"])(wrapper)
-  })) : {};
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    ref: wrapper,
-    id: (0, _generateID["default"])(id, header),
-    className: "ter-feat-one ter-feat-one--".concat(contentSide),
-    style: {
-      zIndex: zIndex + 1 || "auto",
-      background: backgroundColor
-    }
-  }, background.image && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-feat-one__background-image",
-    alt: (background === null || background === void 0 ? void 0 : background.altText) || (background === null || background === void 0 ? void 0 : background.alt) || "placeholder image",
-    style: (0, _objectSpread2["default"])({}, style)
-  }), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    className: "ter-feat-one__image-wrapper",
-    direction: motion ? "up" : "",
-    delay: motion ? 100 : 0,
-    triggerOnce: true
-  }, /*#__PURE__*/_react["default"].createElement("figure", null, /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-    image: image === null || image === void 0 ? void 0 : image.image,
-    GatsbyImage: GatsbyImage ? GatsbyImage : null,
-    src: image ? (0, _removeSpaces.removeSpaces)((image === null || image === void 0 ? void 0 : image.url) || (image === null || image === void 0 ? void 0 : image.src)) : _fpoSquare["default"],
-    alt: (image === null || image === void 0 ? void 0 : image.altText) || (image === null || image === void 0 ? void 0 : image.alt) || "placeholder image",
-    className: "ter-feat-one__image",
-    onError: function onError(e) {
-      e.target.onerror = null;
-      e.target.src = _fpoSquare["default"];
-    }
-  }))), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    className: "ter-feat-one__content-container ",
-    direction: motion ? "up" : "",
-    delay: motion ? 200 : 0,
-    triggerOnce: true
-  }, /*#__PURE__*/_react["default"].createElement("aside", null, header && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ter-feat-one__header ter-feat__header",
-    style: {
-      color: color
-    }
-  }, header), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
-    className: "ter-feat-one__sub-header ter-feat__sub-header",
-    style: {
-      color: color
-    }
-  }, subHeader), text && !(0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-feat-one__text",
-    style: {
-      color: color
-    }
-  }, text), text && (0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-feat-one__text-holder dangerously-set-content",
-    style: {
-      color: color
-    },
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }), cta && !ctas && cta.url && cta.text && (cta.text !== "" || cta.text !== null) && (cta.url !== "" || cta.url !== null) && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
-    Link: Link,
-    url: cta.url,
-    text: cta.text,
-    className: theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1",
-    external: cta.external
-  }), ctas && (ctas.ctaOne || ctas.ctaTwo) && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: ctas
-  }))));
-};
-var _default = Feat1;
-exports["default"] = _default;

package/dist/luna/featurettes/Feat1/Feat1.scss

@@ -1,110 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-feat-one {
-  margin: auto;
-  @include organism-padding();
-  position: relative;
-
-  @media (min-width: $breakpoint-xs) {
-    padding-top: spacing("mega");
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include grid-container;
-  }
-
-  &__background-image {
-    position: absolute;
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include organism-padding();
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__image-wrapper {
-    margin-bottom: spacing("md");
-
-    @media (min-width: $breakpoint-sm) {
-      @include grid-column(6);
-      margin-bottom: 0;
-    }
-  }
-
-  &__image {
-    width: 100%;
-  }
-
-  &__content-container {
-    @media (min-width: $breakpoint-sm) {
-      @include grid-column(6);
-      padding-left: 16px;
-    }
-
-    @media (min-width: $breakpoint-md) {
-      @include grid-column(6);
-    }
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-  }
-
-  &__sub-header {
-    font-size: $card-title-size;
-    line-height: 29.3px;
-    @include benton-light();
-  }
-
-  &__text,
-  &__text-holder p {
-    margin-top: spacing("md");
-    font-size: $subheading-size;
-    @include benton-light();
-    p {
-      margin-bottom: 0;
-    }
-  }
-
-  &--left {
-    .ter-feat-one__image-wrapper {
-      @media (min-width: $breakpoint-sm) {
-        grid-column: 7 / 13;
-        grid-row: 1;
-        margin-bottom: 0;
-      }
-    }
-
-    .ter-feat-one__content-container {
-      padding-left: 0;
-      @media (min-width: $breakpoint-sm) {
-        grid-column: 0;
-
-        grid-row: 1;
-      }
-
-      @media (min-width: $breakpoint-md) {
-        grid-column: 0;
-
-        grid-row: 1;
-      }
-    }
-  }
-
-  .ter-button {
-    display: block;
-    margin-top: spacing("md");
-
-    @media (min-width: $breakpoint-xs) {
-      display: inline-block;
-      padding-right: spacing("lg");
-      padding-left: spacing("lg");
-    }
-
-    @media (min-width: $breakpoint-md) {
-      margin-top: spacing("md");
-    }
-  }
-}

package/dist/luna/featurettes/Feat1/feat1Methods.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contentFadeDelay = void 0;
-var contentFadeDelay = function contentFadeDelay(motion) {
-  var _window;
-  if (!motion) {
-    return null;
-  }
-  if (typeof window !== "undefined" && ((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth) >= 900) {
-    return 200;
-  } else {
-    return 0;
-  }
-};
-exports.contentFadeDelay = contentFadeDelay;

package/dist/luna/featurettes/Feat1/feat1Methods.test.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _feat1Methods = require("./feat1Methods");
-describe("feat1Methods", function () {
-  describe("contentFadeDelay", function () {
-    it("should return null", function () {
-      var result = (0, _feat1Methods.contentFadeDelay)();
-      expect(result).toEqual(null);
-    });
-    it("should return 200", function () {
-      global.innerWidth = 1000;
-      var result = (0, _feat1Methods.contentFadeDelay)(true);
-      expect(result).toEqual(200);
-    });
-    it("should return 0", function () {
-      global.innerWidth = 4;
-      var result = (0, _feat1Methods.contentFadeDelay)(true);
-      expect(result).toEqual(0);
-    });
-  });
-});