diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js index af7add616b..298bcbac42 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js @@ -495,21 +495,6 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => { outline: none; } - .c3 { - margin: 0 auto; - width: 552px; - } - - .c5 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c6 { - height: 4.5rem; - } - .c22 { border: none; background: transparent; @@ -526,6 +511,21 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => { align-items: center; } + .c3 { + margin: 0 auto; + width: 552px; + } + + .c5 { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c6 { + height: 4.5rem; + } + .c23 svg { height: 1rem; width: 1rem; 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 f11aea25e2..ff5e074cab 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 @@ -512,21 +512,6 @@ describe('ADMIN | PAGES | AUTH | Register', () => { outline: none; } - .c10 { - margin: 0 auto; - width: 552px; - } - - .c13 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c14 { - height: 4.5rem; - } - .c32 { border: none; background: transparent; @@ -543,6 +528,21 @@ describe('ADMIN | PAGES | AUTH | Register', () => { align-items: center; } + .c10 { + margin: 0 auto; + width: 552px; + } + + .c13 { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c14 { + height: 4.5rem; + } + .c33 svg { height: 1rem; width: 1rem; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js index 0d72d9511f..bddf5f90c3 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js @@ -413,21 +413,6 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => { outline: none; } - .c11 { - margin: 0 auto; - width: 552px; - } - - .c13 { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c14 { - height: 4.5rem; - } - .c25 { border: none; background: transparent; @@ -444,6 +429,21 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => { align-items: center; } + .c11 { + margin: 0 auto; + width: 552px; + } + + .c13 { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c14 { + height: 4.5rem; + } + .c26 svg { height: 1rem; width: 1rem; 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 514de6d263..8f8cdc5d26 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 @@ -36,6 +36,29 @@ describe('Homepage', () => { } = render(App); expect(firstChild).toMatchInlineSnapshot(` + .c5 { + padding: 56px; + } + + .c8 { + padding-bottom: 56px; + padding-left: 24px; + } + + .c34 { + 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); + } + + .c35 { + padding-bottom: 32px; + } + .c18 { font-weight: 400; font-size: 0.875rem; @@ -300,29 +323,6 @@ describe('Homepage', () => { outline: none; } - .c5 { - padding: 56px; - } - - .c8 { - padding-bottom: 56px; - padding-left: 24px; - } - - .c34 { - 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); - } - - .c35 { - padding-bottom: 32px; - } - .c6 { display: grid; grid-template-columns: repeat(12,1fr); 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 21258d933f..79293a2f05 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 @@ -61,6 +61,16 @@ describe('ADMIN | Pages | Profile page', () => { }); expect(container.firstChild).toMatchInlineSnapshot(` + .c15 { + 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); + } + .c10 { font-weight: 500; font-size: 0.75rem; @@ -159,6 +169,148 @@ describe('ADMIN | Pages | Profile page', () => { background: #4945ff; } + .c30 { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + background: transparent; + border: none; + } + + .c30:focus { + outline: none; + } + + .c28 { + font-weight: 500; + font-size: 0.75rem; + line-height: 1.33; + color: #32324d; + } + + .c35 { + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #32324d; + } + + .c39 { + font-weight: 400; + font-size: 0.75rem; + line-height: 1.33; + color: #666687; + } + + .c34 { + padding-right: 16px; + padding-left: 16px; + } + + .c37 { + padding-left: 12px; + } + + .c31 { + 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; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c33 { + 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; + } + + .c27 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c27 > * { + margin-top: 0; + margin-bottom: 0; + } + + .c27 > * + * { + margin-top: 4px; + } + + .c29 { + position: relative; + border: 1px solid #dcdce4; + padding-right: 12px; + border-radius: 4px; + background: #ffffff; + overflow: hidden; + } + + .c29:focus-within { + border: 1px solid #4945ff; + } + + .c36 { + background: transparent; + border: none; + position: relative; + z-index: 1; + } + + .c36 svg { + height: 0.6875rem; + width: 0.6875rem; + } + + .c36 svg path { + fill: #666687; + } + + .c38 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background: none; + border: none; + } + + .c38 svg { + width: 0.375rem; + } + + .c32 { + min-height: 2.5rem; + } + .c14 { display: -webkit-box; display: -webkit-flex; @@ -314,16 +466,6 @@ describe('ADMIN | Pages | Profile page', () => { outline: none; } - .c15 { - 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); - } - .c1 { background: #f6f6f9; padding-top: 56px; @@ -399,148 +541,6 @@ describe('ADMIN | Pages | Profile page', () => { word-break: break-all; } - .c30 { - position: absolute; - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; - background: transparent; - border: none; - } - - .c30:focus { - outline: none; - } - - .c28 { - font-weight: 500; - font-size: 0.75rem; - line-height: 1.33; - color: #32324d; - } - - .c35 { - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - color: #32324d; - } - - .c39 { - font-weight: 400; - font-size: 0.75rem; - line-height: 1.33; - color: #666687; - } - - .c34 { - padding-right: 16px; - padding-left: 16px; - } - - .c37 { - padding-left: 12px; - } - - .c31 { - 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; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - - .c33 { - 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; - } - - .c27 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c27 > * { - margin-top: 0; - margin-bottom: 0; - } - - .c27 > * + * { - margin-top: 4px; - } - - .c29 { - position: relative; - border: 1px solid #dcdce4; - padding-right: 12px; - border-radius: 4px; - background: #ffffff; - overflow: hidden; - } - - .c29:focus-within { - border: 1px solid #4945ff; - } - - .c36 { - background: transparent; - border: none; - position: relative; - z-index: 1; - } - - .c36 svg { - height: 0.6875rem; - width: 0.6875rem; - } - - .c36 svg path { - fill: #666687; - } - - .c38 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background: none; - border: none; - } - - .c38 svg { - width: 0.375rem; - } - - .c32 { - min-height: 2.5rem; - } - @media (max-width:68.75rem) { .c19 { grid-column: span; 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 0fcd5fb5fb..7288300409 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 @@ -32,6 +32,20 @@ describe('Application page', () => { } = render(App); expect(firstChild).toMatchInlineSnapshot(` + .c11 { + background: #ffffff; + padding-top: 32px; + padding-right: 24px; + padding-bottom: 32px; + padding-left: 24px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + } + + .c26 { + padding-top: 4px; + } + .c12 { display: -webkit-box; display: -webkit-flex; @@ -158,20 +172,6 @@ describe('Application page', () => { outline: none; } - .c11 { - background: #ffffff; - padding-top: 32px; - padding-right: 24px; - padding-bottom: 32px; - padding-left: 24px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - } - - .c26 { - padding-top: 4px; - } - .c14 { padding-top: 4px; } diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js index df2893a2bb..cf715466ce 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js @@ -49,6 +49,13 @@ describe('Admin | containers | ListView', () => { } = render(App); expect(firstChild).toMatchInlineSnapshot(` + .c11 { + background: #ffffff; + padding: 24px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + } + .c14 { border: 0; -webkit-clip: rect(0 0 0 0); @@ -169,13 +176,6 @@ describe('Admin | containers | ListView', () => { outline: none; } - .c11 { - background: #ffffff; - padding: 24px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - } -
diff --git a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/__snapshots__/index.test.js.snap b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/__snapshots__/index.test.js.snap new file mode 100644 index 0000000000..bc2ffcb259 --- /dev/null +++ b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/__snapshots__/index.test.js.snap @@ -0,0 +1,383 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[` renders and matches the snapshot 1`] = ` +.c7 { + border: 0; + -webkit-clip: rect(0 0 0 0); + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.c0 { + padding: 4px; +} + +.c4 { + font-weight: 500; + font-size: 0.75rem; + line-height: 1.33; + color: #32324d; +} + +.c1 { + background: #f0f0ff; + color: #4945ff; + padding-right: 12px; + padding-left: 12px; +} + +.c6 { + padding-left: 8px; +} + +.c3 { + 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; +} + +.c2 { + border: 1px solid #d9d8ff; + border-radius: 4px; + height: 2rem; +} + +.c2 svg { + height: 0.5rem; + width: 0.5rem; +} + +.c2 svg path { + fill: #4945ff; +} + +.c5 { + border-right: 1px solid #d9d8ff; + padding-right: 8px; +} + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+

+

+

+
+`; diff --git a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js index 9d8ac9bfa5..3688cdb239 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js @@ -12,14 +12,18 @@ import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; import FilterListURLQuery from '../index'; -const messages = { - en: {}, -}; - const makeApp = (history, filtersSchema) => ( - + @@ -29,8 +33,56 @@ const makeApp = (history, filtersSchema) => ( describe('', () => { it('renders and matches the snapshot', () => { const history = createMemoryHistory(); - render(makeApp(history)); - // expect(firstChild).toMatchInlineSnapshot(); - // expect(true).toBe(true); + const filtersSchema = [ + { + name: 'bool', + metadatas: { label: 'bool' }, + fieldSchema: { type: 'boolean' }, + }, + { + name: 'date', + metadatas: { label: 'date' }, + fieldSchema: { type: 'date' }, + }, + { + name: 'enum', + metadatas: { label: 'enum' }, + fieldSchema: { type: 'enumeration', options: ['one', 'two', 'three'] }, + }, + { + name: 'long', + metadatas: { label: 'long' }, + fieldSchema: { type: 'string' }, + }, + { + name: 'many_to_one', + metadatas: { label: 'many_to_one' }, + fieldSchema: { + type: 'relation', + mainField: { + name: 'postal_code', + schema: { type: 'string', pluginOptions: { i18n: { localized: true } } }, + }, + }, + }, + { + name: 'number', + metadatas: { label: 'number' }, + fieldSchema: { type: 'integer' }, + }, + { + name: 'time', + metadatas: { label: 'time' }, + fieldSchema: { type: 'time' }, + }, + ]; + history.push({ + pathname: '/', + search: + 'sort=city&filters[$and][0][bool][$eq]=true&filters[$and][1][date][$eq]=2021-09-01&filters[$and][2][enum][$eq]=one&filters[$and][3][long][$eq]=test&filters[$and][4][many_to_one][postal_code][$eq]=test&filters[$and][5][number][$eq]=2&filters[$and][6][time][$contains]=00:45', + }); + const { container } = render(makeApp(history, filtersSchema)); + + expect(container).toMatchSnapshot(); }); });