src/components/search-page/__snapshots__/search-page.component.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components - SearchPage render should render correctly 1`] = `
<main
className="search-results-content"
id="main-content"
>
<Connect(SiteBanner)
title="Search Results"
/>
<Breadcrumbs
crumbs={
Array [
Object {
"text": "Home",
"to": "/",
},
Object {
"text": "Search Results",
},
]
}
/>
<div
className="grid-container"
>
<div
className="grid-row grid-gap"
>
<div
className="margin-top-1 grid-col-12 tablet-lg:grid-col-3"
>
<Connect(QuickSearchBoxComponent)
value="test-params-query"
/>
</div>
<p
className="repos-count tablet-lg:grid-col-9 grid-col-12 font-heading-lg text-bold tablet:margin-y-105 margin-top-3 margin-bottom-0"
>
Top 2 repositories for "test-query"
</p>
</div>
</div>
<div
className="grid-container"
>
<div
className="grid-row grid-gap"
>
<div
className="tablet-lg:grid-col-3 tablet-lg:margin-top-4 margin-top-3"
id="filter-boxes-section"
>
<h2
className="tablet-lg:margin-bottom-4 margin-bottom-105"
>
Filter
</h2>
<FilterBoxes
boxes={
Array [
"box-1",
"box-2",
]
}
config={
Array [
Array [
"Language",
"languages",
],
Array [
"Federal Agency",
"agencies",
],
Array [
"Licenses",
"licenses",
],
Array [
"Usage Types",
"usageTypes",
],
]
}
onFilterBoxChange={[Function]}
/>
</div>
<div
className=" tablet-lg:grid-col-9"
id="filter-results-section"
>
<SortSection
onSortChange={[MockFunction]}
options={
Array [
"sort-1",
"sort-2",
]
}
/>
<_default
filters={
Array [
"filter-1",
"filter-2",
]
}
onClick={[Function]}
/>
<div
className="card-list"
>
<div>
<QualityPopover />
<ul
className="usa-card-group padding-top-3"
>
<RepoCardComponent
repo={
Object {
"repoId": "repo-1",
}
}
/>
<RepoCardComponent
repo={
Object {
"repoId": "repo-2",
}
}
/>
</ul>
</div>
<Pagination
count={2}
page={1}
pagesize={2}
updatePage={[Function]}
/>
</div>
</div>
</div>
</div>
</main>
`;