yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-25 22:23:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Update snapshot tests

Browse Source
This commit is contained in:
Gustav Hansen 2022-11-03 10:30:54 +01:00
parent 148ff34c53
commit 3079f38be5
32 changed files with 2944 additions and 2722 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Content-Manager || RelationInput should render and match snapshot 1`] = `
.c35 {
.c36 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -97,7 +97,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
margin-top: 4px;
}
.c30 {
.c31 {
color: #4945ff;
display: block;
white-space: nowrap;
@ -118,20 +118,20 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
min-width: 0px;
}
.c26 {
.c27 {
padding-left: 16px;
}
.c33 {
.c34 {
padding-top: 8px;
}
.c28 {
.c29 {
color: #666687;
width: 12px;
}
.c29 path {
.c30 path {
fill: #666687;
}
@ -156,7 +156,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
line-height: 1.33;
}
.c34 {
.c35 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
@ -191,7 +191,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
width: 0.5625rem;
}
.c23 {
.c24 {
background: #eaf5ff;
padding: 4px;
border-radius: 4px;
@ -203,7 +203,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
flex-shrink: 0;
}
.c31 {
.c32 {
background: #eafbe7;
padding: 4px;
border-radius: 4px;
@ -215,7 +215,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
flex-shrink: 0;
}
.c24 {
.c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -236,7 +236,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
justify-content: center;
}
.c25 {
.c26 {
color: #006096;
font-weight: 600;
font-size: 0.6875rem;
@ -244,7 +244,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
text-transform: uppercase;
}
.c32 {
.c33 {
color: #2f6846;
font-weight: 600;
font-size: 0.6875rem;
@ -252,8 +252,8 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
text-transform: uppercase;
}
.c22 {
color: #4945ff;
.c23 {
color: #32324d;
font-size: 0.875rem;
line-height: 1.43;
}
@ -269,18 +269,35 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
color: #4945ff;
position: relative;
outline: none;
}
.c20 svg path {
fill: #4945ff;
-webkit-transition: fill 150ms ease-out;
transition: fill 150ms ease-out;
fill: currentColor;
}
.c20 svg {
font-size: 0.625rem;
}
.c20 .c22 {
-webkit-transition: color 150ms ease-out;
transition: color 150ms ease-out;
color: currentColor;
}
.c20:hover {
color: #7b79ff;
}
.c20:active {
color: #271fe0;
}
.c20:after {
-webkit-transition-property: all;
transition-property: all;
@ -435,12 +452,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
display: inherit;
}
.c27 svg path {
.c28 svg path {
fill: #8e8ea9;
}
.c27:hover svg path,
.c27:focus svg path {
.c28:hover svg path,
.c28:focus svg path {
fill: #666687;
}
@ -600,7 +617,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
tabindex="0"
>
<span
class="c22"
class="c22 c23"
>
Relation 1
</span>
@ -608,26 +625,26 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</span>
</div>
<div
class="c23 c24"
class="c24 c25"
>
<span
class="c25"
class="c26"
>
Draft
</span>
</div>
</div>
<div
class="c26"
class="c27"
>
<button
aria-label="Remove"
class="c27"
class="c28"
data-testid="remove-relation-1"
type="button"
>
<svg
class="c28 c29"
class="c29 c30"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -659,7 +676,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
<span>
<span
aria-describedby="tooltip-3"
class="c30"
class="c31"
tabindex="0"
>
Relation 2
@ -667,26 +684,26 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</span>
</div>
<div
class="c31 c24"
class="c32 c25"
>
<span
class="c32"
class="c33"
>
Published
</span>
</div>
</div>
<div
class="c26"
class="c27"
>
<button
aria-label="Remove"
class="c27"
class="c28"
data-testid="remove-relation-2"
type="button"
>
<svg
class="c28 c29"
class="c29 c30"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -718,7 +735,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
<span>
<span
aria-describedby="tooltip-5"
class="c30"
class="c31"
tabindex="0"
>
Relation 3
@ -727,16 +744,16 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
class="c26"
class="c27"
>
<button
aria-label="Remove"
class="c27"
class="c28"
data-testid="remove-relation-3"
type="button"
>
<svg
class="c28 c29"
class="c29 c30"
fill="none"
height="1em"
viewBox="0 0 24 24"
@ -757,10 +774,10 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
class="c33"
class="c34"
>
<p
class="c34"
class="c35"
id="1-hint"
>
this is a description
@ -768,7 +785,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
</div>
</div>
<div
class="c35"
class="c36"
>
<p
aria-live="polite"

2
packages/core/admin/admin/src/content-manager/pages/EditView/Header/tests/index.test.js
View File

@ -151,7 +151,7 @@ describe('CONTENT MANAGER | EditView | Header', () => {
border: 1px solid #4945ff;
}
.c12 .sc-cfJLRR {
.c12 .sc-jCHUfY {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

756
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

42
packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
View File

@ -1362,22 +1362,27 @@ describe('Homepage', () => {
class="c58"
fill="none"
height="1em"
viewBox="0 0 24 24"
viewBox="0 0 80 80"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M23.498 0H7.68v8.035h7.783c.278 0 .503.224.503.502v7.783H24V.502A.502.502 0 0023.498 0z"
fill="#8E75FF"
fill-rule="evenodd"
d="M0 27.7c0-13 0-19.6 4-23.6C8.2 0 14.8 0 27.8 0h24.6C65.4 0 72 0 76 4c4 4.2 4 10.8 4 23.8v24.6c0 13 0 19.6-4 23.6-4.2 4-10.8 4-23.8 4H27.7c-13 0-19.6 0-23.6-4C0 71.8 0 65.2 0 52.2V27.7z"
fill="#4945FF"
/>
<path
clip-rule="evenodd"
d="M7.68 0v8.035H.252a.25.25 0 01-.178-.429L7.68 0zm8.715 23.926a.251.251 0 01-.43-.177V16.32H24l-7.605 7.606zm-.68-15.891H7.68v7.783c0 .278.225.502.503.502h7.783V8.286a.251.251 0 00-.252-.251z"
fill="#8E75FF"
d="M55.2 24.3h-27V38H42v13.7h13.7V24.8c0-.3-.2-.5-.5-.5z"
fill="#fff"
fill-rule="evenodd"
opacity="0.405"
/>
<path
d="M41.5 38h.5v.5h-.5z"
fill="#fff"
/>
<path
d="M28.3 38h13.2c.3 0 .5.2.5.5v13.2H28.8a.5.5 0 01-.5-.5V38zM42 51.7h13.7L42.5 65c-.2.2-.5 0-.5-.2v-13zM28.3 38H15.2a.3.3 0 01-.2-.5l13.3-13.2V38z"
fill="#9593FF"
/>
</svg>
</div>
@ -1410,22 +1415,27 @@ describe('Homepage', () => {
class="c58"
fill="none"
height="1em"
viewBox="0 0 24 24"
viewBox="0 0 80 80"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M23.498 0H7.68v8.035h7.783c.278 0 .503.224.503.502v7.783H24V.502A.502.502 0 0023.498 0z"
fill="#8E75FF"
fill-rule="evenodd"
d="M0 27.7c0-13 0-19.6 4-23.6C8.2 0 14.8 0 27.8 0h24.6C65.4 0 72 0 76 4c4 4.2 4 10.8 4 23.8v24.6c0 13 0 19.6-4 23.6-4.2 4-10.8 4-23.8 4H27.7c-13 0-19.6 0-23.6-4C0 71.8 0 65.2 0 52.2V27.7z"
fill="#4945FF"
/>
<path
clip-rule="evenodd"
d="M7.68 0v8.035H.252a.25.25 0 01-.178-.429L7.68 0zm8.715 23.926a.251.251 0 01-.43-.177V16.32H24l-7.605 7.606zm-.68-15.891H7.68v7.783c0 .278.225.502.503.502h7.783V8.286a.251.251 0 00-.252-.251z"
fill="#8E75FF"
d="M55.2 24.3h-27V38H42v13.7h13.7V24.8c0-.3-.2-.5-.5-.5z"
fill="#fff"
fill-rule="evenodd"
opacity="0.405"
/>
<path
d="M41.5 38h.5v.5h-.5z"
fill="#fff"
/>
<path
d="M28.3 38h13.2c.3 0 .5.2.5.5v13.2H28.8a.5.5 0 01-.5-.5V38zM42 51.7h13.7L42.5 65c-.2.2-.5 0-.5-.2v-13zM28.3 38H15.2a.3.3 0 01-.2-.5l13.3-13.2V38z"
fill="#9593FF"
/>
</svg>
</div>

2
packages/core/admin/admin/src/pages/SettingsPage/components/SettingsNav/tests/index.test.js
View File

@ -417,7 +417,7 @@ describe('SettingsPage || components || SettingsNav', () => {
</div>
</div>
<div
class="c16 sc-eBTqsU c25"
class="c16 sc-iseIHH c25"
>
<svg
class="c26"

16
packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
View File

@ -993,7 +993,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 1px solid #4945ff;
}
.c67:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c67:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -1017,7 +1017,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 1px solid #4945ff;
}
.c85:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c85:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -1610,7 +1610,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c78 c79"
>
<span
class="c78 sc-dTBbbW c80"
class="c78 sc-eHyqeh c80"
id="accordion-label-accordion-1"
>
Address
@ -1675,7 +1675,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c78 c79"
>
<span
class="c78 sc-dTBbbW c80"
class="c78 sc-eHyqeh c80"
id="accordion-label-accordion-2"
>
Category
@ -2962,7 +2962,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 1px solid #4945ff;
}
.c78:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c78:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -2986,7 +2986,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 1px solid #4945ff;
}
.c96:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c96:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -3655,7 +3655,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c89 c90"
>
<span
class="c89 sc-dTBbbW c91"
class="c89 sc-eHyqeh c91"
id="accordion-label-accordion-7"
>
Address
@ -3720,7 +3720,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c89 c90"
>
<span
class="c89 sc-dTBbbW c91"
class="c89 sc-eHyqeh c91"
id="accordion-label-accordion-8"
>
Category

616
packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/__snapshots__/index.test.js.snap
View File

@ -31,6 +31,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
.c7 {
padding-right: 8px;
padding-left: 8px;
overflow: hidden;
width: 100%;
}
@ -288,6 +289,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
<div
aria-live="polite"
class="c7 c8"
overflow="hidden"
width="100%"
>
<div
@ -853,7 +855,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
border: 1px solid #4945ff;
}
.c29 .sc-eZhRLC {
.c29 .sc-hAWBJg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -923,7 +925,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
background: #ffffff;
}
.c37 .sc-eZhRLC {
.c37 .sc-hAWBJg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -1000,205 +1002,207 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
class="c0"
>
<div>
<div
aria-labelledby="modal"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div>
<div
class="c3 c4"
aria-labelledby="modal"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div
class="c5"
>
<h2
class="c6"
id="modal"
>
Upload logo
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div>
<div
class="c9"
class="c3 c4"
>
<div
aria-label="How do you want to upload your assets?"
role="tablist"
class="c5"
>
<button
aria-controls="tabgroup-1-0-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-1-0-tab"
role="tab"
tabindex="0"
type="button"
<h2
class="c6"
id="modal"
>
<div
class="c11 c12"
>
<span
class="c13"
>
From computer
</span>
</div>
</button>
Upload logo
</h2>
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-1-1-tab"
role="tab"
tabindex="-1"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<div
class="c11 c14"
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<span
class="c15"
>
From url
</span>
</div>
<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>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-1-0-tab"
id="tabgroup-1-0-tabpanel"
role="tabpanel"
tabindex="0"
class="c9"
>
<form>
<div
class="c18"
<div
aria-label="How do you want to upload your assets?"
role="tablist"
>
<button
aria-controls="tabgroup-1-0-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-1-0-tab"
role="tab"
tabindex="0"
type="button"
>
<div>
<label
for="logo-upload"
<div
class="c11 c12"
>
<span
class="c13"
>
<div
class="c19 c20"
spacing="2"
From computer
</span>
</div>
</button>
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-1-1-tab"
role="tab"
tabindex="-1"
type="button"
>
<div
class="c11 c14"
>
<span
class="c15"
>
From url
</span>
</div>
</button>
</div>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-1-0-tab"
id="tabgroup-1-0-tabpanel"
role="tabpanel"
tabindex="0"
>
<form>
<div
class="c18"
>
<div>
<label
for="logo-upload"
>
<div
class="c21 c22"
class="c19 c20"
spacing="2"
>
<svg
aria-hidden="true"
class="c23 c24"
fill="none"
height="3.75rem"
viewBox="0 0 24 20"
width="3.75rem"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.569 2.398H7.829v1.586h13.74c.47 0 .826.5.826 1.094v9.853l-2.791-3.17a2.13 2.13 0 00-.74-.55 2.214 2.214 0 00-.912-.196 2.215 2.215 0 00-.912.191 2.131 2.131 0 00-.74.546l-2.93 3.385-2.973-3.36a2.147 2.147 0 00-.741-.545 2.228 2.228 0 00-1.824.007c-.286.13-.538.319-.739.553l-2.931 3.432V7.653H2.51v9.894c.023.153.06.304.108.452v.127l.041.095c.057.142.126.28.207.412l.099.15c.074.107.157.207.247.302l.124.119c.13.118.275.222.43.309h.024c.36.214.775.327 1.198.325h16.515c.36-.004.716-.085 1.039-.24.323-.153.606-.375.827-.648a2.78 2.78 0 00.504-.888c.066-.217.108-.44.124-.666V5.078a2.497 2.497 0 00-.652-1.81 2.706 2.706 0 00-1.776-.87z"
fill="#32324D"
/>
<path
d="M12.552 9.199c.912 0 1.651-.71 1.651-1.585 0-.876-.74-1.586-1.651-1.586-.912 0-1.652.71-1.652 1.586 0 .875.74 1.585 1.652 1.585zM3.303 6.408h.826V3.997h2.477v-.793-.793H4.129V0h-.826c-.219 0-.85.002-.826 0v2.411H0v1.586h2.477v2.41h.826z"
fill="#32324D"
/>
</svg>
<div
class="c25"
class="c21 c22"
>
<span
class="c26"
<svg
aria-hidden="true"
class="c23 c24"
fill="none"
height="3.75rem"
viewBox="0 0 24 20"
width="3.75rem"
xmlns="http://www.w3.org/2000/svg"
>
Drag and Drop here or
</span>
</div>
<input
accept="image/jpeg,image/png,image/svg+xml"
class="c27"
cursor="pointer"
id="logo-upload"
name="files"
tabindex="-1"
type="file"
/>
<button
aria-disabled="false"
class="c28 c29"
type="button"
>
<span
class="c30 c31"
<path
d="M21.569 2.398H7.829v1.586h13.74c.47 0 .826.5.826 1.094v9.853l-2.791-3.17a2.13 2.13 0 00-.74-.55 2.214 2.214 0 00-.912-.196 2.215 2.215 0 00-.912.191 2.131 2.131 0 00-.74.546l-2.93 3.385-2.973-3.36a2.147 2.147 0 00-.741-.545 2.228 2.228 0 00-1.824.007c-.286.13-.538.319-.739.553l-2.931 3.432V7.653H2.51v9.894c.023.153.06.304.108.452v.127l.041.095c.057.142.126.28.207.412l.099.15c.074.107.157.207.247.302l.124.119c.13.118.275.222.43.309h.024c.36.214.775.327 1.198.325h16.515c.36-.004.716-.085 1.039-.24.323-.153.606-.375.827-.648a2.78 2.78 0 00.504-.888c.066-.217.108-.44.124-.666V5.078a2.497 2.497 0 00-.652-1.81 2.706 2.706 0 00-1.776-.87z"
fill="#32324D"
/>
<path
d="M12.552 9.199c.912 0 1.651-.71 1.651-1.585 0-.876-.74-1.586-1.651-1.586-.912 0-1.652.71-1.652 1.586 0 .875.74 1.585 1.652 1.585zM3.303 6.408h.826V3.997h2.477v-.793-.793H4.129V0h-.826c-.219 0-.85.002-.826 0v2.411H0v1.586h2.477v2.41h.826z"
fill="#32324D"
/>
</svg>
<div
class="c25"
>
Browse files
</span>
</button>
<div
class="c32"
>
<span
class="c33"
<span
class="c26"
>
Drag and Drop here or
</span>
</div>
<input
accept="image/jpeg,image/png,image/svg+xml"
class="c27"
cursor="pointer"
id="logo-upload"
name="files"
tabindex="-1"
type="file"
/>
<button
aria-disabled="false"
class="c28 c29"
type="button"
>
Max dimension: 750x750, Max size: 100KB
</span>
<span
class="c30 c31"
>
Browse files
</span>
</button>
<div
class="c32"
>
<span
class="c33"
>
Max dimension: 750x750, Max size: 100KB
</span>
</div>
</div>
</div>
</div>
</label>
</label>
</div>
</div>
</div>
</form>
<div
class="c3 c34"
>
</form>
<div
class="c5"
class="c3 c34"
>
<div
class="c35 c36"
class="c5"
>
<button
aria-disabled="false"
class="c28 c37"
type="button"
<div
class="c35 c36"
>
<span
class="c30 c31"
<button
aria-disabled="false"
class="c28 c37"
type="button"
>
Cancel
</span>
</button>
<span
class="c30 c31"
>
Cancel
</span>
</button>
</div>
<div
class="c35 c36"
/>
</div>
<div
class="c35 c36"
/>
</div>
</div>
</div>
@ -1242,6 +1246,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
.c7 {
padding-right: 8px;
padding-left: 8px;
overflow: hidden;
width: 100%;
}
@ -1499,6 +1504,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
<div
aria-live="polite"
class="c7 c8"
overflow="hidden"
width="100%"
>
<div
@ -1980,7 +1986,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
border: 1px solid #4945ff;
}
.c33 .sc-eZhRLC {
.c33 .sc-hAWBJg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -2050,7 +2056,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
background: #ffffff;
}
.c30 .sc-eZhRLC {
.c30 .sc-hAWBJg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -2240,179 +2246,181 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
class="c0"
>
<div>
<div
aria-labelledby="modal"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div>
<div
class="c3 c4"
aria-labelledby="modal"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div
class="c5"
>
<h2
class="c6"
id="modal"
>
Upload logo
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div>
<div
class="c9"
class="c3 c4"
>
<div
aria-label="How do you want to upload your assets?"
role="tablist"
class="c5"
>
<h2
class="c6"
id="modal"
>
Upload logo
</h2>
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-10-0-tab"
role="tab"
tabindex="-1"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<div
class="c11 c12"
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<span
class="c13"
>
From computer
</span>
</div>
</button>
<button
aria-controls="tabgroup-10-1-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-10-1-tab"
role="tab"
tabindex="0"
type="button"
>
<div
class="c11 c14"
>
<span
class="c15"
>
From url
</span>
</div>
<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>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-10-1-tab"
id="tabgroup-10-1-tabpanel"
role="tabpanel"
tabindex="0"
class="c9"
>
<form>
<div
class="c18"
<div
aria-label="How do you want to upload your assets?"
role="tablist"
>
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-10-0-tab"
role="tab"
tabindex="-1"
type="button"
>
<div>
<div
class="c11 c12"
>
<span
class="c13"
>
From computer
</span>
</div>
</button>
<button
aria-controls="tabgroup-10-1-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-10-1-tab"
role="tab"
tabindex="0"
type="button"
>
<div
class="c11 c14"
>
<span
class="c15"
>
From url
</span>
</div>
</button>
</div>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-10-1-tab"
id="tabgroup-10-1-tabpanel"
role="tabpanel"
tabindex="0"
>
<form>
<div
class="c18"
>
<div>
<div
class="c19 c20"
spacing="1"
>
<label
class="c21"
for="textinput-1"
>
<div
class="c22"
>
URL
</div>
</label>
<div>
<div
class="c23 c24"
class="c19 c20"
spacing="1"
>
<input
aria-disabled="false"
aria-invalid="false"
class="c25"
id="textinput-1"
name="logo-url"
value=""
/>
<label
class="c21"
for="textinput-1"
>
<div
class="c22"
>
URL
</div>
</label>
<div
class="c23 c24"
>
<input
aria-disabled="false"
aria-invalid="false"
class="c25"
id="textinput-1"
name="logo-url"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c3 c26"
>
<div
class="c5"
class="c3 c26"
>
<div
class="c27 c28"
class="c5"
>
<button
aria-disabled="false"
class="c29 c30"
type="button"
<div
class="c27 c28"
>
<span
class="c31 c32"
<button
aria-disabled="false"
class="c29 c30"
type="button"
>
Cancel
</span>
</button>
</div>
<div
class="c27 c28"
>
<button
aria-disabled="false"
class="c29 c33"
type="submit"
<span
class="c31 c32"
>
Cancel
</span>
</button>
</div>
<div
class="c27 c28"
>
<span
class="c31 c32"
<button
aria-disabled="false"
class="c29 c33"
type="submit"
>
Next
</span>
</button>
<span
class="c31 c32"
>
Next
</span>
</button>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
@ -2451,6 +2459,7 @@ exports[`ApplicationsInfosPage || LogoInput logo input should match snapshot 1`]
.c7 {
padding-right: 8px;
padding-left: 8px;
overflow: hidden;
width: 100%;
}
@ -2747,6 +2756,7 @@ exports[`ApplicationsInfosPage || LogoInput logo input should match snapshot 1`]
<div
aria-live="polite"
class="c7 c8"
overflow="hidden"
width="100%"
>
<div

2
packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
View File

@ -553,6 +553,7 @@ describe('Application page', () => {
.c41 {
padding-right: 8px;
padding-left: 8px;
overflow: hidden;
width: 100%;
}
@ -984,6 +985,7 @@ describe('Application page', () => {
<div
aria-live="polite"
class="c41 c42"
overflow="hidden"
width="100%"
>
<div

4
packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap
View File

@ -217,7 +217,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
border: 1px solid #4945ff;
}
.c13 .sc-cfJLRR {
.c13 .sc-jCHUfY {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -287,7 +287,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
background: #f0f0ff;
}
.c25 .sc-cfJLRR {
.c25 .sc-jCHUfY {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

2
packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap
View File

@ -466,7 +466,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
</div>
<nav
aria-label="pagination"
class="sc-iAzEPL"
class="sc-fAyhPT"
>
<ul
class="c17 c18"

2
packages/core/admin/admin/src/pages/UseCasePage/tests/index.test.js
View File

@ -225,7 +225,7 @@ describe('Admin | UseCasePage', () => {
width: 100%;
}
.c35 .sc-haTkiu {
.c35 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

142
packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js
View File

@ -232,7 +232,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
fill: #ffffff;
}
.c44 {
.c45 {
position: absolute;
left: 0;
right: 0;
@ -243,24 +243,24 @@ describe('Admin | ee | SettingsPage | SSO', () => {
border: none;
}
.c44:focus {
.c45:focus {
outline: none;
}
.c44[aria-disabled='true'] {
.c45[aria-disabled='true'] {
cursor: not-allowed;
}
.c47 {
.c48 {
padding-right: 16px;
padding-left: 16px;
}
.c49 {
.c50 {
padding-left: 12px;
}
.c39 {
.c40 {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
@ -274,7 +274,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
flex-direction: column;
}
.c42 {
.c43 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -288,7 +288,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
flex-direction: row;
}
.c45 {
.c46 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -306,14 +306,14 @@ describe('Admin | ee | SettingsPage | SSO', () => {
justify-content: space-between;
}
.c41 {
.c42 {
font-weight: 600;
color: #32324d;
font-size: 0.75rem;
line-height: 1.33;
}
.c48 {
.c49 {
color: #32324d;
display: block;
white-space: nowrap;
@ -323,22 +323,22 @@ describe('Admin | ee | SettingsPage | SSO', () => {
line-height: 1.43;
}
.c52 {
.c53 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
}
.c40 > * {
.c41 > * {
margin-top: 0;
margin-bottom: 0;
}
.c40 > * + * {
.c41 > * + * {
margin-top: 4px;
}
.c43 {
.c44 {
position: relative;
border: 1px solid #dcdce4;
padding-right: 12px;
@ -354,28 +354,28 @@ describe('Admin | ee | SettingsPage | SSO', () => {
transition-duration: 0.2s;
}
.c43:focus-within {
.c44:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c50 {
.c51 {
background: transparent;
border: none;
position: relative;
z-index: 1;
}
.c50 svg {
.c51 svg {
height: 0.6875rem;
width: 0.6875rem;
}
.c50 svg path {
.c51 svg path {
fill: #666687;
}
.c51 {
.c52 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -384,11 +384,11 @@ describe('Admin | ee | SettingsPage | SSO', () => {
border: none;
}
.c51 svg {
.c52 svg {
width: 0.375rem;
}
.c46 {
.c47 {
width: 100%;
}
@ -399,15 +399,15 @@ describe('Admin | ee | SettingsPage | SSO', () => {
border-style: solid;
border-width: 1px;
border-color: #dcdce4;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c32 {
padding-right: 32px;
padding-left: 32px;
padding-right: 12px;
padding-left: 12px;
border-radius: 4px;
}
@ -439,6 +439,24 @@ describe('Admin | ee | SettingsPage | SSO', () => {
flex-direction: row;
}
.c33 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c27 {
font-weight: 600;
color: #32324d;
@ -446,7 +464,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
line-height: 1.33;
}
.c34 {
.c35 {
font-weight: 600;
color: #666687;
text-transform: uppercase;
@ -454,7 +472,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
line-height: 1.33;
}
.c36 {
.c37 {
font-weight: 600;
color: #4945ff;
text-transform: uppercase;
@ -462,7 +480,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
line-height: 1.33;
}
.c38 {
.c39 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
@ -492,11 +510,15 @@ describe('Admin | ee | SettingsPage | SSO', () => {
.c28 {
position: relative;
display: inline-block;
z-index: 0;
width: 100%;
}
.c31 {
height: 2.5rem;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
outline: none;
box-shadow: 0;
-webkit-transition-property: border-color,box-shadow,fill;
@ -510,7 +532,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c33 {
.c34 {
background-color: transparent;
border: 1px solid #f6f6f9;
position: relative;
@ -519,9 +541,14 @@ describe('Admin | ee | SettingsPage | SSO', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c35 {
.c36 {
background-color: #ffffff;
border: 1px solid #dcdce4;
position: relative;
@ -530,9 +557,14 @@ describe('Admin | ee | SettingsPage | SSO', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c37 {
.c38 {
height: 100%;
left: 0;
opacity: 0;
@ -543,9 +575,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
}
.c23 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 320px;
}
.c1 {
@ -768,24 +798,24 @@ describe('Admin | ee | SettingsPage | SSO', () => {
</div>
<div
class="c30 c31"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c32 c26 c33"
class="c32 c33 c34"
>
<span
class="c34"
class="c35"
>
Off
</span>
</div>
<div
aria-hidden="true"
class="c32 c26 c35"
class="c32 c33 c36"
>
<span
class="c36"
class="c37"
>
On
</span>
@ -794,7 +824,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
aria-disabled="false"
aria-label="autoRegister"
checked=""
class="c37"
class="c38"
data-testid="autoRegister"
id="toggleinput-1"
name="autoRegister"
@ -803,7 +833,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
</div>
</label>
<p
class="c38"
class="c39"
id="toggleinput-1-hint"
>
Create new user on SSO login if no account exists
@ -820,22 +850,22 @@ describe('Admin | ee | SettingsPage | SSO', () => {
>
<div>
<div
class="c39 c40"
class="c40 c41"
spacing="1"
>
<span
class="c41"
class="c42"
for="select-1"
id="select-1-label"
>
<div
class="c42"
class="c43"
>
Default role
</div>
</span>
<div
class="c42 c43"
class="c43 c44"
>
<button
aria-describedby="select-1-hint"
@ -843,22 +873,22 @@ describe('Admin | ee | SettingsPage | SSO', () => {
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="select-1-label select-1-content"
class="c44"
class="c45"
id="select-1"
name="defaultRole"
type="button"
/>
<div
class="c45 c46"
class="c46 c47"
>
<div
class="c42"
class="c43"
>
<div
class="c47"
class="c48"
>
<span
class="c48"
class="c49"
id="select-1-content"
>
Editor
@ -866,11 +896,11 @@ describe('Admin | ee | SettingsPage | SSO', () => {
</div>
</div>
<div
class="c42"
class="c43"
>
<button
aria-hidden="true"
class="c49 c50 c51"
class="c50 c51 c52"
tabindex="-1"
type="button"
>
@ -893,7 +923,7 @@ describe('Admin | ee | SettingsPage | SSO', () => {
</div>
</div>
<p
class="c52"
class="c53"
id="select-1-hint"
>
It will attach the new authenticated user to the selected role

4
packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap
View File

@ -212,7 +212,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
background: #f0f0ff;
}
.c13 .sc-cfJLRR {
.c13 .sc-jCHUfY {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -292,7 +292,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
border: 1px solid #4945ff;
}
.c16 .sc-cfJLRR {
.c16 .sc-jCHUfY {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

4
packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/__snapshots__/index.test.js.snap
View File

@ -171,7 +171,7 @@ exports[`<PaginationURLQuery /> should display the dots correctly 1`] = `
<nav
aria-label="pagination"
class="sc-ezHhwS"
class="sc-kBzgEd"
>
<ul
class="c0 c1"
@ -544,7 +544,7 @@ exports[`<PaginationURLQuery /> should work when the pageCount is inferior or eq
<nav
aria-label="pagination"
class="sc-ezHhwS"
class="sc-kBzgEd"
>
<ul
class="c0 c1"

2
packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js
View File

@ -190,7 +190,7 @@ describe('<PaginationURLQuery />', () => {
<nav
aria-label="pagination"
class="sc-ezHhwS"
class="sc-kBzgEd"
>
<ul
class="c0 c1"

2
packages/core/upload/admin/src/components/AssetDialog/BrowseStep/tests/__snapshots__/index.test.js.snap
View File

@ -1451,7 +1451,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
</div>
<nav
aria-label="pagination"
class="sc-fxoWpM"
class="sc-ezDxBL"
>
<ul
class="c17 c74"

2
packages/core/upload/admin/src/components/AssetList/tests/__snapshots__/AssetList.test.js.snap
View File

@ -334,7 +334,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
cursor: pointer;
}
.c4:hover .sc-OVzLa {
.c4:hover .sc-uWCef {
opacity: 1;
}

270
packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
View File

@ -120,7 +120,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
background: #ffffff;
}
.c25 .sc-haTkiu {
.c25 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -190,7 +190,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
border: 1px solid #4945ff;
}
.c28 .sc-haTkiu {
.c28 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -550,173 +550,175 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
class="c1"
>
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<form
action="#"
novalidate=""
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div
class="c4 c5"
<form
action="#"
novalidate=""
>
<div
class="c6"
>
<h2
class="c7"
id="title"
>
Move elements to
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div
class="c10 c11"
>
<div
class="c12"
class="c4 c5"
>
<div
class="c13"
class="c6"
>
<h2
class="c7"
id="title"
>
Move elements to
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div
class="c10 c11"
>
<div
class="c12"
>
<div
class=""
class="c13"
>
<div
class="c14 c15"
spacing="1"
class=""
>
<label
class="c16"
for="folder-destination"
>
<div
class="c17"
>
Location
</div>
</label>
<div
class=" css-1tkrshn-container"
class="c14 c15"
spacing="1"
>
<div
class=" css-1sb7bue-control"
<label
class="c16"
for="folder-destination"
>
<div
class=" css-1kj7tu4-ValueContainer"
class="c17"
>
Location
</div>
</label>
<div
class=" css-1tkrshn-container"
>
<div
class=" css-1sb7bue-control"
>
<div
class=" css-p5rves-singleValue"
class=" css-1kj7tu4-ValueContainer"
>
Media Library
</div>
<input
aria-autocomplete="list"
class="css-wmatm6-dummyInput-DummyInput"
id="folder-destination"
readonly=""
tabindex="0"
value=""
/>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<button
class="c18 c19 c20"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 14 8"
width="1em"
xmlns="http://www.w3.org/2000/svg"
<div
class=" css-p5rves-singleValue"
>
<path
clip-rule="evenodd"
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
fill="#32324D"
fill-rule="evenodd"
/>
</svg>
</button>
Media Library
</div>
<input
aria-autocomplete="list"
class="css-wmatm6-dummyInput-DummyInput"
id="folder-destination"
readonly=""
tabindex="0"
value=""
/>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<button
class="c18 c19 c20"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 14 8"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
fill="#32324D"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<input
name="destination"
type="hidden"
value=""
/>
</div>
<input
name="destination"
type="hidden"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c4 c21"
>
<div
class="c6"
class="c4 c21"
>
<div
class="c22 c23"
class="c6"
>
<button
aria-disabled="false"
class="c24 c25"
name="cancel"
type="button"
<div
class="c22 c23"
>
<span
class="c26 c27"
<button
aria-disabled="false"
class="c24 c25"
name="cancel"
type="button"
>
Cancel
</span>
</button>
</div>
<div
class="c22 c23"
>
<button
aria-disabled="false"
class="c24 c28"
type="submit"
<span
class="c26 c27"
>
Cancel
</span>
</button>
</div>
<div
class="c22 c23"
>
<span
class="c26 c27"
<button
aria-disabled="false"
class="c24 c28"
type="submit"
>
Move
</span>
</button>
<span
class="c26 c27"
>
Move
</span>
</button>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>

1042
packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
View File

File diff suppressed because it is too large Load Diff

162
packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/RemoveAssetDialog.test.js.snap
View File

@ -438,91 +438,34 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
class="c1"
>
<div>
<div
aria-labelledby="dialog-1-label"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div>
<div
class="c4 c5 c6"
>
<h2
class="c7"
id="dialog-1-label"
>
Confirmation
</h2>
</div>
<div
class=""
aria-labelledby="dialog-1-label"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div
class="c8"
class="c4 c5 c6"
>
<div
class="c9 c10"
<h2
class="c7"
id="dialog-1-label"
>
<div
class="c5"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm1.154 18.456h-2.308V16.15h2.308v2.307zm-.23-3.687h-1.847l-.346-9.23h2.538l-.346 9.23z"
fill="#212134"
/>
</svg>
</div>
</div>
<div
class="c11 c12"
spacing="2"
>
<div
class="c13"
>
<span
class="c14"
id="confirm-description"
>
Are you sure you want to delete this?
</span>
</div>
</div>
Confirmation
</h2>
</div>
<div
class="c15 c16"
class=""
>
<div
class="c17 c18"
spacing="2"
class="c8"
>
<button
aria-disabled="false"
class="c19 c20"
type="button"
>
<span
class="c21 c22"
>
Cancel
</span>
</button>
<button
aria-disabled="false"
class="c19 c23"
id="confirm-delete"
type="button"
<div
class="c9 c10"
>
<div
aria-hidden="true"
class="c24 c25 c26"
class="c5"
>
<svg
fill="none"
@ -532,17 +475,76 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3.236 6.149a.2.2 0 00-.197.233L6 24h12l2.96-17.618a.2.2 0 00-.196-.233H3.236zM21.8 1.983c.11 0 .2.09.2.2v1.584a.2.2 0 01-.2.2H2.2a.2.2 0 01-.2-.2V2.183c0-.11.09-.2.2-.2h5.511c.9 0 1.631-1.09 1.631-1.983h5.316c0 .894.73 1.983 1.631 1.983H21.8z"
fill="#32324D"
d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm1.154 18.456h-2.308V16.15h2.308v2.307zm-.23-3.687h-1.847l-.346-9.23h2.538l-.346 9.23z"
fill="#212134"
/>
</svg>
</div>
<span
class="c21 c22"
</div>
<div
class="c11 c12"
spacing="2"
>
<div
class="c13"
>
Confirm
</span>
</button>
<span
class="c14"
id="confirm-description"
>
Are you sure you want to delete this?
</span>
</div>
</div>
</div>
<div
class="c15 c16"
>
<div
class="c17 c18"
spacing="2"
>
<button
aria-disabled="false"
class="c19 c20"
type="button"
>
<span
class="c21 c22"
>
Cancel
</span>
</button>
<button
aria-disabled="false"
class="c19 c23"
id="confirm-delete"
type="button"
>
<div
aria-hidden="true"
class="c24 c25 c26"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3.236 6.149a.2.2 0 00-.197.233L6 24h12l2.96-17.618a.2.2 0 00-.196-.233H3.236zM21.8 1.983c.11 0 .2.09.2.2v1.584a.2.2 0 01-.2.2H2.2a.2.2 0 01-.2-.2V2.183c0-.11.09-.2.2-.2h5.511c.9 0 1.631-1.09 1.631-1.983h5.316c0 .894.73 1.983 1.631 1.983H21.8z"
fill="#32324D"
/>
</svg>
</div>
<span
class="c21 c22"
>
Confirm
</span>
</button>
</div>
</div>
</div>
</div>

1042
packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

372
packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
View File

@ -143,7 +143,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
background: #ffffff;
}
.c32 .sc-haTkiu {
.c32 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -213,7 +213,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
border: 1px solid #4945ff;
}
.c37 .sc-haTkiu {
.c37 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -696,218 +696,220 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
class="c1"
>
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<form
action="#"
novalidate=""
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div
class="c4 c5"
<form
action="#"
novalidate=""
>
<div
class="c6"
>
<h2
class="c7"
id="title"
>
Add new folder
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div
class="c10 c11"
>
<div
class="c12"
class="c4 c5"
>
<div
class="c13"
class="c6"
>
<div
class=""
<h2
class="c7"
id="title"
>
<div>
<div>
<div
class="c14 c15"
spacing="1"
>
<label
class="c16"
for="textinput-1"
>
<div
class="c17"
>
Name
</div>
</label>
<div
class="c18 c19"
>
<input
aria-disabled="false"
aria-invalid="false"
class="c20"
id="textinput-1"
name="name"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c13"
>
<div
class=""
>
<div
class="c21 c22"
spacing="1"
>
<label
class="c23"
for="folder-parent"
>
<div
class="c24"
>
Location
</div>
</label>
<div
class=" css-1tkrshn-container"
>
<div
class=" css-1sb7bue-control"
>
<div
class=" css-1kj7tu4-ValueContainer"
>
<div
class=" css-p5rves-singleValue"
>
Media Library
</div>
<input
aria-autocomplete="list"
class="css-wmatm6-dummyInput-DummyInput"
id="folder-parent"
readonly=""
tabindex="0"
value=""
/>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<button
class="c25 c26 c27"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 14 8"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
fill="#32324D"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<input
name="parent"
type="hidden"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c4 c28"
>
<div
class="c6"
>
<div
class="c29 c30"
>
Add new folder
</h2>
<button
aria-disabled="false"
class="c31 c32"
name="cancel"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<span
class="c33 c34"
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
Cancel
</span>
<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>
<div
class="c10 c11"
>
<div
class="c29 c30"
class="c12"
>
<div
class="c35 c36"
spacing="2"
class="c13"
>
<div
class=""
>
<div>
<div>
<div
class="c14 c15"
spacing="1"
>
<label
class="c16"
for="textinput-1"
>
<div
class="c17"
>
Name
</div>
</label>
<div
class="c18 c19"
>
<input
aria-disabled="false"
aria-invalid="false"
class="c20"
id="textinput-1"
name="name"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c13"
>
<div
class=""
>
<div
class="c21 c22"
spacing="1"
>
<label
class="c23"
for="folder-parent"
>
<div
class="c24"
>
Location
</div>
</label>
<div
class=" css-1tkrshn-container"
>
<div
class=" css-1sb7bue-control"
>
<div
class=" css-1kj7tu4-ValueContainer"
>
<div
class=" css-p5rves-singleValue"
>
Media Library
</div>
<input
aria-autocomplete="list"
class="css-wmatm6-dummyInput-DummyInput"
id="folder-parent"
readonly=""
tabindex="0"
value=""
/>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<button
class="c25 c26 c27"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 14 8"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
fill="#32324D"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<input
name="parent"
type="hidden"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="c4 c28"
>
<div
class="c6"
>
<div
class="c29 c30"
>
<button
aria-disabled="false"
class="c31 c37"
name="submit"
type="submit"
class="c31 c32"
name="cancel"
type="button"
>
<span
class="c33 c34"
>
Create
Cancel
</span>
</button>
</div>
<div
class="c29 c30"
>
<div
class="c35 c36"
spacing="2"
>
<button
aria-disabled="false"
class="c31 c37"
name="submit"
type="submit"
>
<span
class="c33 c34"
>
Create
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>

2
packages/core/upload/admin/src/components/MediaLibraryInput/tests/__snapshots__/MediaLibraryInput.test.js.snap
View File

@ -69,6 +69,7 @@ exports[`<MediaLibraryInput /> renders and matches the snapshot 1`] = `
.c7 {
padding-right: 8px;
padding-left: 8px;
overflow: hidden;
width: 100%;
}
@ -194,6 +195,7 @@ exports[`<MediaLibraryInput /> renders and matches the snapshot 1`] = `
<div
aria-live="polite"
class="c7 c8"
overflow="hidden"
width="100%"
>
<div

2
packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
View File

@ -146,7 +146,7 @@ exports[`SelectTree renders 1`] = `
class=" css-1hb7zxy-IndicatorsContainer"
>
<button
class="sc-emDsmM sc-jgaZKu sc-chKlql kmSYwp kJneHl kQZEGc"
class="sc-bvFjSx sc-chKlql sc-jEItEs flrKyR iaRzgE kziwvZ"
type="button"
>
<svg

4
packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/__snapshots__/FromComputerForm.test.js.snap
View File

@ -127,7 +127,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
border: 1px solid #4945ff;
}
.c13 .sc-haTkiu {
.c13 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -197,7 +197,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
background: #ffffff;
}
.c21 .sc-haTkiu {
.c21 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

4
packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap
View File

@ -177,7 +177,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
border: 1px solid #4945ff;
}
.c15 .sc-haTkiu {
.c15 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -247,7 +247,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
background: #ffffff;
}
.c58 .sc-haTkiu {
.c58 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

618
packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap
View File

@ -134,7 +134,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
border: 1px solid #4945ff;
}
.c32 .sc-haTkiu {
.c32 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -204,7 +204,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
background: #ffffff;
}
.c38 .sc-haTkiu {
.c38 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -587,203 +587,205 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
class="c1"
>
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div>
<div
class="c4 c5"
aria-labelledby="title"
aria-modal="true"
class="c2 c3"
role="dialog"
>
<div
class="c6"
>
<h2
class="c7"
id="title"
>
Add new assets
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div>
<div
class="c10"
class="c4 c5"
>
<div
aria-label="How do you want to upload your assets?"
role="tablist"
class="c6"
>
<button
aria-controls="tabgroup-1-0-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c11"
id="tabgroup-1-0-tab"
role="tab"
tabindex="0"
type="button"
<h2
class="c7"
id="title"
>
<div
class="c12 c13"
>
<span
class="c14"
>
From computer
</span>
</div>
</button>
Add new assets
</h2>
<button
aria-disabled="false"
aria-selected="false"
class="c11"
id="tabgroup-1-1-tab"
role="tab"
tabindex="-1"
aria-label="Close the modal"
class="c8 c9"
type="button"
>
<div
class="c12 c15"
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<span
class="c16"
>
From url
</span>
</div>
<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>
<hr
class="c17 c18"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-1-0-tab"
id="tabgroup-1-0-tabpanel"
role="tabpanel"
tabindex="0"
class="c10"
>
<form>
<div
class="c19"
<div
aria-label="How do you want to upload your assets?"
role="tablist"
>
<button
aria-controls="tabgroup-1-0-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c11"
id="tabgroup-1-0-tab"
role="tab"
tabindex="0"
type="button"
>
<label>
<div
class="c20 c21"
<div
class="c12 c13"
>
<span
class="c14"
>
From computer
</span>
</div>
</button>
<button
aria-disabled="false"
aria-selected="false"
class="c11"
id="tabgroup-1-1-tab"
role="tab"
tabindex="-1"
type="button"
>
<div
class="c12 c15"
>
<span
class="c16"
>
From url
</span>
</div>
</button>
</div>
<hr
class="c17 c18"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-1-0-tab"
id="tabgroup-1-0-tabpanel"
role="tabpanel"
tabindex="0"
>
<form>
<div
class="c19"
>
<label>
<div
class="c22"
class="c20 c21"
>
<div
class="c23 c24"
class="c22"
>
<div
class="c25"
class="c23 c24"
>
<svg
aria-hidden="true"
fill="none"
height="1em"
viewBox="0 0 24 20"
width="1em"
xmlns="http://www.w3.org/2000/svg"
<div
class="c25"
>
<path
d="M21.569 2.398H7.829v1.586h13.74c.47 0 .826.5.826 1.094v9.853l-2.791-3.17a2.13 2.13 0 00-.74-.55 2.214 2.214 0 00-.912-.196 2.215 2.215 0 00-.912.191 2.131 2.131 0 00-.74.546l-2.93 3.385-2.973-3.36a2.147 2.147 0 00-.741-.545 2.228 2.228 0 00-1.824.007c-.286.13-.538.319-.739.553l-2.931 3.432V7.653H2.51v9.894c.023.153.06.304.108.452v.127l.041.095c.057.142.126.28.207.412l.099.15c.074.107.157.207.247.302l.124.119c.13.118.275.222.43.309h.024c.36.214.775.327 1.198.325h16.515c.36-.004.716-.085 1.039-.24.323-.153.606-.375.827-.648a2.78 2.78 0 00.504-.888c.066-.217.108-.44.124-.666V5.078a2.497 2.497 0 00-.652-1.81 2.706 2.706 0 00-1.776-.87z"
fill="#32324D"
/>
<path
d="M12.552 9.199c.912 0 1.651-.71 1.651-1.585 0-.876-.74-1.586-1.651-1.586-.912 0-1.652.71-1.652 1.586 0 .875.74 1.585 1.652 1.585zM3.303 6.408h.826V3.997h2.477v-.793-.793H4.129V0h-.826c-.219 0-.85.002-.826 0v2.411H0v1.586h2.477v2.41h.826z"
fill="#32324D"
/>
</svg>
</div>
<div
class="c26"
>
<span
class="c27"
>
Drag & Drop here or
</span>
</div>
<input
class="c28 c29"
multiple=""
name="files"
tabindex="-1"
type="file"
width="100%"
/>
<div
class="c30"
>
<button
aria-disabled="false"
class="c31 c32"
type="button"
<svg
aria-hidden="true"
fill="none"
height="1em"
viewBox="0 0 24 20"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.569 2.398H7.829v1.586h13.74c.47 0 .826.5.826 1.094v9.853l-2.791-3.17a2.13 2.13 0 00-.74-.55 2.214 2.214 0 00-.912-.196 2.215 2.215 0 00-.912.191 2.131 2.131 0 00-.74.546l-2.93 3.385-2.973-3.36a2.147 2.147 0 00-.741-.545 2.228 2.228 0 00-1.824.007c-.286.13-.538.319-.739.553l-2.931 3.432V7.653H2.51v9.894c.023.153.06.304.108.452v.127l.041.095c.057.142.126.28.207.412l.099.15c.074.107.157.207.247.302l.124.119c.13.118.275.222.43.309h.024c.36.214.775.327 1.198.325h16.515c.36-.004.716-.085 1.039-.24.323-.153.606-.375.827-.648a2.78 2.78 0 00.504-.888c.066-.217.108-.44.124-.666V5.078a2.497 2.497 0 00-.652-1.81 2.706 2.706 0 00-1.776-.87z"
fill="#32324D"
/>
<path
d="M12.552 9.199c.912 0 1.651-.71 1.651-1.585 0-.876-.74-1.586-1.651-1.586-.912 0-1.652.71-1.652 1.586 0 .875.74 1.585 1.652 1.585zM3.303 6.408h.826V3.997h2.477v-.793-.793H4.129V0h-.826c-.219 0-.85.002-.826 0v2.411H0v1.586h2.477v2.41h.826z"
fill="#32324D"
/>
</svg>
</div>
<div
class="c26"
>
<span
class="c33 c34"
class="c27"
>
Browse files
Drag & Drop here or
</span>
</button>
</div>
<input
class="c28 c29"
multiple=""
name="files"
tabindex="-1"
type="file"
width="100%"
/>
<div
class="c30"
>
<button
aria-disabled="false"
class="c31 c32"
type="button"
>
<span
class="c33 c34"
>
Browse files
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</label>
</div>
<div
class="c4 c35"
>
</label>
</div>
<div
class="c6"
class="c4 c35"
>
<div
class="c36 c37"
class="c6"
>
<button
aria-disabled="false"
class="c31 c38"
type="button"
<div
class="c36 c37"
>
<span
class="c33 c34"
<button
aria-disabled="false"
class="c31 c38"
type="button"
>
app.components.Button.cancel
</span>
</button>
<span
class="c33 c34"
>
app.components.Button.cancel
</span>
</button>
</div>
<div
class="c36 c37"
/>
</div>
<div
class="c36 c37"
/>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
@ -916,7 +918,7 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
border: 1px solid #4945ff;
}
.c34 .sc-haTkiu {
.c34 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -986,7 +988,7 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
background: #ffffff;
}
.c31 .sc-haTkiu {
.c31 .sc-cfJLRR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -1433,193 +1435,195 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
class="c0"
>
<div>
<div
aria-labelledby="title"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div>
<div
class="c3 c4"
aria-labelledby="title"
aria-modal="true"
class="c1 c2"
role="dialog"
>
<div
class="c5"
>
<h2
class="c6"
id="title"
>
Add new assets
</h2>
<button
aria-disabled="false"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
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>
<div>
<div
class="c9"
class="c3 c4"
>
<div
aria-label="How do you want to upload your assets?"
role="tablist"
class="c5"
>
<h2
class="c6"
id="title"
>
Add new assets
</h2>
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-8-0-tab"
role="tab"
tabindex="-1"
aria-label="Close the modal"
class="c7 c8"
type="button"
>
<div
class="c11 c12"
<svg
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<span
class="c13"
>
From computer
</span>
</div>
</button>
<button
aria-controls="tabgroup-8-1-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-8-1-tab"
role="tab"
tabindex="0"
type="button"
>
<div
class="c11 c14"
>
<span
class="c15"
>
From url
</span>
</div>
<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>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-8-1-tab"
id="tabgroup-8-1-tabpanel"
role="tabpanel"
tabindex="0"
class="c9"
>
<form
action="#"
novalidate=""
<div
aria-label="How do you want to upload your assets?"
role="tablist"
>
<div
class="c18"
<button
aria-disabled="false"
aria-selected="false"
class="c10"
id="tabgroup-8-0-tab"
role="tab"
tabindex="-1"
type="button"
>
<div
class="c19"
class="c11 c12"
>
<div>
<div
class="c20 c21"
spacing="1"
>
<span
class="c13"
>
From computer
</span>
</div>
</button>
<button
aria-controls="tabgroup-8-1-tabpanel"
aria-disabled="false"
aria-selected="true"
class="c10"
id="tabgroup-8-1-tab"
role="tab"
tabindex="0"
type="button"
>
<div
class="c11 c14"
>
<span
class="c15"
>
From url
</span>
</div>
</button>
</div>
<hr
class="c16 c17"
/>
</div>
<div>
<div
aria-labelledby="tabgroup-8-1-tab"
id="tabgroup-8-1-tabpanel"
role="tabpanel"
tabindex="0"
>
<form
action="#"
novalidate=""
>
<div
class="c18"
>
<div
class="c19"
>
<div>
<div
class="c22"
class="c20 c21"
spacing="1"
>
<label
class="c23"
for="textarea-1"
<div
class="c22"
>
<div
class="c22"
<label
class="c23"
for="textarea-1"
>
URL
</div>
</label>
<div
class="c22"
>
URL
</div>
</label>
</div>
<div
class="c24"
>
<textarea
aria-describedby="textarea-1-hint"
aria-invalid="false"
class="c25"
id="textarea-1"
name="urls"
/>
</div>
<p
class="c26"
id="textarea-1-hint"
>
Separate your URL links by a carriage return.
</p>
</div>
<div
class="c24"
>
<textarea
aria-describedby="textarea-1-hint"
aria-invalid="false"
class="c25"
id="textarea-1"
name="urls"
/>
</div>
<p
class="c26"
id="textarea-1-hint"
>
Separate your URL links by a carriage return.
</p>
</div>
</div>
</div>
</div>
<div
class="c3 c27"
>
<div
class="c5"
class="c3 c27"
>
<div
class="c28 c29"
class="c5"
>
<button
aria-disabled="false"
class="c30 c31"
type="button"
<div
class="c28 c29"
>
<span
class="c32 c33"
<button
aria-disabled="false"
class="c30 c31"
type="button"
>
app.components.Button.cancel
</span>
</button>
</div>
<div
class="c28 c29"
>
<button
aria-disabled="false"
class="c30 c34"
type="submit"
<span
class="c32 c33"
>
app.components.Button.cancel
</span>
</button>
</div>
<div
class="c28 c29"
>
<span
class="c32 c33"
<button
aria-disabled="false"
class="c30 c34"
type="submit"
>
Next
</span>
</button>
<span
class="c32 c33"
>
Next
</span>
</button>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>

151
packages/core/upload/admin/src/pages/App/tests/__snapshots__/Header.test.js.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Header renders 1`] = `
.c19 {
.c20 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -13,7 +13,7 @@ exports[`Header renders 1`] = `
width: 1px;
}
.c9 {
.c10 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -27,27 +27,27 @@ exports[`Header renders 1`] = `
flex-direction: row;
}
.c10 > * {
.c11 > * {
margin-left: 0;
margin-right: 0;
}
.c10 > * + * {
.c11 > * + * {
margin-left: 8px;
}
.c17 {
.c18 {
font-weight: 600;
color: #32324d;
font-size: 0.75rem;
line-height: 1.33;
}
.c14 {
.c15 {
padding-right: 8px;
}
.c11 {
.c12 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -61,21 +61,21 @@ exports[`Header renders 1`] = `
outline: none;
}
.c11 svg {
.c12 svg {
height: 12px;
width: 12px;
}
.c11 svg > g,
.c11 svg path {
.c12 svg > g,
.c12 svg path {
fill: #ffffff;
}
.c11[aria-disabled='true'] {
.c12[aria-disabled='true'] {
pointer-events: none;
}
.c11:after {
.c12:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@ -90,11 +90,11 @@ exports[`Header renders 1`] = `
border: 2px solid transparent;
}
.c11:focus-visible {
.c12:focus-visible {
outline: none;
}
.c11:focus-visible:after {
.c12:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@ -105,11 +105,11 @@ exports[`Header renders 1`] = `
border: 2px solid #4945ff;
}
.c15 {
.c16 {
height: 100%;
}
.c12 {
.c13 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -121,7 +121,7 @@ exports[`Header renders 1`] = `
background: #f0f0ff;
}
.c12 .c13 {
.c13 .c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -132,66 +132,66 @@ exports[`Header renders 1`] = `
align-items: center;
}
.c12 .c16 {
.c13 .c17 {
color: #ffffff;
}
.c12[aria-disabled='true'] {
.c13[aria-disabled='true'] {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c12[aria-disabled='true'] .c16 {
.c13[aria-disabled='true'] .c17 {
color: #666687;
}
.c12[aria-disabled='true'] svg > g,
.c12[aria-disabled='true'] svg path {
.c13[aria-disabled='true'] svg > g,
.c13[aria-disabled='true'] svg path {
fill: #666687;
}
.c12[aria-disabled='true']:active {
.c13[aria-disabled='true']:active {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c12[aria-disabled='true']:active .c16 {
.c13[aria-disabled='true']:active .c17 {
color: #666687;
}
.c12[aria-disabled='true']:active svg > g,
.c12[aria-disabled='true']:active svg path {
.c13[aria-disabled='true']:active svg > g,
.c13[aria-disabled='true']:active svg path {
fill: #666687;
}
.c12:hover {
.c13:hover {
background-color: #ffffff;
}
.c12:active {
.c13:active {
background-color: #ffffff;
border: 1px solid #4945ff;
}
.c12:active .c16 {
.c13:active .c17 {
color: #4945ff;
}
.c12:active svg > g,
.c12:active svg path {
.c13:active svg > g,
.c13:active svg path {
fill: #4945ff;
}
.c12 .c16 {
.c13 .c17 {
color: #271fe0;
}
.c12 svg > g,
.c12 svg path {
.c13 svg > g,
.c13 svg path {
fill: #271fe0;
}
.c18 {
.c19 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -201,7 +201,7 @@ exports[`Header renders 1`] = `
border: 1px solid #4945ff;
}
.c18 .c13 {
.c19 .c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -212,50 +212,50 @@ exports[`Header renders 1`] = `
align-items: center;
}
.c18 .c16 {
.c19 .c17 {
color: #ffffff;
}
.c18[aria-disabled='true'] {
.c19[aria-disabled='true'] {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c18[aria-disabled='true'] .c16 {
.c19[aria-disabled='true'] .c17 {
color: #666687;
}
.c18[aria-disabled='true'] svg > g,
.c18[aria-disabled='true'] svg path {
.c19[aria-disabled='true'] svg > g,
.c19[aria-disabled='true'] svg path {
fill: #666687;
}
.c18[aria-disabled='true']:active {
.c19[aria-disabled='true']:active {
border: 1px solid #dcdce4;
background: #eaeaef;
}
.c18[aria-disabled='true']:active .c16 {
.c19[aria-disabled='true']:active .c17 {
color: #666687;
}
.c18[aria-disabled='true']:active svg > g,
.c18[aria-disabled='true']:active svg path {
.c19[aria-disabled='true']:active svg > g,
.c19[aria-disabled='true']:active svg path {
fill: #666687;
}
.c18:hover {
.c19:hover {
border: 1px solid #7b79ff;
background: #7b79ff;
}
.c18:active {
.c19:active {
border: 1px solid #4945ff;
background: #4945ff;
}
.c18 svg > g,
.c18 svg path {
.c19 svg > g,
.c19 svg path {
fill: #ffffff;
}
@ -271,7 +271,7 @@ exports[`Header renders 1`] = `
padding-bottom: 8px;
}
.c6 {
.c7 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -289,7 +289,7 @@ exports[`Header renders 1`] = `
justify-content: space-between;
}
.c7 {
.c8 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -303,15 +303,15 @@ exports[`Header renders 1`] = `
flex-direction: row;
}
.c8 {
.c9 {
color: #32324d;
font-weight: 600;
font-size: 2rem;
line-height: 1.25;
}
.c5 {
color: #4945ff;
.c6 {
color: #32324d;
font-size: 0.875rem;
line-height: 1.43;
}
@ -331,18 +331,35 @@ exports[`Header renders 1`] = `
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
color: #4945ff;
position: relative;
outline: none;
}
.c2 svg path {
fill: #4945ff;
-webkit-transition: fill 150ms ease-out;
transition: fill 150ms ease-out;
fill: currentColor;
}
.c2 svg {
font-size: 0.625rem;
}
.c2 .c5 {
-webkit-transition: color 150ms ease-out;
transition: color 150ms ease-out;
color: currentColor;
}
.c2:hover {
color: #7b79ff;
}
.c2:active {
color: #271fe0;
}
.c2:after {
-webkit-transition-property: all;
transition-property: all;
@ -414,36 +431,36 @@ exports[`Header renders 1`] = `
</svg>
</span>
<span
class="c5"
class="c5 c6"
>
Back
</span>
</a>
</div>
<div
class="c6"
class="c7"
>
<div
class="c7"
class="c8"
>
<h1
class="c8"
class="c9"
>
Media Library
</h1>
</div>
<div
class="c9 c10"
class="c10 c11"
spacing="2"
>
<button
aria-disabled="false"
class="c11 c12"
class="c12 c13"
type="button"
>
<div
aria-hidden="true"
class="c13 c14 c15"
class="c14 c15 c16"
>
<svg
fill="none"
@ -459,19 +476,19 @@ exports[`Header renders 1`] = `
</svg>
</div>
<span
class="c16 c17"
class="c17 c18"
>
Add new folder
</span>
</button>
<button
aria-disabled="false"
class="c11 c18"
class="c12 c19"
type="button"
>
<div
aria-hidden="true"
class="c13 c14 c15"
class="c14 c15 c16"
>
<svg
fill="none"
@ -487,7 +504,7 @@ exports[`Header renders 1`] = `
</svg>
</div>
<span
class="c16 c17"
class="c17 c18"
>
Add new assets
</span>
@ -497,7 +514,7 @@ exports[`Header renders 1`] = `
</div>
</div>
<div
class="c19"
class="c20"
>
<p
aria-live="polite"

110
packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js
View File

@ -49,7 +49,7 @@ describe('Upload | SettingsPage', () => {
);
expect(container).toMatchInlineSnapshot(`
.c42 {
.c43 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -265,15 +265,15 @@ describe('Upload | SettingsPage', () => {
border-style: solid;
border-width: 1px;
border-color: #dcdce4;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c34 {
padding-right: 32px;
padding-left: 32px;
padding-right: 12px;
padding-left: 12px;
border-radius: 4px;
}
@ -305,6 +305,24 @@ describe('Upload | SettingsPage', () => {
flex-direction: row;
}
.c35 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c29 {
font-weight: 600;
color: #32324d;
@ -312,7 +330,7 @@ describe('Upload | SettingsPage', () => {
line-height: 1.33;
}
.c36 {
.c37 {
font-weight: 600;
color: #666687;
text-transform: uppercase;
@ -320,7 +338,7 @@ describe('Upload | SettingsPage', () => {
line-height: 1.33;
}
.c38 {
.c39 {
font-weight: 600;
color: #4945ff;
text-transform: uppercase;
@ -328,13 +346,13 @@ describe('Upload | SettingsPage', () => {
line-height: 1.33;
}
.c40 {
.c41 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
}
.c41 {
.c42 {
font-weight: 600;
color: #b72b1a;
text-transform: uppercase;
@ -366,11 +384,15 @@ describe('Upload | SettingsPage', () => {
.c30 {
position: relative;
display: inline-block;
z-index: 0;
width: 100%;
}
.c33 {
height: 2.5rem;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
outline: none;
box-shadow: 0;
-webkit-transition-property: border-color,box-shadow,fill;
@ -384,7 +406,7 @@ describe('Upload | SettingsPage', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c35 {
.c36 {
background-color: transparent;
border: 1px solid #f6f6f9;
position: relative;
@ -393,9 +415,14 @@ describe('Upload | SettingsPage', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c37 {
.c38 {
background-color: #ffffff;
border: 1px solid #dcdce4;
position: relative;
@ -404,9 +431,14 @@ describe('Upload | SettingsPage', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c39 {
.c40 {
height: 100%;
left: 0;
opacity: 0;
@ -417,9 +449,7 @@ describe('Upload | SettingsPage', () => {
}
.c25 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 320px;
}
.c0:focus-visible {
@ -654,24 +684,24 @@ describe('Upload | SettingsPage', () => {
</div>
<div
class="c32 c33"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c34 c28 c35"
class="c34 c35 c36"
>
<span
class="c36"
class="c37"
>
Off
</span>
</div>
<div
aria-hidden="true"
class="c34 c28 c37"
class="c34 c35 c38"
>
<span
class="c38"
class="c39"
>
On
</span>
@ -680,7 +710,7 @@ describe('Upload | SettingsPage', () => {
aria-disabled="false"
aria-label="responsiveDimensions"
checked=""
class="c39"
class="c40"
data-testid="responsiveDimensions"
id="toggleinput-1"
name="responsiveDimensions"
@ -689,7 +719,7 @@ describe('Upload | SettingsPage', () => {
</div>
</label>
<p
class="c40"
class="c41"
id="toggleinput-1-hint"
>
Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.
@ -735,24 +765,24 @@ describe('Upload | SettingsPage', () => {
</div>
<div
class="c32 c33"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c34 c28 c37"
class="c34 c35 c38"
>
<span
class="c41"
class="c42"
>
Off
</span>
</div>
<div
aria-hidden="true"
class="c34 c28 c35"
class="c34 c35 c36"
>
<span
class="c36"
class="c37"
>
On
</span>
@ -760,7 +790,7 @@ describe('Upload | SettingsPage', () => {
<input
aria-disabled="false"
aria-label="sizeOptimization"
class="c39"
class="c40"
data-testid="sizeOptimization"
id="toggleinput-2"
name="sizeOptimization"
@ -769,7 +799,7 @@ describe('Upload | SettingsPage', () => {
</div>
</label>
<p
class="c40"
class="c41"
id="toggleinput-2-hint"
>
Enabling this option will reduce the image size and slightly reduce its quality.
@ -815,24 +845,24 @@ describe('Upload | SettingsPage', () => {
</div>
<div
class="c32 c33"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c34 c28 c35"
class="c34 c35 c36"
>
<span
class="c36"
class="c37"
>
Off
</span>
</div>
<div
aria-hidden="true"
class="c34 c28 c37"
class="c34 c35 c38"
>
<span
class="c38"
class="c39"
>
On
</span>
@ -841,7 +871,7 @@ describe('Upload | SettingsPage', () => {
aria-disabled="false"
aria-label="autoOrientation"
checked=""
class="c39"
class="c40"
data-testid="autoOrientation"
id="toggleinput-3"
name="autoOrientation"
@ -850,7 +880,7 @@ describe('Upload | SettingsPage', () => {
</div>
</label>
<p
class="c40"
class="c41"
id="toggleinput-3-hint"
>
Enabling this option will automatically rotate the image according to EXIF orientation tag.
@ -869,7 +899,7 @@ describe('Upload | SettingsPage', () => {
</form>
</main>
<div
class="c42"
class="c43"
>
<p
aria-live="polite"

188
packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js
View File

@ -403,7 +403,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
width: 100%;
}
.c51 {
.c52 {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
@ -417,7 +417,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
flex-direction: column;
}
.c54 {
.c55 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -431,7 +431,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
flex-direction: row;
}
.c55 {
.c56 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -449,20 +449,20 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
justify-content: space-between;
}
.c53 {
.c54 {
font-weight: 600;
color: #32324d;
font-size: 0.75rem;
line-height: 1.33;
}
.c58 {
.c59 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
}
.c57 {
.c58 {
border: none;
border-radius: 4px;
padding-bottom: 0.65625rem;
@ -477,36 +477,36 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: inherit;
}
.c57::-webkit-input-placeholder {
.c58::-webkit-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c57::-moz-placeholder {
.c58::-moz-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c57:-ms-input-placeholder {
.c58:-ms-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c57::placeholder {
.c58::placeholder {
color: #8e8ea9;
opacity: 1;
}
.c57[aria-disabled='true'] {
.c58[aria-disabled='true'] {
color: inherit;
}
.c57:focus {
.c58:focus {
outline: none;
box-shadow: none;
}
.c60 {
.c61 {
border: none;
border-radius: 4px;
padding-bottom: 0.65625rem;
@ -522,36 +522,36 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: inherit;
}
.c60::-webkit-input-placeholder {
.c61::-webkit-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c60::-moz-placeholder {
.c61::-moz-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c60:-ms-input-placeholder {
.c61:-ms-input-placeholder {
color: #8e8ea9;
opacity: 1;
}
.c60::placeholder {
.c61::placeholder {
color: #8e8ea9;
opacity: 1;
}
.c60[aria-disabled='true'] {
.c61[aria-disabled='true'] {
color: inherit;
}
.c60:focus {
.c61:focus {
outline: none;
box-shadow: none;
}
.c56 {
.c57 {
border: 1px solid #dcdce4;
border-radius: 4px;
background: #ffffff;
@ -563,12 +563,12 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
transition-duration: 0.2s;
}
.c56:focus-within {
.c57:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c59 {
.c60 {
border: 1px solid #dcdce4;
border-radius: 4px;
background: #ffffff;
@ -582,17 +582,17 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
background: #eaeaef;
}
.c59:focus-within {
.c60:focus-within {
border: 1px solid #4945ff;
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c52 > * {
.c53 > * {
margin-top: 0;
margin-bottom: 0;
}
.c52 > * + * {
.c53 > * + * {
margin-top: 4px;
}
@ -603,15 +603,15 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
border-style: solid;
border-width: 1px;
border-color: #dcdce4;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c43 {
padding-right: 32px;
padding-left: 32px;
padding-right: 12px;
padding-left: 12px;
border-radius: 4px;
}
@ -643,6 +643,24 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
flex-direction: row;
}
.c44 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c38 {
font-weight: 600;
color: #32324d;
@ -650,7 +668,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
line-height: 1.33;
}
.c45 {
.c46 {
font-weight: 600;
color: #b72b1a;
text-transform: uppercase;
@ -658,7 +676,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
line-height: 1.33;
}
.c47 {
.c48 {
font-weight: 600;
color: #666687;
text-transform: uppercase;
@ -666,7 +684,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
line-height: 1.33;
}
.c49 {
.c50 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
@ -696,11 +714,15 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
.c39 {
position: relative;
display: inline-block;
z-index: 0;
width: 100%;
}
.c42 {
height: 2.5rem;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
outline: none;
box-shadow: 0;
-webkit-transition-property: border-color,box-shadow,fill;
@ -714,7 +736,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
box-shadow: #4945ff 0px 0px 0px 2px;
}
.c44 {
.c45 {
background-color: #ffffff;
border: 1px solid #dcdce4;
position: relative;
@ -723,9 +745,14 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c46 {
.c47 {
background-color: transparent;
border: 1px solid #f6f6f9;
position: relative;
@ -734,9 +761,14 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
-ms-user-select: none;
user-select: none;
z-index: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-top: 6px;
padding-bottom: 6px;
}
.c48 {
.c49 {
height: 100%;
left: 0;
opacity: 0;
@ -747,9 +779,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
}
.c34 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 320px;
}
.c0:focus-visible {
@ -824,7 +854,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
max-width: 100%;
}
.c50 {
.c51 {
grid-column: span 6;
max-width: 100%;
}
@ -854,13 +884,13 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
}
@media (max-width:68.75rem) {
.c50 {
.c51 {
grid-column: span;
}
}
@media (max-width:34.375rem) {
.c50 {
.c51 {
grid-column: span 12;
}
}
@ -1070,31 +1100,31 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
<div
class="c41 c42"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c43 c37 c44"
class="c43 c44 c45"
>
<span
class="c45"
class="c46"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c43 c37 c46"
class="c43 c44 c47"
>
<span
class="c47"
class="c48"
>
True
</span>
</div>
<input
aria-disabled="false"
class="c48"
class="c49"
id="toggleinput-1"
name="unique_email"
type="checkbox"
@ -1102,7 +1132,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c49"
class="c50"
id="toggleinput-1-hint"
>
Disallow the user to create multiple accounts using the same email address with different authentication providers.
@ -1148,31 +1178,31 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
<div
class="c41 c42"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c43 c37 c44"
class="c43 c44 c45"
>
<span
class="c45"
class="c46"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c43 c37 c46"
class="c43 c44 c47"
>
<span
class="c47"
class="c48"
>
True
</span>
</div>
<input
aria-disabled="false"
class="c48"
class="c49"
id="toggleinput-2"
name="allow_register"
type="checkbox"
@ -1180,7 +1210,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c49"
class="c50"
id="toggleinput-2-hint"
>
When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.
@ -1190,7 +1220,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c50"
class="c51"
>
<div
class=""
@ -1198,27 +1228,27 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
<div>
<div>
<div
class="c51 c52"
class="c52 c53"
spacing="1"
>
<label
class="c53"
class="c54"
for="email_reset_password"
>
<div
class="c54"
class="c55"
>
Reset password page
</div>
</label>
<div
class="c55 c56"
class="c56 c57"
>
<input
aria-describedby="email_reset_password-hint"
aria-disabled="false"
aria-invalid="false"
class="c57"
class="c58"
id="email_reset_password"
name="email_reset_password"
placeholder="ex: https://youtfrontend.com/reset-password"
@ -1227,7 +1257,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
/>
</div>
<p
class="c58"
class="c59"
id="email_reset_password-hint"
>
URL of your application's reset password page.
@ -1274,31 +1304,31 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
<div
class="c41 c42"
display="inline-flex"
display="flex"
>
<div
aria-hidden="true"
class="c43 c37 c44"
class="c43 c44 c45"
>
<span
class="c45"
class="c46"
>
False
</span>
</div>
<div
aria-hidden="true"
class="c43 c37 c46"
class="c43 c44 c47"
>
<span
class="c47"
class="c48"
>
True
</span>
</div>
<input
aria-disabled="false"
class="c48"
class="c49"
id="toggleinput-3"
name="email_confirmation"
type="checkbox"
@ -1306,7 +1336,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</label>
<p
class="c49"
class="c50"
id="toggleinput-3-hint"
>
When enabled (ON), new registered users receive a confirmation email.
@ -1316,7 +1346,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
</div>
</div>
<div
class="c50"
class="c51"
>
<div
class=""
@ -1324,28 +1354,28 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
<div>
<div>
<div
class="c51 c52"
class="c52 c53"
spacing="1"
>
<label
class="c53"
class="c54"
for="email_confirmation_redirection"
>
<div
class="c54"
class="c55"
>
Redirection url
</div>
</label>
<div
class="c55 c59"
class="c56 c60"
disabled=""
>
<input
aria-describedby="email_confirmation_redirection-hint"
aria-disabled="true"
aria-invalid="false"
class="c60"
class="c61"
id="email_confirmation_redirection"
name="email_confirmation_redirection"
placeholder="ex: https://youtfrontend.com/email-confirmation"
@ -1354,7 +1384,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
/>
</div>
<p
class="c58"
class="c59"
id="email_confirmation_redirection-hint"
>
After you confirmed your email, choose where you will be redirected.

4
packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js
View File

@ -783,7 +783,7 @@ describe('Admin | containers | RoleCreatePage', () => {
border: 1px solid #4945ff;
}
.c44:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c44:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -1161,7 +1161,7 @@ describe('Admin | containers | RoleCreatePage', () => {
class="c55 c56"
>
<span
class="c55 sc-dTBbbW c57"
class="c55 sc-eHyqeh c57"
id="accordion-label-accordion-1"
>
Address

4
packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js
View File

@ -851,7 +851,7 @@ describe('Admin | containers | RoleEditPage', () => {
border: 1px solid #4945ff;
}
.c49:hover:not([aria-disabled='true']) .sc-dTBbbW {
.c49:hover:not([aria-disabled='true']) .sc-eHyqeh {
color: #271fe0;
}
@ -1263,7 +1263,7 @@ describe('Admin | containers | RoleEditPage', () => {
class="c60 c61"
>
<span
class="c60 sc-dTBbbW c62"
class="c60 sc-eHyqeh c62"
id="accordion-label-accordion-1"
>
Address