src/Components/Glossary/__snapshots__/Glossary.test.jsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`GlossaryComponent matches snapshot 1`] = `
<div
className="tm-glossary"
id="glossary-click-container"
>
<BoxShadow
aria-describedby="glossary-title"
aria-hidden={false}
blurRadius={4}
className="glossary glossary-visible"
color="rgba(0,0,0,.15)"
id="glossary"
inset={false}
is="div"
offsetX={-4}
offsetY={0}
spreadRadius={0}
style={Object {}}
>
<button
className="glossary-close"
onClick={[Function]}
title="Close glossary"
>
<FontAwesome
name="times"
/>
<span
className="usa-sr-only"
>
Close Glossary
</span>
</button>
<div
className="glossary-content-container"
>
<div
className="glossary-top glossary-padding"
>
<h3
id="glossary-title"
>
Glossary
</h3>
</div>
<div>
<GlossarySearch
changeText={[Function]}
searchTextValue=""
/>
<GlossaryExport />
<div
className="glossary-content"
>
<GlossaryComponent
glossaryItems={
Array [
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T15:33:52.986137Z",
"definition": "Definition.",
"id": 3,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "6/8",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T15:18:40.350271Z",
"definition": "test",
"id": 4,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "Assignments Officer (AO)",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T13:59:13.385817Z",
"definition": "An employee who is applying for a position.",
"id": 5,
"last_editing_user": null,
"link": "",
"title": "Bidder",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T13:59:13.385817Z",
"definition": "The organization sponsoring a position.",
"id": 7,
"last_editing_user": null,
"link": "",
"title": "Bureau",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T14:35:41.904583Z",
"definition": "Description",
"id": 6,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "C",
},
]
}
/>
</div>
</div>
</div>
</BoxShadow>
</div>
`;
exports[`GlossaryComponent matches snapshot when visible is false 1`] = `
<div
className="tm-glossary"
id="glossary-click-container"
>
<BoxShadow
aria-describedby="glossary-title"
aria-hidden={true}
blurRadius={4}
className="glossary glossary-hidden"
color="rgba(0,0,0,.15)"
id="glossary"
inset={false}
is="div"
offsetX={-4}
offsetY={0}
spreadRadius={0}
style={Object {}}
>
<button
className="glossary-close"
onClick={[Function]}
title="Close glossary"
>
<FontAwesome
name="times"
/>
<span
className="usa-sr-only"
>
Close Glossary
</span>
</button>
<div
className="glossary-content-container"
>
<div
className="glossary-top glossary-padding"
>
<h3
id="glossary-title"
>
Glossary
</h3>
</div>
<div>
<GlossarySearch
changeText={[Function]}
searchTextValue=""
/>
<GlossaryExport />
<div
className="glossary-content"
>
<GlossaryComponent
glossaryItems={
Array [
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T15:33:52.986137Z",
"definition": "Definition.",
"id": 3,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "6/8",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T15:18:40.350271Z",
"definition": "test",
"id": 4,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "Assignments Officer (AO)",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T13:59:13.385817Z",
"definition": "An employee who is applying for a position.",
"id": 5,
"last_editing_user": null,
"link": "",
"title": "Bidder",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T13:59:13.385817Z",
"definition": "The organization sponsoring a position.",
"id": 7,
"last_editing_user": null,
"link": "",
"title": "Bureau",
},
Object {
"date_created": "2018-02-07T13:59:13.282581Z",
"date_updated": "2018-02-07T14:35:41.904583Z",
"definition": "Description",
"id": 6,
"last_editing_user": "Leah Shadtrach",
"link": "",
"title": "C",
},
]
}
/>
</div>
</div>
</div>
</BoxShadow>
</div>
`;