2020-11-06 00:43:29 -06:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`Snipping Tool should render correctly 1`] = `
|
|
|
|
<div
|
2021-09-24 04:32:45 -05:00
|
|
|
className="snipping-tool"
|
2020-11-06 00:43:29 -06:00
|
|
|
lang="en-US"
|
|
|
|
>
|
|
|
|
<header>
|
|
|
|
<div
|
2021-09-24 04:32:45 -05:00
|
|
|
className="draw-actions"
|
2020-11-06 00:43:29 -06:00
|
|
|
>
|
|
|
|
<button
|
2021-09-24 04:32:45 -05:00
|
|
|
className="action-button"
|
2020-11-13 07:41:20 -06:00
|
|
|
data-testid="pen-button"
|
2020-11-06 00:43:29 -06:00
|
|
|
onClick={[Function]}
|
2020-11-09 02:15:07 -06:00
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"border": "2px solid rgba(0, 142, 255, 1)",
|
|
|
|
}
|
|
|
|
}
|
2020-11-13 07:41:20 -06:00
|
|
|
title="Pen"
|
2020-11-06 00:43:29 -06:00
|
|
|
>
|
|
|
|
<img
|
2022-12-13 08:53:41 -06:00
|
|
|
draggable={false}
|
2023-01-12 03:43:25 -06:00
|
|
|
src={Object {}}
|
2020-11-06 00:43:29 -06:00
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<button
|
2021-09-24 04:32:45 -05:00
|
|
|
className="action-button"
|
2020-11-13 07:41:20 -06:00
|
|
|
data-testid="highlight-button"
|
2020-11-06 00:43:29 -06:00
|
|
|
onClick={[Function]}
|
2020-11-13 07:41:20 -06:00
|
|
|
title="Highlight"
|
2020-11-06 00:43:29 -06:00
|
|
|
>
|
|
|
|
<img
|
2022-12-13 08:53:41 -06:00
|
|
|
draggable={false}
|
2023-01-12 03:43:25 -06:00
|
|
|
src={Object {}}
|
2020-11-06 00:43:29 -06:00
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<button
|
2021-09-24 04:32:45 -05:00
|
|
|
className="action-button"
|
2020-11-13 07:41:20 -06:00
|
|
|
data-testid="erase-button"
|
2020-11-06 00:43:29 -06:00
|
|
|
onClick={[Function]}
|
2020-11-13 07:41:20 -06:00
|
|
|
title="Erase"
|
2020-11-06 00:43:29 -06:00
|
|
|
>
|
|
|
|
<img
|
2022-12-13 08:53:41 -06:00
|
|
|
draggable={false}
|
2023-01-12 03:43:25 -06:00
|
|
|
src={Object {}}
|
2020-11-06 00:43:29 -06:00
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div
|
2021-09-24 04:32:45 -05:00
|
|
|
className="clear-actions"
|
2020-11-06 00:43:29 -06:00
|
|
|
>
|
|
|
|
<button
|
2021-09-24 04:32:45 -05:00
|
|
|
className="clear-button"
|
2020-11-13 07:41:20 -06:00
|
|
|
data-testid="clear-button"
|
2020-11-06 00:43:29 -06:00
|
|
|
onClick={[Function]}
|
|
|
|
>
|
|
|
|
Clear
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
2020-11-20 02:27:52 -06:00
|
|
|
<main>
|
|
|
|
<div
|
2021-09-24 04:32:45 -05:00
|
|
|
className="image-container"
|
2020-11-20 02:27:52 -06:00
|
|
|
>
|
|
|
|
<AnnotateArea
|
2020-11-26 03:27:18 -06:00
|
|
|
annotateAreaDimensions={
|
|
|
|
Object {
|
|
|
|
"height": 600,
|
|
|
|
"width": 800,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
backgroundImagePath=""
|
2020-11-20 02:27:52 -06:00
|
|
|
chosenTool="PEN"
|
2020-11-19 02:17:39 -06:00
|
|
|
data-testid="annotate-component"
|
2021-09-24 04:32:45 -05:00
|
|
|
highlightColor="rgba(0, 142, 255, 0.3"
|
2020-11-26 03:27:18 -06:00
|
|
|
imageDimensions={
|
|
|
|
Object {
|
|
|
|
"height": 600,
|
|
|
|
"width": 800,
|
|
|
|
}
|
2020-11-13 07:41:20 -06:00
|
|
|
}
|
2020-11-26 03:27:18 -06:00
|
|
|
onChange={[Function]}
|
|
|
|
paths={Array []}
|
|
|
|
penColor="rgba(0, 142, 255, 1)"
|
|
|
|
/>
|
|
|
|
</div>
|
2020-11-06 00:43:29 -06:00
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
<button
|
2022-11-07 03:26:36 -06:00
|
|
|
className="close-button"
|
|
|
|
data-testid="close-button"
|
|
|
|
onClick={[Function]}
|
|
|
|
>
|
|
|
|
Close
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
className="add-to-chat-button"
|
2020-11-13 07:41:20 -06:00
|
|
|
data-testid="done-button"
|
2020-11-06 00:43:29 -06:00
|
|
|
onClick={[Function]}
|
|
|
|
>
|
2022-11-07 03:26:36 -06:00
|
|
|
Add to chat
|
2020-11-06 00:43:29 -06:00
|
|
|
</button>
|
2022-11-07 03:26:36 -06:00
|
|
|
<MenuButton
|
|
|
|
id="snipping-tool"
|
|
|
|
listItems={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"dataTestId": "COPY_TO_CLIPBOARD",
|
|
|
|
"event": "copy-to-clipboard",
|
|
|
|
"name": "Copy to clipboard",
|
|
|
|
"onClick": [Function],
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"dataTestId": "SAVE_AS",
|
|
|
|
"event": "save-as",
|
|
|
|
"name": "Save as",
|
|
|
|
"onClick": [Function],
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
2020-11-06 00:43:29 -06:00
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
`;
|