From 73853a16da2e022656c56bf3e40bffe33bb9ea12 Mon Sep 17 00:00:00 2001 From: Gustav Hansen Date: Thu, 10 Feb 2022 18:04:42 +0100 Subject: [PATCH] chore: Update snapshot tests --- .../tests/__snapshots__/index.test.js.snap | 12 + .../tests/__snapshots__/index.test.js.snap | 4 + .../components/Register/tests/index.test.js | 1 + .../src/pages/HomePage/tests/index.test.js | 3 + .../src/pages/ProfilePage/tests/index.test.js | 1 + .../ApplicationInfosPage/tests/index.test.js | 1 + .../tests/__snapshots__/index.test.js.snap | 1 + .../SingleSignOn/tests/index.test.js | 1 + .../tests/__snapshots__/index.test.js.snap | 1 + .../src/pages/Settings/tests/index.test.js | 2 + .../AssetCard/tests/DocAssetCard.test.js | 175 ++++++++------ .../AssetCard/tests/ImageAssetCard.test.js | 169 ++++++++------ .../AssetList/tests/AssetList.test.js | 213 ++++++++++-------- .../EditAssetDialog.test.js.snap | 1 + .../tests/__snapshots__/index.test.js.snap | 1 + .../MediaLibraryInput.test.js.snap | 165 ++++++++------ .../PendingAssetStep.test.js.snap | 1 + .../pages/SettingsPage/tests/index.test.js | 1 + .../AdvancedSettings/tests/index.test.js | 3 + .../Roles/CreatePage/tests/index.test.js | 3 + .../pages/Roles/EditPage/tests/index.test.js | 3 + 21 files changed, 450 insertions(+), 312 deletions(-) diff --git a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap index 5af23af0e6..a58a94ec62 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap @@ -799,18 +799,22 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = ` .c23 { grid-column: span 6; + max-width: 100%; } .c41 { grid-column: span 8; + max-width: 100%; } .c53 { grid-column: span 6; + max-width: 100%; } .c70 { grid-column: span 4; + max-width: 100%; } .c38 { @@ -2665,18 +2669,22 @@ exports[`EditSettingsView should add field 1`] = ` .c23 { grid-column: span 6; + max-width: 100%; } .c41 { grid-column: span 8; + max-width: 100%; } .c53 { grid-column: span 6; + max-width: 100%; } .c70 { grid-column: span 4; + max-width: 100%; } .c38 { @@ -5024,18 +5032,22 @@ exports[`EditSettingsView should add relation 1`] = ` .c23 { grid-column: span 6; + max-width: 100%; } .c41 { grid-column: span 8; + max-width: 100%; } .c53 { grid-column: span 6; + max-width: 100%; } .c70 { grid-column: span 4; + max-width: 100%; } .c38 { diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap index 290c76b780..933b5cb429 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap @@ -838,10 +838,12 @@ exports[`ADMIN | CM | LV | Configure the view renders and matches the snapshot 1 .c46 { grid-column: span 6; + max-width: 100%; } .c60 { grid-column: span 3; + max-width: 100%; } .c28 { @@ -2642,10 +2644,12 @@ exports[`ADMIN | CM | LV | Configure the view should add field 1`] = ` .c46 { grid-column: span 6; + max-width: 100%; } .c60 { grid-column: span 3; + max-width: 100%; } .c28 { diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js index 2bd494de29..45abca5162 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js @@ -556,6 +556,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => { .c23 { grid-column: span 6; + max-width: 100%; } .c17 { diff --git a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js index b8528b41ac..4278cd8fb2 100644 --- a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js @@ -372,14 +372,17 @@ describe('Homepage', () => { .c7 { grid-column: span 8; + max-width: 100%; } .c33 { grid-column: span 4; + max-width: 100%; } .c43 { grid-column: span 6; + max-width: 100%; } .c50 { diff --git a/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js b/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js index 74488efda5..e93404ac27 100644 --- a/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js @@ -700,6 +700,7 @@ describe('ADMIN | Pages | Profile page', () => { .c20 { grid-column: span 6; + max-width: 100%; } .c30::-ms-reveal { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js index 0708c64e7c..d971195f10 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js @@ -174,6 +174,7 @@ describe('Application page', () => { .c15 { grid-column: span 6; + max-width: 100%; } .c19 { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap index 6025252531..733a4a8678 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap @@ -767,6 +767,7 @@ exports[` renders and matches the snapshot 1`] = ` .c27 { grid-column: span 6; + max-width: 100%; } @media (max-width:68.75rem) { diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js index 7f03f6a8fa..4c0515308c 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js @@ -598,6 +598,7 @@ describe('Admin | ee | SettingsPage | SSO', () => { .c21 { grid-column: span 6; + max-width: 100%; } @media (max-width:68.75rem) { diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap index 6f47446fa0..1a374a10e5 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap @@ -683,6 +683,7 @@ exports[` renders and matches the snapshot 1`] = ` .c27 { grid-column: span 6; + max-width: 100%; } .c0:focus-visible { diff --git a/packages/core/email/admin/src/pages/Settings/tests/index.test.js b/packages/core/email/admin/src/pages/Settings/tests/index.test.js index 2409149dd2..6192c3cce8 100644 --- a/packages/core/email/admin/src/pages/Settings/tests/index.test.js +++ b/packages/core/email/admin/src/pages/Settings/tests/index.test.js @@ -668,10 +668,12 @@ describe('Email | Pages | Settings', () => { .c14 { grid-column: span 6; + max-width: 100%; } .c35 { grid-column: span 7; + max-width: 100%; } @media (max-width:68.75rem) { diff --git a/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js b/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js index 4a5f4edd5c..69fae232a2 100644 --- a/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js +++ b/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js @@ -29,7 +29,7 @@ describe('DocAssetCard', () => { ); expect(container).toMatchInlineSnapshot(` - .c24 { + .c28 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -47,32 +47,28 @@ describe('DocAssetCard', () => { box-shadow: 0px 1px 4px rgba(33,33,52,0.1); } - .c12 { + .c3 { + position: start; + } + + .c8 { + position: end; + } + + .c16 { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; } - .c20 { + .c24 { background: #f6f6f9; padding: 4px; border-radius: 4px; min-width: 20px; } - .c3 { - position: absolute; - top: 12px; - left: 12px; - } - - .c5 { - position: absolute; - top: 12px; - right: 12px; - } - .c1 { display: -webkit-box; display: -webkit-flex; @@ -91,7 +87,21 @@ describe('DocAssetCard', () => { align-items: center; } - .c13 { + .c4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -105,7 +115,7 @@ describe('DocAssetCard', () => { align-items: flex-start; } - .c21 { + .c25 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -123,20 +133,41 @@ describe('DocAssetCard', () => { align-items: center; } - .c16 { + .c5 > * { + margin-left: 0; + margin-right: 0; + } + + .c5 > * + * { + margin-left: 8px; + } + + .c6 { + position: absolute; + top: 12px; + left: 12px; + } + + .c9 { + position: absolute; + top: 12px; + right: 12px; + } + + .c20 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c17 { + .c21 { color: #666687; font-size: 0.75rem; line-height: 1.33; } - .c23 { + .c27 { color: #666687; font-weight: 600; font-size: 0.6875rem; @@ -144,18 +175,18 @@ describe('DocAssetCard', () => { text-transform: uppercase; } - .c19 { + .c23 { margin-left: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } - .c22 { + .c26 { margin-left: 4px; } - .c4 { + .c7 { margin: 0; height: 18px; min-width: 18px; @@ -166,12 +197,12 @@ describe('DocAssetCard', () => { cursor: pointer; } - .c4:checked { + .c7:checked { background-color: #4945ff; border: 1px solid #4945ff; } - .c4:checked:after { + .c7:checked:after { content: ''; display: block; position: relative; @@ -185,21 +216,21 @@ describe('DocAssetCard', () => { transform: translateX(-50%) translateY(-50%); } - .c4:checked:disabled:after { + .c7:checked:disabled:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==) no-repeat no-repeat center center; } - .c4:disabled { + .c7:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c4:indeterminate { + .c7:indeterminate { background-color: #4945ff; border: 1px solid #4945ff; } - .c4:indeterminate:after { + .c7:indeterminate:after { content: ''; display: block; position: relative; @@ -214,16 +245,16 @@ describe('DocAssetCard', () => { transform: translateX(-50%) translateY(-50%); } - .c4:indeterminate:disabled { + .c7:indeterminate:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c4:indeterminate:disabled:after { + .c7:indeterminate:disabled:after { background-color: #8e8ea9; } - .c14 { + .c18 { word-break: break-all; } @@ -232,16 +263,16 @@ describe('DocAssetCard', () => { border-bottom: 1px solid #eaeaef; } - .c15 { + .c19 { padding-top: 4px; } - .c8 { + .c12 { width: 100%; height: 5.5rem; } - .c9 { + .c13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -259,7 +290,7 @@ describe('DocAssetCard', () => { align-items: center; } - .c6 { + .c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -273,21 +304,21 @@ describe('DocAssetCard', () => { outline: none; } - .c6 svg { + .c10 svg { height: 12px; width: 12px; } - .c6 svg > g, - .c6 svg path { + .c10 svg > g, + .c10 svg path { fill: #ffffff; } - .c6[aria-disabled='true'] { + .c10[aria-disabled='true'] { pointer-events: none; } - .c6:after { + .c10:after { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; @@ -302,11 +333,11 @@ describe('DocAssetCard', () => { border: 2px solid transparent; } - .c6:focus-visible { + .c10:focus-visible { outline: none; } - .c6:focus-visible:after { + .c10:focus-visible:after { border-radius: 8px; content: ''; position: absolute; @@ -317,7 +348,7 @@ describe('DocAssetCard', () => { border: 2px solid #4945ff; } - .c7 { + .c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -334,38 +365,38 @@ describe('DocAssetCard', () => { width: 2rem; } - .c7 svg > g, - .c7 svg path { + .c11 svg > g, + .c11 svg path { fill: #8e8ea9; } - .c7:hover svg > g, - .c7:hover svg path { + .c11:hover svg > g, + .c11:hover svg path { fill: #666687; } - .c7:active svg > g, - .c7:active svg path { + .c11:active svg > g, + .c11:active svg path { fill: #a5a5ba; } - .c7[aria-disabled='true'] { + .c11[aria-disabled='true'] { background-color: #eaeaef; } - .c7[aria-disabled='true'] svg path { + .c11[aria-disabled='true'] svg path { fill: #666687; } - .c18 { + .c22 { text-transform: uppercase; } - .c11 svg { + .c15 svg { font-size: 3rem; } - .c10 { + .c14 { border-radius: 4px 4px 0 0; background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%); } @@ -380,22 +411,22 @@ describe('DocAssetCard', () => { class="c1 c2" >
{

hello.png

png
Doc @@ -488,7 +519,7 @@ describe('DocAssetCard', () => {

{ ); expect(container).toMatchInlineSnapshot(` - .c22 { + .c26 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -43,7 +43,7 @@ describe('ImageAssetCard', () => { width: 1px; } - .c13 { + .c17 { padding-top: 4px; } @@ -53,32 +53,28 @@ describe('ImageAssetCard', () => { box-shadow: 0px 1px 4px rgba(33,33,52,0.1); } - .c10 { + .c3 { + position: start; + } + + .c8 { + position: end; + } + + .c14 { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; } - .c18 { + .c22 { background: #f6f6f9; padding: 4px; border-radius: 4px; min-width: 20px; } - .c3 { - position: absolute; - top: 12px; - left: 12px; - } - - .c5 { - position: absolute; - top: 12px; - right: 12px; - } - .c1 { display: -webkit-box; display: -webkit-flex; @@ -97,7 +93,21 @@ describe('ImageAssetCard', () => { align-items: center; } - .c11 { + .c4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c15 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -111,7 +121,7 @@ describe('ImageAssetCard', () => { align-items: flex-start; } - .c19 { + .c23 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -129,14 +139,35 @@ describe('ImageAssetCard', () => { align-items: center; } + .c5 > * { + margin-left: 0; + margin-right: 0; + } + + .c5 > * + * { + margin-left: 8px; + } + + .c6 { + position: absolute; + top: 12px; + left: 12px; + } + .c9 { + position: absolute; + top: 12px; + right: 12px; + } + + .c13 { margin: 0; padding: 0; max-height: 100%; max-width: 100%; } - .c8 { + .c12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -150,20 +181,20 @@ describe('ImageAssetCard', () => { background: repeating-conic-gradient(#f6f6f9 0% 25%,transparent 0% 50%) 50% / 20px 20px; } - .c14 { + .c18 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c15 { + .c19 { color: #666687; font-size: 0.75rem; line-height: 1.33; } - .c21 { + .c25 { color: #666687; font-weight: 600; font-size: 0.6875rem; @@ -171,18 +202,18 @@ describe('ImageAssetCard', () => { text-transform: uppercase; } - .c17 { + .c21 { margin-left: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } - .c20 { + .c24 { margin-left: 4px; } - .c4 { + .c7 { margin: 0; height: 18px; min-width: 18px; @@ -193,12 +224,12 @@ describe('ImageAssetCard', () => { cursor: pointer; } - .c4:checked { + .c7:checked { background-color: #4945ff; border: 1px solid #4945ff; } - .c4:checked:after { + .c7:checked:after { content: ''; display: block; position: relative; @@ -212,21 +243,21 @@ describe('ImageAssetCard', () => { transform: translateX(-50%) translateY(-50%); } - .c4:checked:disabled:after { + .c7:checked:disabled:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==) no-repeat no-repeat center center; } - .c4:disabled { + .c7:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c4:indeterminate { + .c7:indeterminate { background-color: #4945ff; border: 1px solid #4945ff; } - .c4:indeterminate:after { + .c7:indeterminate:after { content: ''; display: block; position: relative; @@ -241,16 +272,16 @@ describe('ImageAssetCard', () => { transform: translateX(-50%) translateY(-50%); } - .c4:indeterminate:disabled { + .c7:indeterminate:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c4:indeterminate:disabled:after { + .c7:indeterminate:disabled:after { background-color: #8e8ea9; } - .c12 { + .c16 { word-break: break-all; } @@ -259,7 +290,7 @@ describe('ImageAssetCard', () => { border-bottom: 1px solid #eaeaef; } - .c6 { + .c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -273,21 +304,21 @@ describe('ImageAssetCard', () => { outline: none; } - .c6 svg { + .c10 svg { height: 12px; width: 12px; } - .c6 svg > g, - .c6 svg path { + .c10 svg > g, + .c10 svg path { fill: #ffffff; } - .c6[aria-disabled='true'] { + .c10[aria-disabled='true'] { pointer-events: none; } - .c6:after { + .c10:after { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; @@ -302,11 +333,11 @@ describe('ImageAssetCard', () => { border: 2px solid transparent; } - .c6:focus-visible { + .c10:focus-visible { outline: none; } - .c6:focus-visible:after { + .c10:focus-visible:after { border-radius: 8px; content: ''; position: absolute; @@ -317,7 +348,7 @@ describe('ImageAssetCard', () => { border: 2px solid #4945ff; } - .c7 { + .c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -334,30 +365,30 @@ describe('ImageAssetCard', () => { width: 2rem; } - .c7 svg > g, - .c7 svg path { + .c11 svg > g, + .c11 svg path { fill: #8e8ea9; } - .c7:hover svg > g, - .c7:hover svg path { + .c11:hover svg > g, + .c11:hover svg path { fill: #666687; } - .c7:active svg > g, - .c7:active svg path { + .c11:active svg > g, + .c11:active svg path { fill: #a5a5ba; } - .c7[aria-disabled='true'] { + .c11[aria-disabled='true'] { background-color: #eaeaef; } - .c7[aria-disabled='true'] svg path { + .c11[aria-disabled='true'] svg path { fill: #666687; } - .c16 { + .c20 { text-transform: uppercase; } @@ -371,22 +402,22 @@ describe('ImageAssetCard', () => { class="c1 c2" >

hello.png

png @@ -448,13 +479,13 @@ describe('ImageAssetCard', () => {
Image @@ -464,7 +495,7 @@ describe('ImageAssetCard', () => {

{ ); expect(container).toMatchInlineSnapshot(` - .c32 { + .c34 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -142,16 +142,16 @@ describe('MediaLibrary / AssetList', () => { width: 1px; } - .c11 { + .c14 { padding-top: 4px; } - .c27 { + .c29 { width: 100%; height: 10.25rem; } - .c28 { + .c30 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -169,7 +169,7 @@ describe('MediaLibrary / AssetList', () => { align-items: center; } - .c22 { + .c24 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -187,33 +187,31 @@ describe('MediaLibrary / AssetList', () => { box-shadow: 0px 1px 4px rgba(33,33,52,0.1); } - .c8 { + .c4 { + position: start; + } + + .c11 { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; } - .c16 { + .c19 { background: #f6f6f9; padding: 4px; border-radius: 4px; min-width: 20px; } - .c23 { + .c25 { background: #32324d; color: #ffffff; padding: 4px; border-radius: 4px; } - .c4 { - position: absolute; - top: 12px; - left: 12px; - } - .c2 { display: -webkit-box; display: -webkit-flex; @@ -232,7 +230,21 @@ describe('MediaLibrary / AssetList', () => { align-items: center; } - .c9 { + .c5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -246,7 +258,7 @@ describe('MediaLibrary / AssetList', () => { align-items: flex-start; } - .c17 { + .c20 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -264,28 +276,29 @@ describe('MediaLibrary / AssetList', () => { align-items: center; } - .c20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + .c6 > * { + margin-left: 0; + margin-right: 0; + } + + .c6 > * + * { + margin-left: 8px; } .c7 { + position: absolute; + top: 12px; + left: 12px; + } + + .c10 { margin: 0; padding: 0; max-height: 100%; max-width: 100%; } - .c6 { + .c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -299,20 +312,20 @@ describe('MediaLibrary / AssetList', () => { background: repeating-conic-gradient(#f6f6f9 0% 25%,transparent 0% 50%) 50% / 20px 20px; } - .c12 { + .c15 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c13 { + .c16 { color: #666687; font-size: 0.75rem; line-height: 1.33; } - .c19 { + .c22 { color: #666687; font-weight: 600; font-size: 0.6875rem; @@ -320,24 +333,24 @@ describe('MediaLibrary / AssetList', () => { text-transform: uppercase; } - .c25 { + .c27 { color: #ffffff; font-size: 0.75rem; line-height: 1.33; } - .c15 { + .c18 { margin-left: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } - .c18 { + .c21 { margin-left: 4px; } - .c5 { + .c8 { margin: 0; height: 18px; min-width: 18px; @@ -348,12 +361,12 @@ describe('MediaLibrary / AssetList', () => { cursor: pointer; } - .c5:checked { + .c8:checked { background-color: #4945ff; border: 1px solid #4945ff; } - .c5:checked:after { + .c8:checked:after { content: ''; display: block; position: relative; @@ -367,21 +380,21 @@ describe('MediaLibrary / AssetList', () => { transform: translateX(-50%) translateY(-50%); } - .c5:checked:disabled:after { + .c8:checked:disabled:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==) no-repeat no-repeat center center; } - .c5:disabled { + .c8:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c5:indeterminate { + .c8:indeterminate { background-color: #4945ff; border: 1px solid #4945ff; } - .c5:indeterminate:after { + .c8:indeterminate:after { content: ''; display: block; position: relative; @@ -396,16 +409,16 @@ describe('MediaLibrary / AssetList', () => { transform: translateX(-50%) translateY(-50%); } - .c5:indeterminate:disabled { + .c8:indeterminate:disabled { background-color: #dcdce4; border: 1px solid #c0c0cf; } - .c5:indeterminate:disabled:after { + .c8:indeterminate:disabled:after { background-color: #8e8ea9; } - .c10 { + .c13 { word-break: break-all; } @@ -414,36 +427,36 @@ describe('MediaLibrary / AssetList', () => { border-bottom: 1px solid #eaeaef; } - .c24 { + .c26 { position: absolute; bottom: 4px; right: 4px; } - .c14 { + .c17 { text-transform: uppercase; } - .c26 { + .c28 { text-transform: uppercase; } - .c21 canvas, - .c21 video { + .c23 canvas, + .c23 video { display: block; max-width: 100%; max-height: 10.25rem; } - .c31 { + .c33 { text-transform: uppercase; } - .c30 svg { + .c32 svg { font-size: 3rem; } - .c29 { + .c31 { border-radius: 4px 4px 0 0; background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%); } @@ -470,49 +483,49 @@ describe('MediaLibrary / AssetList', () => { class="c2 c3" >

strapi-cover_1fabc982ce.png

png @@ -520,13 +533,13 @@ describe('MediaLibrary / AssetList', () => {
Image @@ -544,22 +557,22 @@ describe('MediaLibrary / AssetList', () => { class="c2 c3" >
{ />
mov_bbb.mp4
@@ -582,52 +595,52 @@ describe('MediaLibrary / AssetList', () => {

mov_bbb.mp4

mp4
Video @@ -645,21 +658,21 @@ describe('MediaLibrary / AssetList', () => { class="c2 c3" >
{

CARTE MARIAGE AVS - Printemps.pdf

pdf
Doc @@ -749,7 +762,7 @@ describe('MediaLibrary / AssetList', () => {

renders and matches the snapshot 1`] = ` .c13 { grid-column: span 6; + max-width: 100%; } .c15 { diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap index 5175cf89b7..1c64ca081d 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap +++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap @@ -887,6 +887,7 @@ exports[` renders and matches the snapshot 1`] = ` .c13 { grid-column: span 6; + max-width: 100%; } .c15 { diff --git a/packages/core/upload/admin/src/components/MediaLibraryInput/tests/__snapshots__/MediaLibraryInput.test.js.snap b/packages/core/upload/admin/src/components/MediaLibraryInput/tests/__snapshots__/MediaLibraryInput.test.js.snap index d368d8daef..6ab664ba77 100644 --- a/packages/core/upload/admin/src/components/MediaLibraryInput/tests/__snapshots__/MediaLibraryInput.test.js.snap +++ b/packages/core/upload/admin/src/components/MediaLibraryInput/tests/__snapshots__/MediaLibraryInput.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[` renders and matches the snapshot 1`] = ` -.c15 { +.c16 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -13,12 +13,12 @@ exports[` renders and matches the snapshot 1`] = ` width: 1px; } -.c9 { +.c10 { width: 100%; height: 100%; } -.c10 { +.c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -36,25 +36,25 @@ exports[` renders and matches the snapshot 1`] = ` align-items: center; } -.c11 { +.c12 { color: #4945ff; margin-bottom: 12px; width: 30px; height: 24px; } -.c12 path { +.c13 path { fill: #4945ff; } -.c13 { +.c14 { font-weight: 600; color: #666687; font-size: 0.75rem; line-height: 1.33; } -.c1 { +.c2 { background: #f6f6f9; padding: 8px; border-radius: 4px; @@ -62,28 +62,28 @@ exports[` renders and matches the snapshot 1`] = ` border: 1px solid #dcdce4; } -.c2 { +.c3 { position: relative; } -.c4 { +.c5 { padding-right: 8px; padding-left: 8px; width: 100%; } -.c6 { +.c7 { height: 124px; } -.c0 { +.c1 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } -.c7 { +.c8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -101,24 +101,43 @@ exports[` renders and matches the snapshot 1`] = ` align-items: center; } -.c3 { +.c4 { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: 'startAction slides endAction'; } -.c5 { +.c6 { grid-area: slides; } -.c8 { +.c0 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c0 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c0 > * + * { + margin-top: 4px; +} + +.c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } -.c14 { +.c15 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -127,76 +146,80 @@ exports[` renders and matches the snapshot 1`] = `

-
-
-
+
+
-
- + + + upload.mediaLibraryInput.placeholder + + +
-
-
+ +

{ .c23 { grid-column: span 6; + max-width: 100%; } .c1 { diff --git a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js index 7c1656843a..e0acc4c418 100644 --- a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js @@ -783,14 +783,17 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => { .c18 { grid-column: span 6; + max-width: 100%; } .c32 { grid-column: span 12; + max-width: 100%; } .c48 { grid-column: span 6; + max-width: 100%; } @media (max-width:68.75rem) { diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js index 630042125a..17d936e519 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js @@ -665,14 +665,17 @@ describe('Admin | containers | RoleCreatePage', () => { .c19 { grid-column: span 6; + max-width: 100%; } .c34 { grid-column: span 7; + max-width: 100%; } .c59 { grid-column: span 5; + max-width: 100%; } .c51 { diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js index fecb418c70..08494a258a 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js @@ -737,14 +737,17 @@ describe('Admin | containers | RoleEditPage', () => { .c24 { grid-column: span 6; + max-width: 100%; } .c39 { grid-column: span 7; + max-width: 100%; } .c64 { grid-column: span 5; + max-width: 100%; } .c56 {