src/Components/Notifications/__snapshots__/Notifications.test.jsx.snap
// 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>
`;