if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2024-11-21 16:38:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

SDA-3322 Fix snapshot test

Browse Source
This commit is contained in:
psjostrom 2021-09-24 11:32:45 +02:00
parent efc2040b0e
commit 0ef02af15e
2 changed files with 53 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
spec/__snapshots__/colorPickerPill.spec.tsx.snap
View File

@ -2,16 +2,17 @@
exports[`<ColorPickerPill/> should render chosen dots as larger 1`] = ` exports[`<ColorPickerPill/> should render chosen dots as larger 1`] = `
<div <div
className="ColorPicker" className="color-picker"
> >
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(0, 0, 0, 0.64)" data-testid="colorDot rgba(0, 0, 0, 0.64)"
key="rgba(0, 0, 0, 0.64)" key="rgba(0, 0, 0, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(0, 0, 0, 0.64)", "background": "rgba(0, 0, 0, 0.64)",
@ -22,15 +23,16 @@ exports[`<ColorPickerPill/> should render chosen dots as larger 1`] = `
} }
} }
/> />
</div> </button>
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(233, 0, 0, 0.64)" data-testid="colorDot rgba(233, 0, 0, 0.64)"
key="rgba(233, 0, 0, 0.64)" key="rgba(233, 0, 0, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(233, 0, 0, 0.64)", "background": "rgba(233, 0, 0, 0.64)",
@ -41,22 +43,23 @@ exports[`<ColorPickerPill/> should render chosen dots as larger 1`] = `
} }
} }
/> />
</div> </button>
</div> </div>
`; `;
exports[`<ColorPickerPill/> should render correctly 1`] = ` exports[`<ColorPickerPill/> should render correctly 1`] = `
<div <div
className="ColorPicker" className="color-picker"
> >
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(0, 142, 255, 0.64)" data-testid="colorDot rgba(0, 142, 255, 0.64)"
key="rgba(0, 142, 255, 0.64)" key="rgba(0, 142, 255, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(0, 142, 255, 0.64)", "background": "rgba(0, 142, 255, 0.64)",
@ -67,15 +70,16 @@ exports[`<ColorPickerPill/> should render correctly 1`] = `
} }
} }
/> />
</div> </button>
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(38, 196, 58, 0.64)" data-testid="colorDot rgba(38, 196, 58, 0.64)"
key="rgba(38, 196, 58, 0.64)" key="rgba(38, 196, 58, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(38, 196, 58, 0.64)", "background": "rgba(38, 196, 58, 0.64)",
@ -86,15 +90,16 @@ exports[`<ColorPickerPill/> should render correctly 1`] = `
} }
} }
/> />
</div> </button>
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(246, 178, 2, 0.64)" data-testid="colorDot rgba(246, 178, 2, 0.64)"
key="rgba(246, 178, 2, 0.64)" key="rgba(246, 178, 2, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(246, 178, 2, 0.64)", "background": "rgba(246, 178, 2, 0.64)",
@ -105,15 +110,16 @@ exports[`<ColorPickerPill/> should render correctly 1`] = `
} }
} }
/> />
</div> </button>
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(233, 0, 0, 0.64)" data-testid="colorDot rgba(233, 0, 0, 0.64)"
key="rgba(233, 0, 0, 0.64)" key="rgba(233, 0, 0, 0.64)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(233, 0, 0, 0.64)", "background": "rgba(233, 0, 0, 0.64)",
@ -124,22 +130,23 @@ exports[`<ColorPickerPill/> should render correctly 1`] = `
} }
} }
/> />
</div> </button>
</div> </div>
`; `;
exports[`<ColorPickerPill/> should render outlined dot if provided in props 1`] = ` exports[`<ColorPickerPill/> should render outlined dot if provided in props 1`] = `
<div <div
className="ColorPicker" className="color-picker"
> >
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(246, 178, 2, 1)" data-testid="colorDot rgba(246, 178, 2, 1)"
key="rgba(246, 178, 2, 1)" key="rgba(246, 178, 2, 1)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(246, 178, 2, 1)", "background": "rgba(246, 178, 2, 1)",
@ -150,15 +157,16 @@ exports[`<ColorPickerPill/> should render outlined dot if provided in props 1`]
} }
} }
/> />
</div> </button>
<div <button
className="EnclosingCircle" className="enclosing-circle"
data-testid="colorDot rgba(255, 255, 255, 1)" data-testid="colorDot rgba(255, 255, 255, 1)"
key="rgba(255, 255, 255, 1)" key="rgba(255, 255, 255, 1)"
onClick={[Function]} onClick={[Function]}
tabIndex={0}
> >
<div <div
className="ColorDot" className="color-dot"
style={ style={
Object { Object {
"background": "rgba(255, 255, 255, 1)", "background": "rgba(255, 255, 255, 1)",
@ -169,6 +177,6 @@ exports[`<ColorPickerPill/> should render outlined dot if provided in props 1`]
} }
} }
/> />
</div> </button>
</div> </div>
`; `;

20
spec/__snapshots__/snippingTool.spec.tsx.snap
View File

@ -2,15 +2,15 @@
exports[`Snipping Tool should render correctly 1`] = ` exports[`Snipping Tool should render correctly 1`] = `
<div <div
className="SnippingTool" className="snipping-tool"
lang="en-US" lang="en-US"
> >
<header> <header>
<div <div
className="DrawActions" className="draw-actions"
> >
<button <button
className="ActionButton" className="action-button"
data-testid="pen-button" data-testid="pen-button"
onClick={[Function]} onClick={[Function]}
style={ style={
@ -25,7 +25,7 @@ exports[`Snipping Tool should render correctly 1`] = `
/> />
</button> </button>
<button <button
className="ActionButton" className="action-button"
data-testid="highlight-button" data-testid="highlight-button"
onClick={[Function]} onClick={[Function]}
title="Highlight" title="Highlight"
@ -35,7 +35,7 @@ exports[`Snipping Tool should render correctly 1`] = `
/> />
</button> </button>
<button <button
className="ActionButton" className="action-button"
data-testid="erase-button" data-testid="erase-button"
onClick={[Function]} onClick={[Function]}
title="Erase" title="Erase"
@ -46,10 +46,10 @@ exports[`Snipping Tool should render correctly 1`] = `
</button> </button>
</div> </div>
<div <div
className="ClearActions" className="clear-actions"
> >
<button <button
className="ClearButton" className="clear-button"
data-testid="clear-button" data-testid="clear-button"
onClick={[Function]} onClick={[Function]}
> >
@ -59,7 +59,7 @@ exports[`Snipping Tool should render correctly 1`] = `
</header> </header>
<main> <main>
<div <div
className="imageContainer" className="image-container"
> >
<AnnotateArea <AnnotateArea
annotateAreaDimensions={ annotateAreaDimensions={
@ -71,7 +71,7 @@ exports[`Snipping Tool should render correctly 1`] = `
backgroundImagePath="" backgroundImagePath=""
chosenTool="PEN" chosenTool="PEN"
data-testid="annotate-component" data-testid="annotate-component"
highlightColor="rgba(0, 142, 255, 0.64)" highlightColor="rgba(0, 142, 255, 0.3"
imageDimensions={ imageDimensions={
Object { Object {
"height": 600, "height": 600,
@ -86,7 +86,7 @@ exports[`Snipping Tool should render correctly 1`] = `
</main> </main>
<footer> <footer>
<button <button
className="DoneButton" className="done-button"
data-testid="done-button" data-testid="done-button"
onClick={[Function]} onClick={[Function]}
> >