src/components/filter-box/__snapshots__/filter-box.component.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components - FilterBox render should render correctly 1`] = `
<div
className="usa-accordion border-base-light border-1px tablet-lg:margin-bottom-2 margin-bottom-0"
>
<div
className="usa-accordion__heading"
>
<button
aria-controls="test-title"
aria-expanded={true}
className="usa-accordion__button font-heading-md text-base-darker"
id="test-title-button"
onClick={[Function]}
>
test-title
</button>
</div>
<div
className="usa-accordion__content usa-prose border-top-1px border-base-light padding-bottom-105"
hidden={false}
id="test-title"
>
<form
className="usa-form maxw-none"
>
<fieldset
aria-labelledby="test-title-button"
className="usa-fieldset"
>
<legend
aria-labelledby="test-title-button"
className="usa-sr-only"
/>
<div
className="usa-checkbox"
>
<input
className="usa-checkbox__input"
id="opt-1"
onChange={[Function]}
type="checkbox"
value="opt-1"
/>
<label
className="usa-checkbox__label font-body-2xs text-base-dark"
htmlFor="opt-1"
>
<span />
</label>
</div>
<div
className="usa-checkbox"
>
<input
className="usa-checkbox__input"
id="opt-2"
onChange={[Function]}
type="checkbox"
value="opt-2"
/>
<label
className="usa-checkbox__label font-body-2xs text-base-dark"
htmlFor="opt-2"
>
<span />
</label>
</div>
<div
className="usa-checkbox"
>
<input
className="usa-checkbox__input"
id="opt-3"
onChange={[Function]}
type="checkbox"
value="opt-3"
/>
<label
className="usa-checkbox__label font-body-2xs text-base-dark"
htmlFor="opt-3"
>
<span />
</label>
</div>
<div
className="usa-checkbox"
>
<input
className="usa-checkbox__input"
id="opt-4"
onChange={[Function]}
type="checkbox"
value="opt-4"
/>
<label
className="usa-checkbox__label font-body-2xs text-base-dark"
htmlFor="opt-4"
>
<span />
</label>
</div>
<div
className="usa-checkbox"
hidden={false}
>
<input
className="usa-checkbox__input"
id="opt-5"
onChange={[Function]}
type="checkbox"
value="opt-5"
/>
<label
className="usa-checkbox__label font-body-2xs text-base-dark"
htmlFor="opt-5"
>
<span />
</label>
</div>
</fieldset>
</form>
<div>
<span
className="moreLessToggle text-underline text-primary font-body-2xs"
onClick={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
role="button"
tabIndex="0"
>
Show less
</span>
</div>
</div>
</div>
`;