Chore: Update snapshot tests

This commit is contained in:
Gustav Hansen 2022-12-21 16:43:16 +01:00
parent 7f37735a5a
commit 499cff89b7

View File

@ -17,7 +17,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
border: 1px solid #dcdce4;
}
.c34 {
.c33 {
padding-left: 16px;
}
@ -210,11 +210,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
min-width: 0px;
}
<<<<<<< HEAD
.c31 {
=======
.c22 {
>>>>>>> main
.c30 {
background: #eaf5ff;
padding-top: 4px;
padding-right: 8px;
@ -225,24 +221,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
border: 1px solid #b8e1ff;
}
<<<<<<< HEAD
.c36 {
=======
.c25 {
padding-left: 16px;
}
.c27 {
>>>>>>> main
.c35 {
color: #666687;
width: 12px;
}
<<<<<<< HEAD
.c39 {
=======
.c30 {
>>>>>>> main
.c38 {
background: #eafbe7;
padding-top: 4px;
padding-right: 8px;
@ -253,11 +237,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
border: 1px solid #c6f0c2;
}
<<<<<<< HEAD
.c42 {
=======
.c33 {
>>>>>>> main
.c41 {
padding-top: 8px;
}
@ -324,32 +304,20 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
color: #4945ff;
}
<<<<<<< HEAD
.c30 {
=======
.c21 {
>>>>>>> main
.c29 {
font-size: 0.875rem;
line-height: 1.43;
color: #32324d;
}
<<<<<<< HEAD
.c33 {
=======
.c24 {
>>>>>>> main
.c32 {
font-size: 0.875rem;
line-height: 1.43;
font-weight: 600;
color: #006096;
}
<<<<<<< HEAD
.c38 {
=======
.c29 {
>>>>>>> main
.c37 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
@ -359,22 +327,14 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
color: #4945ff;
}
<<<<<<< HEAD
.c41 {
=======
.c32 {
>>>>>>> main
.c40 {
font-size: 0.875rem;
line-height: 1.43;
font-weight: 600;
color: #2f6846;
}
<<<<<<< HEAD
.c43 {
=======
.c34 {
>>>>>>> main
.c42 {
font-size: 0.75rem;
line-height: 1.33;
color: #666687;
@ -389,11 +349,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
margin-top: 4px;
}
<<<<<<< HEAD
.c37 path {
=======
.c28 path {
>>>>>>> main
.c36 path {
fill: #666687;
}
@ -426,15 +382,15 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
width: 0.5625rem;
}
.c23 .c5 {
.c31 .c5 {
color: #0c75af;
}
.c31 .c5 {
.c39 .c5 {
color: #328048;
}
.c19 {
.c27 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@ -450,31 +406,31 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
outline: none;
}
.c19 svg path {
.c27 svg path {
-webkit-transition: fill 150ms ease-out;
transition: fill 150ms ease-out;
fill: currentColor;
}
.c19 svg {
.c27 svg {
font-size: 0.625rem;
}
.c19 .c5 {
.c27 .c5 {
-webkit-transition: color 150ms ease-out;
transition: color 150ms ease-out;
color: currentColor;
}
.c19:hover {
.c27:hover {
color: #7b79ff;
}
.c19:active {
.c27:active {
color: #271fe0;
}
.c19:after {
.c27:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -489,11 +445,11 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
border: 2px solid transparent;
}
.c19:focus-visible {
.c27:focus-visible {
outline: none;
}
.c19:focus-visible:after {
.c27:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -561,123 +517,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
border: 2px solid #4945ff;
}
<<<<<<< HEAD
.c9 {
background: transparent;
border: none;
position: relative;
z-index: 1;
}
.c9 svg {
height: 0.6875rem;
width: 0.6875rem;
}
.c9 svg path {
fill: #666687;
}
.c10 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: none;
border: none;
}
.c10 svg {
width: 0.5625rem;
}
.c32 .c5 {
color: #0c75af;
}
.c40 .c5 {
color: #328048;
}
.c28 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
color: #4945ff;
position: relative;
outline: none;
}
.c28 svg path {
-webkit-transition: fill 150ms ease-out;
transition: fill 150ms ease-out;
fill: currentColor;
}
.c28 svg {
font-size: 0.625rem;
}
.c28 .c5 {
-webkit-transition: color 150ms ease-out;
transition: color 150ms ease-out;
color: currentColor;
}
.c28:hover {
color: #7b79ff;
}
.c28:active {
color: #271fe0;
}
.c28:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c28:focus-visible {
outline: none;
}
.c28:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c21 {
width: 100%;
min-width: 0;
}
.c25 {
=======
.c17 {
>>>>>>> main
width: 100%;
min-width: 0;
}
@ -706,43 +551,23 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
bottom: 0;
}
<<<<<<< HEAD
.c29 {
=======
.c20 {
.c28 {
display: block;
}
.c20 > span {
>>>>>>> main
.c28 > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
<<<<<<< HEAD
.c27 > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inherit;
}
.c35 svg path {
.c34 svg path {
fill: #8e8ea9;
}
.c35:hover svg path,
.c35:focus svg path {
=======
.c26 svg path {
fill: #8e8ea9;
}
.c26:hover svg path,
.c26:focus svg path {
>>>>>>> main
.c34:hover svg path,
.c34:focus svg path {
fill: #666687;
}
@ -792,7 +617,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
Select...
</div>
<div
class=" css-1rkub9f-Input"
class=" css-aaf1np-Input"
data-value=""
>
<input
@ -966,30 +791,18 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
class="c18 c25"
>
<div
<<<<<<< HEAD
class="c26 c27"
=======
class="c18"
>>>>>>> main
class="c26"
>
<span>
<a
aria-current="page"
aria-describedby="tooltip-1"
<<<<<<< HEAD
class="c28 c29 active"
=======
class="c19 c20 active"
>>>>>>> main
class="c27 c28 active"
href="/"
tabindex="0"
>
<span
<<<<<<< HEAD
class="c5 c30"
=======
class="c5 c21"
>>>>>>> main
class="c5 c29"
>
Relation 1
</span>
@ -997,70 +810,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</span>
</div>
<div
<<<<<<< HEAD
class="c31 c32"
=======
class="c22 c23"
>
<span
class="c5 c24"
>
Draft
</span>
</div>
</div>
<div
class="c25"
>
<button
aria-label="Remove"
class="c26"
data-testid="remove-relation-1"
type="button"
>
<svg
class="c27 c28"
fill="none"
height="1em"
viewBox="0 0 24 24"
width="12px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
fill="#212134"
/>
</svg>
</button>
</div>
</div>
</li>
<li
class=""
style="position: absolute; left: 0px; top: 50px; height: 50px; width: 100%;"
>
<div
class="c15 c16"
>
<div
class="c16 c17"
>
<div
class="c18"
>
<span>
<span
aria-describedby="tooltip-3"
class="c5 c29"
tabindex="0"
>
Relation 2
</span>
</span>
</div>
<div
class="c30 c31"
>>>>>>> main
>
<span
class="c5 c32"
@ -1071,16 +821,16 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
class="c34"
class="c33"
>
<button
aria-label="Remove"
class="c35"
class="c34"
data-testid="remove-relation-1"
type="button"
>
<svg
class="c36 c37"
class="c35 c36"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -1166,12 +916,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
class="c18 c25"
>
<div
class="c26 c27"
class="c26"
>
<span>
<span
aria-describedby="tooltip-3"
class="c5 c38"
class="c5 c37"
tabindex="0"
>
Relation 2
@ -1179,54 +929,27 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</span>
</div>
<div
class="c39 c40"
class="c38 c39"
>
<span
class="c5 c41"
class="c5 c40"
>
Published
</span>
</div>
</div>
<<<<<<< HEAD
=======
<div
class="c25"
>
<button
aria-label="Remove"
class="c26"
data-testid="remove-relation-2"
type="button"
>
<svg
class="c27 c28"
fill="none"
height="1em"
viewBox="0 0 24 24"
width="12px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
fill="#212134"
/>
</svg>
</button>
</div>
>>>>>>> main
</div>
<div
class="c34"
class="c33"
>
<button
aria-label="Remove"
class="c35"
class="c34"
data-testid="remove-relation-2"
type="button"
>
<svg
class="c36 c37"
class="c35 c36"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -1312,20 +1035,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
class="c18 c25"
>
<div
<<<<<<< HEAD
class="c26 c27"
=======
class="c18"
>>>>>>> main
class="c26"
>
<span>
<span
aria-describedby="tooltip-5"
<<<<<<< HEAD
class="c5 c38"
=======
class="c5 c29"
>>>>>>> main
class="c5 c37"
tabindex="0"
>
Relation 3
@ -1333,45 +1048,18 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</span>
</div>
</div>
<<<<<<< HEAD
=======
<div
class="c25"
>
<button
aria-label="Remove"
class="c26"
data-testid="remove-relation-3"
type="button"
>
<svg
class="c27 c28"
fill="none"
height="1em"
viewBox="0 0 24 24"
width="12px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
fill="#212134"
/>
</svg>
</button>
</div>
>>>>>>> main
</div>
<div
class="c34"
class="c33"
>
<button
aria-label="Remove"
class="c35"
class="c34"
data-testid="remove-relation-3"
type="button"
>
<svg
class="c36 c37"
class="c35 c36"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -1391,17 +1079,10 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
<<<<<<< HEAD
class="c42"
class="c41"
>
<p
class="c5 c43"
=======
class="c33"
>
<p
class="c5 c34"
>>>>>>> main
class="c5 c42"
id="1-hint"
>
this is a description
@ -1409,11 +1090,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
<<<<<<< HEAD
class="c24"
=======
class="c35"
>>>>>>> main
>
<p
aria-live="polite"