yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-27 15:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update snapshot tests

Browse Source
This commit is contained in:
Gustav Hansen 2022-06-07 12:35:31 +01:00
parent 4ea824d9ca
commit dc72d3c7e2
4 changed files with 119 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js
View File

@ -45,6 +45,7 @@ describe('DocAssetCard', () => {
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
height: 100%;
}
.c3 {
@ -405,6 +406,7 @@ describe('DocAssetCard', () => {
<article
aria-labelledby="card-1-title"
class="c0"
height="100%"
tabindex="0"
>
<div

2
packages/core/upload/admin/src/components/AssetCard/tests/ImageAssetCard.test.js
View File

@ -51,6 +51,7 @@ describe('ImageAssetCard', () => {
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
height: 100%;
}
.c3 {
@ -397,6 +398,7 @@ describe('ImageAssetCard', () => {
<article
aria-labelledby="card-1-title"
class="c0"
height="100%"
tabindex="0"
>
<div

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

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
.c35 {
.c36 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -13,10 +13,14 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
width: 1px;
}
.c15 {
.c16 {
padding-top: 4px;
}
.c2 {
height: 100%;
}
.c0 {
display: grid;
grid-template-columns: repeat(12,1fr);
@ -28,12 +32,12 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
max-width: 100%;
}
.c30 {
.c31 {
width: 100%;
height: 10.25rem;
}
.c31 {
.c32 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -51,7 +55,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
justify-content: center;
}
.c25 {
.c26 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
@ -63,38 +67,39 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
width: 1px;
}
.c2 {
.c3 {
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
height: 100%;
}
.c5 {
.c6 {
position: start;
}
.c12 {
.c13 {
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.c20 {
.c21 {
background: #f6f6f9;
padding: 4px;
border-radius: 4px;
min-width: 20px;
}
.c26 {
.c27 {
background: #32324d;
color: #ffffff;
padding: 4px;
border-radius: 4px;
}
.c3 {
.c4 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -112,7 +117,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
justify-content: center;
}
.c6 {
.c7 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -126,7 +131,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
flex-direction: row;
}
.c13 {
.c14 {
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
@ -140,7 +145,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
flex-direction: row;
}
.c21 {
.c22 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@ -158,22 +163,22 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
justify-content: center;
}
.c7 > * {
.c8 > * {
margin-left: 0;
margin-right: 0;
}
.c7 > * + * {
.c8 > * + * {
margin-left: 8px;
}
.c8 {
.c9 {
position: absolute;
top: 12px;
left: 12px;
}
.c11 {
.c12 {
margin: 0;
padding: 0;
max-height: 100%;
@ -181,7 +186,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
object-fit: contain;
}
.c10 {
.c11 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -195,20 +200,20 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
background: repeating-conic-gradient(#f6f6f9 0% 25%,transparent 0% 50%) 50% / 20px 20px;
}
.c16 {
.c17 {
font-weight: 600;
color: #32324d;
font-size: 0.75rem;
line-height: 1.33;
}
.c17 {
.c18 {
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
}
.c23 {
.c24 {
color: #666687;
font-weight: 600;
font-size: 0.6875rem;
@ -216,24 +221,24 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
text-transform: uppercase;
}
.c28 {
.c29 {
color: #ffffff;
font-size: 0.75rem;
line-height: 1.33;
}
.c19 {
.c20 {
margin-left: auto;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c22 {
.c23 {
margin-left: 4px;
}
.c9 {
.c10 {
margin: 0;
height: 18px;
min-width: 18px;
@ -244,12 +249,12 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
cursor: pointer;
}
.c9:checked {
.c10:checked {
background-color: #4945ff;
border: 1px solid #4945ff;
}
.c9:checked:after {
.c10:checked:after {
content: '';
display: block;
position: relative;
@ -263,21 +268,21 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
transform: translateX(-50%) translateY(-50%);
}
.c9:checked:disabled:after {
.c10:checked:disabled:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==) no-repeat no-repeat center center;
}
.c9:disabled {
.c10:disabled {
background-color: #dcdce4;
border: 1px solid #c0c0cf;
}
.c9:indeterminate {
.c10:indeterminate {
background-color: #4945ff;
border: 1px solid #4945ff;
}
.c9:indeterminate:after {
.c10:indeterminate:after {
content: '';
display: block;
position: relative;
@ -292,54 +297,54 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
transform: translateX(-50%) translateY(-50%);
}
.c9:indeterminate:disabled {
.c10:indeterminate:disabled {
background-color: #dcdce4;
border: 1px solid #c0c0cf;
}
.c9:indeterminate:disabled:after {
.c10:indeterminate:disabled:after {
background-color: #8e8ea9;
}
.c14 {
.c15 {
word-break: break-all;
}
.c4 {
.c5 {
position: relative;
border-bottom: 1px solid #eaeaef;
}
.c27 {
.c28 {
position: absolute;
bottom: 4px;
right: 4px;
}
.c18 {
.c19 {
text-transform: uppercase;
}
.c29 {
.c30 {
text-transform: uppercase;
}
.c24 canvas,
.c24 video {
.c25 canvas,
.c25 video {
display: block;
max-width: 100%;
max-height: 10.25rem;
}
.c34 {
.c35 {
text-transform: uppercase;
}
.c33 svg {
.c34 svg {
font-size: 3rem;
}
.c32 {
.c33 {
border-radius: 4px 4px 0 0;
background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%);
}
@ -367,61 +372,63 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
class="c1"
>
<div
class=""
class="c2"
height="100%"
>
<article
aria-labelledby="card-1-title"
class="c2"
class="c3"
height="100%"
tabindex="0"
>
<div
class="c3 c4"
class="c4 c5"
>
<div
class="c5 c6 c7 c8"
class="c6 c7 c8 c9"
spacing="2"
>
<input
aria-labelledby="card-1-title"
class="c9"
class="c10"
type="checkbox"
/>
</div>
<div
class="c10"
class="c11"
>
<img
alt="strapi-cover_1fabc982ce.png"
aria-hidden="true"
class="c11"
class="c12"
src="http://localhost:1337/uploads/thumbnail_strapi_cover_1fabc982ce_5b43615ed5.png?width=1066&height=551"
/>
</div>
</div>
<div
class="c12"
class="c13"
>
<div
class="c13"
class="c14"
>
<div
class="c14"
class="c15"
>
<div
class="c15"
class="c16"
>
<h2
class="c16"
class="c17"
id="card-1-title"
>
strapi-cover_1fabc982ce.png
</h2>
</div>
<div
class="c17"
class="c18"
>
<span
class="c18"
class="c19"
>
png
</span>
@ -429,13 +436,13 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
</div>
</div>
<div
class="c19"
class="c20"
>
<div
class="c20 c21 c22"
class="c21 c22 c23"
>
<span
class="c23"
class="c24"
>
Image
</span>
@ -450,34 +457,36 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
class="c1"
>
<div
class=""
class="c2"
height="100%"
>
<article
aria-labelledby="card-2-title"
class="c2"
class="c3"
height="100%"
tabindex="0"
>
<div
class="c3 c4"
class="c4 c5"
>
<div
class="c5 c6 c7 c8"
class="c6 c7 c8 c9"
spacing="2"
>
<input
aria-labelledby="card-2-title"
class="c9"
class="c10"
type="checkbox"
/>
</div>
<div
class="c10"
class="c11"
>
<div
class="c6"
class="c7"
>
<div
class="c24"
class="c25"
>
<figure
class=""
@ -491,7 +500,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
/>
</video>
<figcaption
class="c25"
class="c26"
>
mov_bbb.mp4
</figcaption>
@ -500,52 +509,52 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
</div>
</div>
<time
class="c26 c27"
class="c27 c28"
>
<span
class="c28"
class="c29"
>
...
</span>
</time>
</div>
<div
class="c12"
class="c13"
>
<div
class="c13"
class="c14"
>
<div
class="c14"
class="c15"
>
<div
class="c15"
class="c16"
>
<h2
class="c16"
class="c17"
id="card-2-title"
>
mov_bbb.mp4
</h2>
</div>
<div
class="c17"
class="c18"
>
<span
class="c29"
class="c30"
>
mp4
</span>
</div>
</div>
<div
class="c19"
class="c20"
>
<div
class="c20 c21 c22"
class="c21 c22 c23"
>
<span
class="c23"
class="c24"
>
Video
</span>
@ -560,33 +569,35 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
class="c1"
>
<div
class=""
class="c2"
height="100%"
>
<article
aria-labelledby="card-3-title"
class="c2"
class="c3"
height="100%"
tabindex="0"
>
<div
class="c3 c4"
class="c4 c5"
>
<div
class="c5 c6 c7 c8"
class="c6 c7 c8 c9"
spacing="2"
>
<input
aria-labelledby="card-3-title"
class="c9"
class="c10"
type="checkbox"
/>
</div>
<div
class="c30 c31 c32"
class="c31 c32 c33"
height="10.25rem"
width="100%"
>
<span
class="c33"
class="c34"
>
<svg
aria-label="CARTE MARIAGE AVS - Printemps.pdf"
@ -611,42 +622,42 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
</div>
</div>
<div
class="c12"
class="c13"
>
<div
class="c13"
class="c14"
>
<div
class="c14"
class="c15"
>
<div
class="c15"
class="c16"
>
<h2
class="c16"
class="c17"
id="card-3-title"
>
CARTE MARIAGE AVS - Printemps.pdf
</h2>
</div>
<div
class="c17"
class="c18"
>
<span
class="c34"
class="c35"
>
pdf
</span>
</div>
</div>
<div
class="c19"
class="c20"
>
<div
class="c20 c21 c22"
class="c21 c22 c23"
>
<span
class="c23"
class="c24"
>
Doc
</span>
@ -660,7 +671,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
</div>
</div>
<div
class="c35"
class="c36"
>
<p
aria-live="polite"

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

@ -502,6 +502,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
height: 100%;
}
.c25 {
@ -790,6 +791,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
<article
aria-labelledby="card-1-title"
class="c20"
height="100%"
tabindex="0"
>
<div
@ -859,6 +861,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
<article
aria-labelledby="card-2-title"
class="c20"
height="100%"
tabindex="0"
>
<div
@ -947,6 +950,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
<article
aria-labelledby="card-3-title"
class="c20"
height="100%"
tabindex="0"
>
<div