myComments.spec.tsx.snap

// 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
      className="coral coral-myComment-commentOn"
    >
      <span
        className="HistoryComment-commentOn"
      >
        Comment on:
      </span>
      <div
        className="HistoryComment-storyTitle coral coral-myComment-story"
      >
        title
      </div>
    </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="HistoryComment-content"
      >
        <div
          className="HTMLContent-root coral coral-myComment-content"
          dangerouslySetInnerHTML={
            Object {
              "__html": "Joining Too",
            }
          }
        />
      </div>
    </div>
    <div
      className="Box-root Flex-root HistoryComment-footer Flex-flex Flex-doubleItemGutter Flex-alignCenter Flex-directionRow gutter"
    >
      <a
        className="BaseButton-root Button-root Button-sizeRegular HistoryComment-sizeRegular Button-colorRegular HistoryComment-colorRegular Button-variantTextUnderlined HistoryComment-variantTextUnderlined HistoryComment-viewConversation coral coral-myComment-viewConversationButton"
        data-color="regular"
        data-variant="textUnderlined"
        href="http://localhost/stories/story-1?commentID=comment-0"
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOut={[Function]}
        onMouseOver={[Function]}
        onTouchEnd={[Function]}
        target="_parent"
        type="button"
      >
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <i
            aria-hidden="true"
            className="Icon-root Icon-sm HistoryComment-viewConversationIcon"
          >
            open_in_new
          </i>
          View Conversation
        </div>
      </a>
    </div>
  </div>
  <div
    className="Box-root HorizontalGutter-root HistoryComment-root coral coral-myComment HorizontalGutter-full"
    data-testid="historyComment-comment-1"
  >
    <div
      className="coral coral-myComment-commentOn"
    >
      <span
        className="HistoryComment-commentOn"
      >
        Comment on:
      </span>
      <div
        className="HistoryComment-storyTitle coral coral-myComment-story"
      >
        title
      </div>
    </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="HistoryComment-content"
      >
        <div
          className="HTMLContent-root coral coral-myComment-content"
          dangerouslySetInnerHTML={
            Object {
              "__html": "What's up?",
            }
          }
        />
      </div>
    </div>
    <div
      className="Box-root Flex-root HistoryComment-footer Flex-flex Flex-doubleItemGutter Flex-alignCenter Flex-directionRow gutter"
    >
      <a
        className="BaseButton-root Button-root Button-sizeRegular HistoryComment-sizeRegular Button-colorRegular HistoryComment-colorRegular Button-variantTextUnderlined HistoryComment-variantTextUnderlined HistoryComment-viewConversation coral coral-myComment-viewConversationButton"
        data-color="regular"
        data-variant="textUnderlined"
        href="http://localhost/stories/story-1?commentID=comment-1"
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOut={[Function]}
        onMouseOver={[Function]}
        onTouchEnd={[Function]}
        target="_parent"
        type="button"
      >
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <i
            aria-hidden="true"
            className="Icon-root Icon-sm HistoryComment-viewConversationIcon"
          >
            open_in_new
          </i>
          View Conversation
        </div>
      </a>
    </div>
  </div>
  <button
    aria-controls="coral-profile-commentHistory-log"
    className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular CommentHistory-colorRegular Button-variantOutline CommentHistory-loadMore Button-uppercase Button-fullWidth coral coral-loadMoreButton coral-myComments-loadMoreButton"
    data-color="regular"
    data-variant="outline"
    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>
`;