MetaPhase-Consulting/State-TalentMAP

View on GitHub
src/Components/ProfileDashboard/Notifications/__snapshots__/Notifications.test.jsx.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`NotificationsComponent matches snapshot 1`] = `
<div
  className="usa-grid-full notifications-container"
>
  <div
    className="usa-grid-full section-padded-inner-container padded-container-no-bottom"
  >
    <div
      className="usa-width-three-fourths"
    >
      <PositionInformation
        className=""
        icon="globe"
        len={4}
        small={false}
        title="Notifications"
      />
    </div>
  </div>
  <BorderedList
    contentArray={
      Array [
        <NotificationItem
          content="Saved search New BidCycle has 13 new results available"
          notificationTime="2017-10-31T18:14:07.262935Z"
        />,
        <NotificationItem
          content="Your bid for [10035561] POLITICAL/ECONOMIC OFFICER (Curacao) has been offered a handshake."
          notificationTime="2017-11-01T14:56:55.508891Z"
        />,
        <NotificationItem
          content="Your bid for [10035561] POLITICAL/ECONOMIC OFFICER (Curacao) is under panel review."
          notificationTime="2017-11-01T14:57:10.189772Z"
        />,
        <NotificationItem
          content="Your bid for [10035561] POLITICAL/ECONOMIC OFFICER (Curacao) has been approved by panel."
          notificationTime="2017-11-01T14:57:17.257837Z"
        />,
      ]
    }
  />
  <div
    className="section-padded-inner-container small-link-container view-more-link-centered"
  >
    <Link
      replace={false}
      to="/profile/notifications"
    >
      See all
    </Link>
  </div>
</div>
`;

exports[`NotificationsComponent matches snapshot when there are zero notifications 1`] = `
<div
  className="usa-grid-full notifications-container"
>
  <div
    className="usa-grid-full section-padded-inner-container padded-container-no-bottom"
  >
    <div
      className="usa-width-three-fourths"
    >
      <PositionInformation
        className=""
        icon="globe"
        len={0}
        small={false}
        title="Notifications"
      />
    </div>
  </div>
  <div
    className="usa-grid-full section-padded-inner-container notifications-top"
  >
    You have no notifications at this time
  </div>
  <div
    className="section-padded-inner-container small-link-container view-more-link-centered"
  >
    <Link
      replace={false}
      to="/profile/notifications"
    >
      See all
    </Link>
  </div>
</div>
`;