MetaPhase-Consulting/State-TalentMAP

View on GitHub
src/Components/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 favorite-positions-container notifications-page profile-content-inner-container "
>
  <div
    className="usa-grid-full favorites-top-section"
  >
    <div
      className="favorites-title-container"
    >
      <ProfileSectionTitle
        className=""
        icon="globe"
        title="Notifications"
      />
    </div>
  </div>
  <div>
    <Column
      as="div"
      className="total-results-container"
      columns={12}
    >
      <TotalResults
        isHidden={false}
        pageNumber={1}
        pageSize={10}
        suffix="notifications"
        total={1}
      />
    </Column>
    <Column
      as="div"
      className="total-results-container notifications-controls-container"
      columns={12}
    >
      <div>
        <button
          onClick={[Function]}
        >
          <FontAwesome
            name="check-square-o"
          />
          Select all
        </button>
      </div>
      <div
        className="results-dropdown results-dropdown-sort"
      >
        <SelectForm
          className="select-offset select-black"
          defaultSort={null}
          disabled={false}
          emptyOptionText="- Select -"
          id="mark-notification-dropdown"
          includeFirstEmptyOption={false}
          label="Bulk Actions:"
          labelSrOnly={false}
          onSelectOption={[Function]}
          options={
            Array [
              Object {
                "disabled": true,
                "text": "Actions",
                "value": "",
              },
              Object {
                "text": "Mark as read",
                "value": "read",
              },
              Object {
                "text": "Mark as unread",
                "value": "unread",
              },
              Object {
                "text": "Delete",
                "value": "delete",
              },
            ]
          }
          transformValue={[Function]}
        />
      </div>
    </Column>
    <Column
      as="div"
      className=""
      columns={12}
    >
      <Connect(withRouter(NotificationRow))
        deleteOne={[Function]}
        id={1}
        key="1"
        message="message"
        onCheck={[Function]}
      />
    </Column>
    <Column
      as="div"
      className=""
      columns={12}
    >
      <div
        className="usa-grid-full react-paginate"
      >
        <PaginationWrapper
          activeClassName="active"
          className=""
          containerClassName="pagination"
          forcePage={1}
          marginPagesDisplayed={2}
          nextLabel="Next"
          onPageChange={[Function]}
          pageRangeDisplayed={3}
          pageSize={10}
          paginationStyle="pagination"
          previousLabel="Previous"
          subContainerClassName="pages pagination"
          totalResults={1}
        />
      </div>
    </Column>
  </div>
</div>
`;