src/components/Section/Package/__snapshots__/Attachments.test.jsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`The attachments component renders properly 1`] = `
<div
className="attachments"
>
<div
aria-label="Specify your attachment method"
className="field attachment-type"
data-uuid="field-MOCK-GUID"
>
<a
aria-hidden="true"
className="anchor"
id="field-MOCK-GUID"
name="field-MOCK-GUID"
/>
<h4
className="title h4"
>
Specify your attachment method
</h4>
<span
className="icon"
>
<a
aria-label="Show help for Specify your attachment method"
className="toggle h4"
href="javascript:;"
onClick={[Function]}
title="Show help for Specify your attachment method"
>
<svg
alt="Scalable vector graphic"
focusable="false"
height="14.57px"
tabIndex="-1"
viewBox="0 0 14.57 14.57"
width="14.57px"
>
<g>
<path
className="eapp-help-icon"
d="M13.59,3.63c0.65,1.12,0.98,2.34,0.98,3.66s-0.33,2.54-0.98,3.66c-0.65,1.12-1.54,2-2.65,2.65 s-2.33,0.98-3.66,0.98c-1.32,0-2.54-0.33-3.66-0.98s-2-1.54-2.65-2.65C0.33,9.83,0,8.61,0,7.29s0.33-2.54,0.98-3.66 c0.65-1.12,1.54-2,2.65-2.65S5.96,0,7.29,0c1.32,0,2.54,0.33,3.66,0.98S12.94,2.51,13.59,3.63z M10.93,5.46 c0-0.56-0.18-1.07-0.53-1.55c-0.35-0.47-0.79-0.84-1.31-1.1C8.56,2.56,8.03,2.43,7.48,2.43c-1.54,0-2.71,0.67-3.52,2.02 C3.86,4.6,3.89,4.73,4.03,4.85L5.28,5.8c0.04,0.04,0.1,0.06,0.18,0.06c0.1,0,0.18-0.04,0.24-0.11c0.33-0.43,0.61-0.72,0.82-0.87 C6.73,4.71,7,4.64,7.33,4.64c0.3,0,0.57,0.08,0.81,0.25C8.38,5.05,8.5,5.24,8.5,5.45c0,0.24-0.06,0.43-0.19,0.58 C8.18,6.17,7.97,6.31,7.67,6.45C7.27,6.63,6.9,6.9,6.57,7.27c-0.33,0.37-0.5,0.77-0.5,1.19V8.8c0,0.09,0.03,0.16,0.09,0.22 c0.06,0.06,0.13,0.09,0.22,0.09H8.2c0.09,0,0.16-0.03,0.22-0.09C8.47,8.96,8.5,8.89,8.5,8.8c0-0.12,0.07-0.28,0.2-0.47 c0.14-0.19,0.31-0.35,0.52-0.47c0.2-0.11,0.36-0.21,0.46-0.27s0.25-0.18,0.44-0.33c0.18-0.15,0.32-0.31,0.42-0.46 c0.1-0.15,0.19-0.34,0.27-0.57C10.89,6,10.93,5.74,10.93,5.46z M8.5,11.84v-1.82c0-0.09-0.03-0.16-0.08-0.22 C8.36,9.74,8.29,9.71,8.2,9.71H6.38c-0.09,0-0.16,0.03-0.22,0.08C6.1,9.86,6.07,9.93,6.07,10.02v1.82c0,0.09,0.03,0.16,0.09,0.22 c0.06,0.06,0.13,0.08,0.22,0.08H8.2c0.09,0,0.16-0.03,0.22-0.08C8.47,12,8.5,11.93,8.5,11.84z"
/>
</g>
</svg>
</a>
</span>
<div
className="table expand"
>
<span
aria-live="polite"
className="messages help-messages"
/>
</div>
<div
className="table expand"
>
<span
aria-live="polite"
className="messages error-messages"
role="alert"
/>
</div>
<div
className="table"
>
<span
className="content"
>
<span
className="component"
>
<div>
<p>
Choose the method you will use to provide attachments for your Investigation Request.
</p>
</div>
<div
className="blocks attachment-type option-list eapp-extend-labels physical-radio"
>
<div
className="block extended"
>
<input
aria-label="[object Object] for null"
checked={true}
className="usa-input-success selected"
disabled={false}
id="attachment-type-upload-MOCK-GUID"
name="attachment-type-upload-MOCK-GUID"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
type="radio"
value="Upload"
/>
<label
className="checked"
htmlFor="attachment-type-upload-MOCK-GUID"
>
<div
className="attachment-icon upload"
>
<img
alt="Scalable vector graphic"
className="svg"
src="/img/attach-upload.svg"
/>
</div>
<span>
<div>
<p>
Upload file
</p>
</div>
</span>
</label>
</div>
<div
className="block extended"
>
<input
aria-label="[object Object] for null"
checked={false}
className="usa-input-success"
disabled={false}
id="attachment-type-fax-MOCK-GUID"
name="attachment-type-fax-MOCK-GUID"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
type="radio"
value="Fax"
/>
<label
className=""
htmlFor="attachment-type-fax-MOCK-GUID"
>
<div
className="attachment-icon fax"
>
<img
alt="Scalable vector graphic"
className="svg"
src="/img/attach-fax.svg"
/>
</div>
<span>
<div>
<p>
Direct fax
</p>
</div>
</span>
</label>
</div>
<div
className="block extended"
>
<input
aria-label="[object Object] for null"
checked={false}
className="usa-input-success"
disabled={false}
id="attachment-type-other-MOCK-GUID"
name="attachment-type-other-MOCK-GUID"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
type="radio"
value="Other"
/>
<label
className=""
htmlFor="attachment-type-other-MOCK-GUID"
>
<div
className="attachment-icon mail"
>
<img
alt="Scalable vector graphic"
className="svg"
src="/img/attach-mail.svg"
/>
</div>
<span>
<div>
<p>
Other
</p>
</div>
</span>
</label>
</div>
</div>
</span>
</span>
</div>
</div>
<span>
<div
aria-label="Upload file to e-QIP directly"
className="field upload-area"
data-uuid="field-MOCK-GUID"
>
<a
aria-hidden="true"
className="anchor"
id="field-MOCK-GUID"
name="field-MOCK-GUID"
/>
<h4
className="title h4"
>
Upload file to e-QIP directly
</h4>
<span
className="icon"
/>
<div
className="table expand"
>
<span
aria-live="polite"
className="messages help-messages"
/>
</div>
<div
className="table expand"
>
<span
aria-live="polite"
className="messages error-messages"
role="alert"
/>
</div>
<div
className="table"
>
<span
className="content"
>
<span
className="component"
>
<div>
<p>
Certification, General Release and Medical Release forms must be attached separately as single page documents. Items such as a resume or OF 612 can be uploaded as multi-page documents.
</p>
</div>
<p>
<strong>
TIFF, PNG, or PDF files only. Maximum file size allowed is 5.0 MB.
</strong>
</p>
<form>
<input
id="file-upload"
type="file"
/>
</form>
<div
className="hide-for-print "
>
<label
className=""
htmlFor="UploadDescription-MOCK-GUID"
>
Description
</label>
<input
aria-describedby="UploadDescription-error"
aria-label="Description"
autoCapitalize={true}
autoComplete={true}
autoCorrect={true}
className=""
id="UploadDescription-MOCK-GUID"
maxLength={255}
name="UploadDescription"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
pattern=".*"
spellCheck={true}
type="text"
value=""
/>
<div
className="text-print print-only"
>
</div>
</div>
<button
onClick={[Function]}
>
Upload attachment
</button>
</span>
</span>
</div>
</div>
</span>
</div>
`;