From 822cb5a14fc991e5afcc2439e0cf00b83afa63f5 Mon Sep 17 00:00:00 2001 From: Julie Plantey Date: Wed, 15 Feb 2023 18:02:40 +0100 Subject: [PATCH] feedback fix and improvements --- .../admin/src/pages/Admin/Onboarding/index.js | 33 +- .../admin/src/pages/HomePage/SocialLinks.js | 46 +- .../tests/__snapshots__/index.test.js.snap | 1372 ----------------- .../src/pages/HomePage/tests/index.test.js | 25 +- .../pages/ApplicationInfosPage/index.js | 29 +- .../tests/__snapshots__/index.test.js.snap | 572 ------- .../ApplicationInfosPage/tests/index.test.js | 8 - 7 files changed, 65 insertions(+), 2020 deletions(-) delete mode 100644 packages/core/admin/admin/src/pages/HomePage/tests/__snapshots__/index.test.js.snap delete mode 100644 packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/__snapshots__/index.test.js.snap diff --git a/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js b/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js index 7d24c3aad3..0d15ec9158 100644 --- a/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js +++ b/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js @@ -85,6 +85,17 @@ const Onboarding = () => { setIsOpen((prev) => !prev); }; + const docLinks = [ + ...DOCUMENTATION_LINKS, + { + label: { id: 'Settings.application.get-help', defaultMessage: 'Get help' }, + icon: Message, + href: communityEdition + ? 'https://discord.strapi.io' + : 'https://support.strapi.io/support/home', + }, + ]; + return ( { ))} - {DOCUMENTATION_LINKS.map(({ label, href, icon }) => ( + {docLinks.map(({ label, href, icon }) => ( { ))} - - - - {formatMessage({ - id: 'Settings.application.get-help', - defaultMessage: 'Get help', - })} - - diff --git a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js index 92bc8bb042..9a3288dc5e 100644 --- a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js +++ b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js @@ -140,6 +140,20 @@ const SocialLinks = () => { const { formatMessage } = useIntl(); const { communityEdition } = useAppInfos(); + const socialLinksExtended = [ + ...socialLinks, + { + icon: , + link: communityEdition + ? 'https://discord.strapi.io' + : 'https://support.strapi.io/support/home', + name: { + id: 'Settings.application.get-help', + defaultMessage: 'Get help', + }, + }, + ]; + return ( { - {socialLinks.map((socialLink) => { + {socialLinksExtended.map(({ icon, link, name }) => { return ( - - - {socialLink.name} + + + {typeof name === 'string' ? name : formatMessage(name)} ); })} - - } - variant="tertiary" - href={ - communityEdition - ? 'https://discord.strapi.io' - : 'https://support.strapi.io/support/home' - } - isExternal - > - {formatMessage({ - id: 'Settings.application.get-help', - defaultMessage: 'Get help', - })} - - ); diff --git a/packages/core/admin/admin/src/pages/HomePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/HomePage/tests/__snapshots__/index.test.js.snap deleted file mode 100644 index deaac5cd5d..0000000000 --- a/packages/core/admin/admin/src/pages/HomePage/tests/__snapshots__/index.test.js.snap +++ /dev/null @@ -1,1372 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Homepage renders and matches the snapshot 1`] = ` -.c2 { - padding-bottom: 56px; -} - -.c6 { - padding: 56px; -} - -.c9 { - padding-bottom: 56px; - padding-left: 24px; -} - -.c20 { - padding-left: 8px; -} - -.c23 { - background: #ffffff; - padding: 24px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c25 { - background: #f0f0ff; - padding: 12px; - border-radius: 4px; -} - -.c31 { - background: #fdf4dc; - padding: 12px; - border-radius: 4px; -} - -.c32 { - background: #eaf5ff; - padding: 12px; - border-radius: 4px; -} - -.c33 { - background: #f6ecfc; - padding: 12px; - border-radius: 4px; -} - -.c35 { - background: #ffffff; - padding-top: 24px; - padding-right: 20px; - padding-bottom: 24px; - padding-left: 20px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c36 { - padding-bottom: 32px; -} - -.c47 { - padding-right: 8px; -} - -.c10 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c24 { - -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; -} - -.c14 { - font-weight: 600; - font-size: 2rem; - line-height: 1.25; - color: #32324d; -} - -.c15 { - font-size: 1rem; - line-height: 1.5; - color: #666687; -} - -.c19 { - font-size: 0.875rem; - line-height: 1.43; - font-weight: 600; - color: #32324d; -} - -.c28 { - font-size: 0.75rem; - line-height: 1.33; - font-weight: 500; - color: #32324d; -} - -.c30 { - font-size: 0.875rem; - line-height: 1.43; - color: #666687; -} - -.c38 { - font-weight: 500; - font-size: 1rem; - line-height: 1.25; - color: #32324d; -} - -.c41 { - font-size: 0.875rem; - line-height: 1.43; - color: #4945ff; -} - -.c11 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c11 > * + * { - margin-top: 20px; -} - -.c27 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c27 > * + * { - margin-top: 4px; -} - -.c37 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c37 > * + * { - margin-top: 12px; -} - -.c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - cursor: pointer; - padding: 8px; - border-radius: 4px; - background: #ffffff; - border: 1px solid #dcdce4; - position: relative; - outline: none; -} - -.c17 svg { - height: 12px; - width: 12px; -} - -.c17 svg > g, -.c17 svg path { - fill: #ffffff; -} - -.c17[aria-disabled='true'] { - pointer-events: none; -} - -.c17:after { - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - border-radius: 8px; - content: ''; - position: absolute; - top: -4px; - bottom: -4px; - left: -4px; - right: -4px; - border: 2px solid transparent; -} - -.c17:focus-visible { - outline: none; -} - -.c17:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; -} - -.c18 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #4945ff; - border: 1px solid #4945ff; - height: 2.5rem; - padding-left: 16px; - padding-right: 16px; -} - -.c18 .c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c18 .c13 { - color: #ffffff; -} - -.c18[aria-disabled='true'] { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c18[aria-disabled='true'] .c13 { - color: #666687; -} - -.c18[aria-disabled='true'] svg > g,.c18[aria-disabled='true'] svg path { - fill: #666687; -} - -.c18[aria-disabled='true']:active { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c18[aria-disabled='true']:active .c13 { - color: #666687; -} - -.c18[aria-disabled='true']:active svg > g,.c18[aria-disabled='true']:active svg path { - fill: #666687; -} - -.c18:hover { - border: 1px solid #7b79ff; - background: #7b79ff; -} - -.c18:active { - border: 1px solid #4945ff; - background: #4945ff; -} - -.c18 svg > g, -.c18 svg path { - fill: #ffffff; -} - -.c26 { - margin-right: 24px; -} - -.c26 svg { - width: 2rem; - height: 2rem; -} - -.c29 { - word-break: break-all; -} - -.c39 { - cursor: pointer; -} - -.c40 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-text-decoration: none; - text-decoration: none; - position: relative; - outline: none; -} - -.c40 svg path { - fill: #4945ff; -} - -.c40 svg { - font-size: 0.625rem; -} - -.c40:after { - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - border-radius: 8px; - content: ''; - position: absolute; - top: -4px; - bottom: -4px; - left: -4px; - right: -4px; - border: 2px solid transparent; -} - -.c40:focus-visible { - outline: none; -} - -.c40:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; -} - -.c42 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c45 { - padding: 10px 16px; - background: #4945ff; - border: 1px solid #4945ff; - border-radius: 4px; - border: 1px solid #dcdce4; - background: #ffffff; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c45 .c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c45 .c13 { - color: #ffffff; -} - -.c45[aria-disabled='true'] { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c45[aria-disabled='true'] .c13 { - color: #666687; -} - -.c45[aria-disabled='true'] svg > g,.c45[aria-disabled='true'] svg path { - fill: #666687; -} - -.c45[aria-disabled='true']:active { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c45[aria-disabled='true']:active .c13 { - color: #666687; -} - -.c45[aria-disabled='true']:active svg > g,.c45[aria-disabled='true']:active svg path { - fill: #666687; -} - -.c45:hover { - background-color: #f6f6f9; -} - -.c45:active { - background-color: #eaeaef; -} - -.c45 .c13 { - color: #32324d; -} - -.c45 svg > g, -.c45 svg path { - fill: #32324d; -} - -.c1 { - display: grid; - grid-template-columns: 1fr; -} - -.c3 { - overflow-x: hidden; -} - -.c7 { - display: grid; - grid-template-columns: repeat(12,1fr); -} - -.c21 { - display: grid; - grid-template-columns: repeat(12,1fr); - gap: 24px; -} - -.c8 { - grid-column: span 8; - max-width: 100%; -} - -.c34 { - grid-column: span 4; - max-width: 100%; -} - -.c44 { - grid-column: span 6; - max-width: 100%; -} - -.c4:focus-visible { - outline: none; -} - -.c48 path { - fill: #7289da !important; -} - -.c49 > path:first-child { - fill: #ff4500; -} - -.c52 > path:first-child { - fill: #4945ff; -} - -.c52 > path:nth-child(2) { - fill: #fff; -} - -.c52 > path:nth-child(4) { - fill: #9593ff; -} - -.c50 path { - fill: #1da1f2 !important; -} - -.c51 > path:first-child { - fill: #231f20; -} - -.c51 > path:nth-child(2) { - fill: #fff9ae; -} - -.c51 > path:nth-child(3) { - fill: #00aeef; -} - -.c51 > path:nth-child(4) { - fill: #00a94f; -} - -.c51 > path:nth-child(5) { - fill: #f15d22; -} - -.c51 > path:nth-child(6) { - fill: #e31b23; -} - -.c46 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; -} - -.c46 svg { - width: 24px; - height: 24px; -} - -.c46 span { - word-break: keep-all; -} - -.c43 { - row-gap: 8px; - -webkit-column-gap: 16px; - column-gap: 16px; -} - -.c16 { - word-break: break-word; -} - -.c12 { - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; -} - -.c22 { - -webkit-text-decoration: none; - text-decoration: none; -} - -.c5 { - position: absolute; - top: 0; - right: 0; -} - -.c5 img { - width: 9.375rem; -} - -@media (max-width:68.75rem) { - .c8 { - grid-column: span 12; - } -} - -@media (max-width:34.375rem) { - .c8 { - grid-column: span; - } -} - -@media (max-width:68.75rem) { - .c34 { - grid-column: span 12; - } -} - -@media (max-width:34.375rem) { - .c34 { - grid-column: span; - } -} - -@media (max-width:68.75rem) { - .c44 { - grid-column: span 12; - } -} - -@media (max-width:34.375rem) { - .c44 { - grid-column: span; - } -} - -
-
-
-
- -
-
-
-
-
-
-
-
-

- Welcome on board! -

- - Congrats! You are logged as the first administrator. To discover the powerful features provided by Strapi, we recommend you to create your first Content type! - - -
-
-
-
-
-
-
-
-
-
- -
-
- - - - -
-
-
- - Documentation - -
- - Discover the essential concepts, guides and instructions. - -
-
- - -
-
- - - - -
-
-
- - Code example - -
- - Learn by using ready-made starters for your projects. - -
-
- - -
-
- - - - -
-
-
- - Tutorials - -
- - Follow step-by-step instructions to use and customize Strapi. - -
-
- - -
-
- - - - -
-
-
- - Blog - -
- - Read the latest news about Strapi and the ecosystem. - -
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-`; 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 1d6c3325bf..edd897265f 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 @@ -54,12 +54,27 @@ describe('Homepage', () => { singleTypes: [], })); - it('renders and matches the snapshot', () => { - const { - container: { firstChild }, - } = render(App); + test('should render all homepage links', () => { + const { getByRole } = render(App); + expect(getByRole('link', { name: /we are hiring/i })).toBeInTheDocument(); + }); - expect(firstChild).toMatchSnapshot(); + test.each([ + 'documentation discover the essential concepts, guides and instructions.', + 'code example learn by using ready-made starters for your projects.', + 'tutorials follow step-by-step instructions to use and customize strapi.', + 'blog read the latest news about strapi and the ecosystem.', + 'see our road map', + 'github', + 'discord', + 'reddit', + 'twitter', + 'forum', + 'we are hiring', + ])('should display %s link', (link) => { + const { getByRole } = render(App); + + expect(getByRole('link', { name: new RegExp(link, 'i') })).toBeInTheDocument(); }); test('should display discord link for CE edition', () => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js index 66bae726f6..87b8cb10fb 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js @@ -10,9 +10,9 @@ import { useTracking, } from '@strapi/helper-plugin'; import { - Box, Button, ContentLayout, + Flex, Grid, GridItem, HeaderLayout, @@ -143,8 +143,8 @@ const ApplicationInfosPage = () => { defaultMessage: 'strapi version', })} - v{strapiVersion} - + + v{strapiVersion} {shouldUpdateStrapi && ( { })} )} - + @@ -166,15 +166,16 @@ const ApplicationInfosPage = () => { defaultMessage: 'current plan', })} - - {formatMessage({ - id: currentPlan, - defaultMessage: `${ - appInfos.communityEdition ? 'Community Edition' : 'Enterprise Edition' - }`, - })} - - + + + {' '} + {formatMessage({ + id: currentPlan, + defaultMessage: `${ + appInfos.communityEdition ? 'Community Edition' : 'Enterprise Edition' + }`, + })} + { defaultMessage: 'See all pricing plans', })} - + diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/__snapshots__/index.test.js.snap deleted file mode 100644 index b44b35eb8d..0000000000 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/__snapshots__/index.test.js.snap +++ /dev/null @@ -1,572 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Application page renders and matches the snapshot 1`] = ` -.c9 { - font-weight: 600; - font-size: 2rem; - line-height: 1.25; - color: #32324d; -} - -.c14 { - font-size: 0.75rem; - line-height: 1.33; - font-weight: 600; - color: #32324d; -} - -.c15 { - font-size: 1rem; - line-height: 1.5; - color: #666687; -} - -.c21 { - font-weight: 500; - font-size: 1rem; - line-height: 1.25; - color: #32324d; -} - -.c24 { - font-weight: 600; - font-size: 0.6875rem; - line-height: 1.45; - text-transform: uppercase; - color: #666687; -} - -.c25 { - font-size: 0.875rem; - line-height: 1.43; - color: #32324d; -} - -.c2 { - padding-bottom: 56px; -} - -.c5 { - background: #f6f6f9; - padding-top: 40px; - padding-right: 56px; - padding-bottom: 40px; - padding-left: 56px; -} - -.c12 { - padding-right: 8px; -} - -.c16 { - padding-right: 56px; - padding-left: 56px; -} - -.c19 { - background: #ffffff; - padding-top: 24px; - padding-right: 32px; - padding-bottom: 24px; - padding-left: 32px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c26 { - padding-top: 12px; -} - -.c28 { - padding-left: 8px; -} - -.c6 { - -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: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.c7 { - -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; -} - -.c17 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c18 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c18 > * + * { - margin-top: 24px; -} - -.c20 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c20 > * + * { - margin-top: 16px; -} - -.c10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - cursor: pointer; - padding: 8px; - border-radius: 4px; - background: #ffffff; - border: 1px solid #dcdce4; - position: relative; - outline: none; -} - -.c10 svg { - height: 12px; - width: 12px; -} - -.c10 svg > g, -.c10 svg path { - fill: #ffffff; -} - -.c10[aria-disabled='true'] { - pointer-events: none; -} - -.c10:after { - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - border-radius: 8px; - content: ''; - position: absolute; - top: -4px; - bottom: -4px; - left: -4px; - right: -4px; - border: 2px solid transparent; -} - -.c10:focus-visible { - outline: none; -} - -.c10:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; -} - -.c13 { - height: 100%; -} - -.c11 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #4945ff; - border: 1px solid #4945ff; - height: 2rem; - padding-left: 16px; - padding-right: 16px; -} - -.c11 .c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c11 .c8 { - color: #ffffff; -} - -.c11[aria-disabled='true'] { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c11[aria-disabled='true'] .c8 { - color: #666687; -} - -.c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path { - fill: #666687; -} - -.c11[aria-disabled='true']:active { - border: 1px solid #dcdce4; - background: #eaeaef; -} - -.c11[aria-disabled='true']:active .c8 { - color: #666687; -} - -.c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path { - fill: #666687; -} - -.c11:hover { - border: 1px solid #7b79ff; - background: #7b79ff; -} - -.c11:active { - border: 1px solid #4945ff; - background: #4945ff; -} - -.c11 svg > g, -.c11 svg path { - fill: #ffffff; -} - -.c27 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-text-decoration: none; - text-decoration: none; - color: #4945ff; - position: relative; - outline: none; -} - -.c27 svg path { - -webkit-transition: fill 150ms ease-out; - transition: fill 150ms ease-out; - fill: currentColor; -} - -.c27 svg { - font-size: 0.625rem; -} - -.c27 .c8 { - -webkit-transition: color 150ms ease-out; - transition: color 150ms ease-out; - color: currentColor; -} - -.c27:hover { - color: #7b79ff; -} - -.c27:active { - color: #271fe0; -} - -.c27:after { - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - border-radius: 8px; - content: ''; - position: absolute; - top: -4px; - bottom: -4px; - left: -4px; - right: -4px; - border: 2px solid transparent; -} - -.c27:focus-visible { - outline: none; -} - -.c27:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; -} - -.c29 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c22 { - display: grid; - grid-template-columns: repeat(12,1fr); - gap: 20px; -} - -.c23 { - grid-column: span 6; - max-width: 100%; -} - -.c1 { - display: grid; - grid-template-columns: 1fr; -} - -.c3 { - overflow-x: hidden; -} - -.c4:focus-visible { - outline: none; -} - -@media (max-width:68.75rem) { - .c23 { - grid-column: span 12; - } -} - -@media (max-width:34.375rem) { - .c23 { - grid-column: span; - } -} - -
-
-
-
-
-
-
-
-

- Overview -

-
- -
-

- Administration panel’s global information -

-
-
-
-
-
-

- Details -

-
-
-
-
- strapi version -
-
- v -
-
-
-
-
-
-
- current plan -
-
- Enterprise Edition -
-
- - - See all pricing plans - - - -
-
-
-
-
-
- node version -
-
-
-
-
-
-
-
-
-
-
-
-`; 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 1aef9b884a..e9e80366d4 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 @@ -65,14 +65,6 @@ describe('Application page', () => { afterAll(() => server.close()); - it('renders and matches the snapshot', async () => { - const { - container: { firstChild }, - } = render(App); - - expect(firstChild).toMatchSnapshot(); - }); - it('should not display link upgrade version if not necessary', () => { const { queryByText } = render(App);