// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders profile 1`] = `
<div
  className="Box-root HorizontalGutter-root HorizontalGutter-double"
  data-testid="profile-commentHistory"
  id="coral-profile-commentHistory-log"
>
  <div
    className="Box-root HorizontalGutter-root HistoryComment-root coral coral-myComment HorizontalGutter-full"
    data-testid="historyComment-comment-0"
  >
    <div>
      <p
        className="Box-root Typography-root Typography-detail Typography-colorTextPrimary HistoryComment-commentOn"
      >
        Comment on:
      </p>
      <h1
        className="Box-root Typography-root Typography-heading4 Typography-colorTextDark coral coral-myComment-story"
      >
        title
      </h1>
    </div>
    <div>
      <button
        className="BaseButton-root Timestamp-root"
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOut={[Function]}
        onMouseOver={[Function]}
        onTouchEnd={[Function]}
        type="button"
      >
        <time
          className="RelativeTime-root Timestamp-text coral coral-myComment-timestamp"
          dateTime="2018-07-06T18:24:00.000Z"
          title="2018-07-06T18:24:00.000Z"
        >
          2018-07-06T18:24:00.000Z
        </time>
      </button>
      <div
        className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
      >
        <div
          className="HTMLContent-root coral coral-myComment-content"
          dangerouslySetInnerHTML={
            Object {
              "__html": "Joining Too",
            }
          }
        />
      </div>
    </div>
    <div
      className="Box-root Flex-root Flex-flex Flex-doubleItemGutter Flex-alignCenter Flex-directionRow gutter"
    >
      <a
        className="TextLink-root HistoryComment-viewConversation coral coral-myComment-viewConversationButton"
        href="http://localhost/stories/story-1?commentID=comment-0"
        onClick={[Function]}
        target="_parent"
      >
        View Conversation
      </a>
    </div>
  </div>
  <div
    className="Box-root HorizontalGutter-root HistoryComment-root coral coral-myComment HorizontalGutter-full"
    data-testid="historyComment-comment-1"
  >
    <div>
      <p
        className="Box-root Typography-root Typography-detail Typography-colorTextPrimary HistoryComment-commentOn"
      >
        Comment on:
      </p>
      <h1
        className="Box-root Typography-root Typography-heading4 Typography-colorTextDark coral coral-myComment-story"
      >
        title
      </h1>
    </div>
    <div>
      <button
        className="BaseButton-root Timestamp-root"
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOut={[Function]}
        onMouseOver={[Function]}
        onTouchEnd={[Function]}
        type="button"
      >
        <time
          className="RelativeTime-root Timestamp-text coral coral-myComment-timestamp"
          dateTime="2018-07-06T18:24:00.000Z"
          title="2018-07-06T18:24:00.000Z"
        >
          2018-07-06T18:24:00.000Z
        </time>
      </button>
      <div
        className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
      >
        <div
          className="HTMLContent-root coral coral-myComment-content"
          dangerouslySetInnerHTML={
            Object {
              "__html": "What's up?",
            }
          }
        />
      </div>
    </div>
    <div
      className="Box-root Flex-root Flex-flex Flex-doubleItemGutter Flex-alignCenter Flex-directionRow gutter"
    >
      <a
        className="TextLink-root HistoryComment-viewConversation coral coral-myComment-viewConversationButton"
        href="http://localhost/stories/story-1?commentID=comment-1"
        onClick={[Function]}
        target="_parent"
      >
        View Conversation
      </a>
    </div>
  </div>
  <button
    aria-controls="coral-profile-commentHistory-log"
    className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlineFilled Button-fullWidth coral coral-loadMoreButton coral-myComments-loadMoreButton"
    data-color="regular"
    data-variant="outlineFilled"
    disabled={false}
    id="coral-profile-commentHistory-loadMore"
    onBlur={[Function]}
    onClick={[Function]}
    onFocus={[Function]}
    onMouseOut={[Function]}
    onMouseOver={[Function]}
    onTouchEnd={[Function]}
    type="button"
  >
    Load More
  </button>
</div>
`;
