@quintype/arrow 3.15.1-perf.3 → 3.15.1-perf.7

package/esm/components/Atoms/StoryElements/Video/index.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["element", "story", "config", "loadIframeOnClick"];
+import React from "react";
+import { StoryElement } from "@quintype/components";
+import PropTypes from "prop-types";
+import { withElementWrapper } from "../withElementWrapper";
+import { shapeStory, shapeConfig } from "../../../../utils/utils";
+import "./video.m.css";
+
+var Videobase = function Videobase(_ref) {
+  var element = _ref.element,
+      _ref$story = _ref.story,
+      story = _ref$story === void 0 ? {} : _ref$story,
+      _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      _ref$loadIframeOnClic = _ref.loadIframeOnClick,
+      loadIframeOnClick = _ref$loadIframeOnClic === void 0 ? false : _ref$loadIframeOnClic,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "video-m_container__MYuWI" + (" " + (restProps ? restProps.className || "" : ""))
+  }, restProps, {
+    "data-test-id": "video"
+  }), /*#__PURE__*/React.createElement(StoryElement, {
+    element: element,
+    loadIframeOnClick: loadIframeOnClick
+  }));
+};
+
+Videobase.propTypes = {
+  element: PropTypes.object,
+  story: shapeStory,
+  config: shapeConfig,
+  loadIframeOnClick: PropTypes.bool
+};
+export var Video = withElementWrapper(Videobase);

package/esm/components/Atoms/StoryElements/Video/stories.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { withStore } from "../../../../../storybook";
+import { Video } from "./index";
+import Readme from "./README.md";
+import { generateStoryElementData } from "../../../Fixture";
+var elementYoutube = generateStoryElementData("youtube-video");
+var elementDailyMotion = generateStoryElementData("dailymotion-video");
+var elementTwitter = generateStoryElementData("tweet");
+withStore("Atoms/Story Elements/Video", {
+  qt: {
+    config: {
+      "cdn-image": "thumbor-stg.assettype.com"
+    }
+  }
+}, Readme).add("Default with youtube video", function () {
+  return /*#__PURE__*/React.createElement(Video, {
+    element: elementYoutube,
+    loadIframeOnClick: true
+  });
+}).add("Dailymotion video", function () {
+  return /*#__PURE__*/React.createElement(Video, {
+    element: elementDailyMotion,
+    loadIframeOnClick: true
+  });
+}).add("Twitter video", function () {
+  return /*#__PURE__*/React.createElement(Video, {
+    element: elementTwitter
+  });
+});

package/esm/components/Atoms/StoryElements/Video/video.m.css

@@ -0,0 +1,89 @@
+.container {
+  :global {
+    .youtube-playBtn {
+      position: absolute;
+      background-color: var(--arrow-c-mono4);
+      border-radius: 50%/10%;
+      font-size: 0;
+      height: 48px;
+      width: 70px;
+      top: 50%;
+      left: 50%;
+      border: none;
+      cursor: pointer;
+      z-index: var(--z-index-1);
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    .youtube-playBtn:hover {
+      background-color: var(--arrow-c-accent4);
+    }
+
+    .youtube-playBtn::after {
+      content: "";
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 9px 0 9px 18px;
+      border-color: transparent transparent transparent var(--arrow-c-invert-mono3);
+      margin: 0 auto;
+    }
+
+    .thumbnail-wrapper {
+      position: relative;
+      padding-top: 56.25%;
+      height: 100%;
+      width: 100%;
+      img,
+      iframe {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        top: 0;
+        height: 100%;
+        object-fit: cover;
+        width: 100%;
+      }
+      iframe {
+        z-index: var(--z-index-9);
+      }
+    }
+
+    .story-element-jsembed .thumbnail-wrapper img {
+      width: 100%;
+    }
+
+    .dailymotion-playBtn {
+      background-color: var(--arrow-c-invert-mono5);
+      border-radius: 50%;
+      font-size: 0;
+      height: 64px;
+      padding: 0;
+      width: 64px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      border: none;
+      cursor: pointer;
+      z-index: var(--z-index-1);
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    .dailymotion-playBtn:hover {
+      background-color: var(--arrow-c-brand1);
+    }
+
+    .dailymotion-playBtn::after {
+      position: relative;
+      content: "";
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 12px 0 12px 18px;
+      border-color: transparent transparent transparent var(--arrow-c-invert-mono3);
+      margin: 0 auto;
+      left: 3px;
+    }
+  }
+}

package/esm/components/Atoms/StoryElements/Video/video.test.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { shallow } from "enzyme";
+import { Video } from ".";
+import { generateStoryElementData } from "../../../Fixture";
+import { StoryElement } from "@quintype/components";
+var element = generateStoryElementData("youtube-video");
+describe("Video Story Element", function () {
+  it("should render with correct elements", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Video, {
+      element: element
+    })).dive();
+    expect(wrapper.find(StoryElement).length).toEqual(1);
+  });
+});

package/esm/components/Atoms/StoryElements/imageGallery/README.md

@@ -0,0 +1,18 @@
+# Image Gallery Element
+
+Displays the image gallery story element of the story
+
+## Usage
+
+#### Default Image story element
+
+```jsx
+ <ImageGallery element={element}  />);
+```
+#### template (with 6 images and rest count on the last image for desktop and 4 images for mobile and rest count on last image) Image story element
+
+```jsx
+ <ImageGallery element={element} template="template-2" />);
+```
+
+<!-- PROPS -->

package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.m.css

@@ -0,0 +1,52 @@
+@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value mobile from viewports;
+
+.image-gallery {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: var(--arrow-spacing-xxs);
+  @media (min-width: mobile) {
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: var(--arrow-spacing-xs);
+  }
+}
+
+.image-gallery figure,
+.image-gallery .image {
+  padding-top: 100%;
+}
+
+.image-gallery figure.image {
+  position: relative;
+  cursor: pointer;
+}
+
+.image img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+}
+
+.template-2 .left-images {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
+  font-size: var(--arrow-fs-l);
+  color: var(--arrow-c-light);
+}
+.left-images::before {
+  content: "+";
+}
+
+.hyperlink-gallery-image {
+  position: relative;
+}

package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.test.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { mount } from "enzyme";
+import { Provider } from "react-redux";
+import { ImageGallery } from ".";
+import { generateStoryElementData, generateStore } from "../../../Fixture";
+import { FullScreenImages } from "../../../Molecules/FullScreenImages";
+var element = generateStoryElementData("image-gallery");
+describe("Image Gallery Story Element", function () {
+  it("should render with correct elements", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: generateStore
+    }, /*#__PURE__*/React.createElement(ImageGallery, {
+      element: element
+    })));
+    expect(wrapper.find(FullScreenImages).length).toEqual(1);
+  });
+});

package/esm/components/Atoms/StoryElements/imageGallery/index.js

@@ -0,0 +1,112 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["element", "template", "opts", "story", "config"];
+import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
+var _styleModuleImportMap = {
+  "./image-gallery.m.css": {
+    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "mobile": "768px",
+    "image-gallery": "image-gallery-m_image-gallery__1Q7if",
+    "image": "image-gallery-m_image__3qwSJ",
+    "template-2": "image-gallery-m_template-2__2pjmE",
+    "left-images": "image-gallery-m_left-images__34gjv",
+    "hyperlink-gallery-image": "image-gallery-m_hyperlink-gallery-image__2qgDp"
+  }
+};
+import React from "react";
+import PropTypes from "prop-types";
+import { ResponsiveImage } from "@quintype/components";
+import { withElementWrapper } from "../withElementWrapper";
+import { FullScreenImages } from "../../../Molecules/FullScreenImages";
+import { shapeStory, shapeConfig, clientWidth } from "../../../../utils/utils";
+import "./image-gallery.m.css";
+import { HyperLink } from "../../Hyperlink";
+
+var ImageGalleryBase = function ImageGalleryBase(_ref) {
+  var element = _ref.element,
+      _ref$template = _ref.template,
+      template = _ref$template === void 0 ? "" : _ref$template,
+      _ref$opts = _ref.opts,
+      opts = _ref$opts === void 0 ? {} : _ref$opts,
+      _ref$story = _ref.story,
+      story = _ref$story === void 0 ? {} : _ref$story,
+      _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  if (!element) return null;
+  var isMobile = clientWidth("mobile");
+  var imageArr = element["story-elements"];
+  var imageBaseOnTemp = template === "template-2" && imageArr.length;
+  var renderImageDesktop = imageBaseOnTemp > 6 ? imageArr.slice(0, 6) : imageArr;
+  var renderMobile = imageBaseOnTemp > 4 ? imageArr.slice(0, 4) : imageArr;
+  var renderImage = isMobile ? renderMobile : renderImageDesktop;
+  var classes = template === "template-2" ? "template-2" : "";
+
+  var hyperlinkClass = function hyperlinkClass(hyperlink) {
+    return hyperlink ? "hyperlink-gallery-image" : "";
+  };
+
+  var LeftImages = function LeftImages() {
+    var imageCountDesktop = imageBaseOnTemp > 6 && imageArr.length - 6;
+    var imageCountMobile = imageBaseOnTemp > 4 && imageArr.length - 4;
+    var imageCount = isMobile ? imageCountMobile : imageCountDesktop;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "image-gallery-m_left-images__34gjv"
+    }, imageCount);
+  };
+
+  var ImageGalleryImagesTemplate = function ImageGalleryImagesTemplate(_ref2) {
+    var onClickHandler = _ref2.onClickHandler;
+    var images = renderImage.map(function (image, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        className: _getClassName(hyperlinkClass(image["hyperlink"]), _styleModuleImportMap)
+      }, /*#__PURE__*/React.createElement("figure", {
+        key: index,
+        "data-text-id": "image-".concat(index),
+        onClick: function onClick() {
+          return onClickHandler && onClickHandler(index);
+        },
+        className: _getClassName("image ".concat(classes), _styleModuleImportMap)
+      }, /*#__PURE__*/React.createElement(ResponsiveImage, {
+        slug: image["image-s3-key"],
+        metadata: image["image-metadata"],
+        alt: image["title"],
+        aspectRatio: [1, 1],
+        defaultWidth: 640,
+        imgParams: {
+          auto: ["format", "compress"]
+        }
+      })), image["hyperlink"] && /*#__PURE__*/React.createElement(HyperLink, {
+        hyperLink: image["hyperlink"]
+      }));
+    });
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: " arrow-component arr--image-element image-gallery-m_image-gallery__1Q7if" + (" " + (restProps ? restProps.className || "" : ""))
+    }, restProps, {
+      "data-test-id": "image-gallery"
+    }), images);
+  };
+
+  ImageGalleryImagesTemplate.propTypes = {
+    onClickHandler: PropTypes.func
+  };
+  return /*#__PURE__*/React.createElement(FullScreenImages, {
+    template: ImageGalleryImagesTemplate,
+    element: element
+  });
+};
+
+ImageGalleryBase.propTypes = {
+  element: PropTypes.shape({
+    "story-elements": PropTypes.array
+  }),
+  opts: PropTypes.shape({
+    imageWidths: PropTypes.array
+  }),
+  story: shapeStory,
+  config: shapeConfig,
+  template: PropTypes.string
+};
+export var ImageGallery = withElementWrapper(ImageGalleryBase);

package/esm/components/Atoms/StoryElements/imageGallery/stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { withStore, optionalSelect } from "../../../../../storybook";
+import { ImageGallery } from "./index";
+import Readme from "./README.md";
+import { generateStoryElementData } from "../../../Fixture";
+var element = generateStoryElementData("image-gallery");
+var imgaeGalleryTemplate = {
+  "default": "",
+  template2: "template-2"
+};
+withStore("Atoms/Story Elements/Image gallery", {
+  qt: {
+    config: {
+      "cdn-image": "thumbor-stg.assettype.com"
+    }
+  }
+}, Readme).add("Default", function () {
+  return /*#__PURE__*/React.createElement(ImageGallery, {
+    element: element,
+    template: optionalSelect("templates", imgaeGalleryTemplate)
+  });
+});

package/esm/components/Atoms/StoryElements/withElementWrapper.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["element", "render"];
+import React from "react";
+import PropTypes from "prop-types";
+export var withElementWrapper = function withElementWrapper(StoryElement) {
+  return function (props) {
+    var element = props.element,
+        render = props.render,
+        restProps = _objectWithoutProperties(props, _excluded);
+
+    if (!element) return null;
+    if (render && typeof render === "function") return render(props);
+    return /*#__PURE__*/React.createElement(StoryElement, _extends({}, restProps, {
+      element: element
+    }));
+  };
+};
+withElementWrapper.propTypes = {
+  StoryElement: PropTypes.element
+};

package/esm/components/Atoms/StoryElements/withElementWrapper.test.js

@@ -0,0 +1,49 @@
+/* eslint-disable react/prop-types */
+import * as React from "react";
+import { shallow } from "enzyme";
+import { withElementWrapper } from "./withElementWrapper";
+describe("Story Element Wrapper", function () {
+  var element = {
+    description: "",
+    type: "text",
+    metadata: {},
+    text: "<p>Coronavirus in India News Live Updates</p>"
+  };
+
+  var StoryElement = function StoryElement(_ref) {
+    var element = _ref.element;
+    return /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: element.text
+      }
+    });
+  };
+
+  var Component = withElementWrapper(StoryElement);
+  it("should return null if element not present", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Component, null));
+    expect(wrapper.html()).toBe(null);
+  });
+  it("should call render if it's present and is a function", function () {
+    var customTemplate = function customTemplate(_ref2) {
+      var element = _ref2.element;
+      return /*#__PURE__*/React.createElement("h3", {
+        dangerouslySetInnerHTML: {
+          __html: element.text
+        }
+      });
+    };
+
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Component, {
+      element: element,
+      render: customTemplate
+    }));
+    expect(wrapper.html()).toBe("<h3><p>Coronavirus in India News Live Updates</p></h3>");
+  });
+  it("should return the component passed if element is present and render is not valid", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Component, {
+      element: element
+    }));
+    expect(wrapper.html()).toBe("<div><p>Coronavirus in India News Live Updates</p></div>");
+  });
+});

package/esm/components/Atoms/StoryHeadline/index.js

@@ -0,0 +1,57 @@
+import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
+import React from "react";
+import PropTypes from "prop-types";
+import { get } from "lodash";
+import { useStateValue } from "../../SharedContext";
+import { getTextColor } from "../../../utils/utils";
+import "./story-headline.m.css";
+import { PremiumStoryIcon } from "../PremiumStoryIcon";
+var _styleModuleImportMap = {
+  "./story-headline.m.css": {
+    "wrapper": "story-headline-m_wrapper__1Wey6",
+    "headline": "story-headline-m_headline__x10-O",
+    "premium-wrapper": "story-headline-m_premium-wrapper__1zqs0",
+    "dark": "story-headline-m_dark__1_kPz",
+    "light": "story-headline-m_light__2al9-"
+  }
+};
+export var StoryHeadline = function StoryHeadline(_ref) {
+  var story = _ref.story,
+      _ref$premiumStoryIcon = _ref.premiumStoryIconConfig,
+      premiumStoryIconConfig = _ref$premiumStoryIcon === void 0 ? {} : _ref$premiumStoryIcon;
+  var config = useStateValue() || {};
+  var textColor = getTextColor(config.theme);
+  var _premiumStoryIconConf = premiumStoryIconConfig.iconColor,
+      iconColor = _premiumStoryIconConf === void 0 ? "#F7B500" : _premiumStoryIconConf,
+      _premiumStoryIconConf2 = premiumStoryIconConfig.iconStyle,
+      iconStyle = _premiumStoryIconConf2 === void 0 ? "star" : _premiumStoryIconConf2,
+      _premiumStoryIconConf3 = premiumStoryIconConfig.enablePremiumStoryIcon,
+      enablePremiumStoryIcon = _premiumStoryIconConf3 === void 0 ? false : _premiumStoryIconConf3;
+  var premiumStory = enablePremiumStoryIcon && get(story, ["access"]) === "subscription";
+  var wrapperClass = premiumStory ? "premium-wrapper" : "wrapper";
+  var iconSize = "40px";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "arrow-component arr--story-headline " + _getClassName(wrapperClass, _styleModuleImportMap)
+  }, premiumStory && /*#__PURE__*/React.createElement(PremiumStoryIcon, {
+    width: iconSize,
+    height: iconSize,
+    color: iconColor,
+    iconType: iconStyle,
+    positionTop: "6px"
+  }), /*#__PURE__*/React.createElement("h1", {
+    "data-testid": "story-headline",
+    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap)
+  }, /*#__PURE__*/React.createElement("bdi", {
+    dangerouslySetInnerHTML: {
+      __html: story.headline
+    }
+  })));
+};
+StoryHeadline.propTypes = {
+  story: PropTypes.object.isRequired,
+  premiumStoryIconConfig: PropTypes.shape({
+    iconColor: PropTypes.string,
+    iconType: PropTypes.string,
+    enablePremiumStoryIcon: PropTypes.bool
+  })
+};

package/esm/components/Atoms/StoryHeadline/story-headline.m.css

@@ -0,0 +1,36 @@
+@custom-media --viewport-medium (width >= 768px);
+
+.wrapper {
+  display: block;
+}
+
+:global(.arrow-component.arr--story-headline h1) {
+  margin: 0;
+}
+
+.headline {
+  margin-bottom: var(--arrow-spacing-xxs);
+  color: var(--arrow-c-mono2);
+  font-weight: var(--arrow-fw-semi-bold);
+  text-transform: unset;
+  @media (--viewport-medium) {
+    margin-bottom: var(--arrow-spacing-xs);
+  }
+}
+
+.premium-wrapper .headline {
+  display: inline;
+}
+
+.dark {
+  color: var(--arrow-c-mono2);
+}
+.light {
+  color: var(--arrow-c-invert-mono2);
+}
+
+html[dir="rtl"] {
+  .headline bdi {
+    direction: rtl;
+  }
+}

package/esm/components/Atoms/StoryTags/README.md

@@ -0,0 +1,9 @@
+## Story Tags
+
+Story tags describes the story and makes it easy for the readers to find what they're looking for.
+
+## Usage
+
+```jsx
+<StoryTags tags={story.tags} />
+```

package/esm/components/Atoms/StoryTags/index.js

@@ -0,0 +1,47 @@
+import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
+import React from "react";
+import { get } from "lodash";
+import PropTypes, { string } from "prop-types";
+import { useStateValue } from "../../SharedContext";
+import { Link } from "@quintype/components";
+import "./tags.m.css";
+import { getTextColor } from "../../../utils/utils";
+var _styleModuleImportMap = {
+  "./tags.m.css": {
+    "tags": "tags-m_tags__1Ncq0",
+    "roundCorners": "tags-m_roundCorners__3j9s1",
+    "dark": "tags-m_dark__28n8B",
+    "light": "tags-m_light__fi-tT"
+  }
+};
+export var StoryTags = function StoryTags(_ref) {
+  var _ref$tags = _ref.tags,
+      tags = _ref$tags === void 0 ? [] : _ref$tags,
+      _ref$template = _ref.template,
+      template = _ref$template === void 0 ? "" : _ref$template,
+      config = _ref.config,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
+  var configData = useStateValue() || {};
+  var textColor = getTextColor(configData.theme);
+  var mountAt = get(config, ["mountAt"], "");
+  var templateStyle = template === "roundCorners" ? "roundCorners" : "";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "arrow-component arr--story-tags"
+  }, tags.length > 0 && tags.map(function (tag, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      "data-test-id": "story-tag",
+      className: _getClassName("tags ".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap)
+    }, /*#__PURE__*/React.createElement(Link, {
+      href: "".concat(mountAt, "/topic/") + tag.slug,
+      "aria-label": "story-tag-name"
+    }, tag.name));
+  }));
+};
+StoryTags.propTypes = {
+  tags: PropTypes.array,
+  borderColor: PropTypes.string,
+  config: PropTypes.object,
+  template: string
+};

package/esm/components/Atoms/StoryTags/stories.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { generateStory } from "../../Fixture";
+import { withStore, optionalSelect } from "../../../../storybook";
+import { StoryTags } from "./index";
+import Readme from "./README.md";
+var story = generateStory();
+var templateStyles = {
+  "default": "",
+  "Round corners": "roundCorners"
+};
+withStore("Atoms/StoryTags", {
+  qt: {
+    config: {
+      "cdn-image": "thumbor-stg.assettype.com",
+      mountAt: "/sub-directory"
+    }
+  }
+}, Readme).add("Default", function () {
+  return /*#__PURE__*/React.createElement(StoryTags, {
+    tags: story.tags,
+    template: optionalSelect("Tag Styles", templateStyles)
+  });
+});

package/esm/components/Atoms/StoryTags/story-tags.test.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { mount } from "enzyme";
+import { Provider } from "react-redux";
+import { StoryTags } from ".";
+import { generateStore, generateStory } from "../../Fixture";
+var story = generateStory();
+describe("Story Tags", function () {
+  it("Should render default template with tags", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: generateStore
+    }, /*#__PURE__*/React.createElement(StoryTags, {
+      tags: story.tags
+    }), ";"));
+    expect(wrapper.find(StoryTags)).toHaveLength(1);
+  });
+});