From 6c585e5aa13d623f880e82cd6c94c4bcd162a8dc Mon Sep 17 00:00:00 2001 From: Mark Kaylor Date: Thu, 23 Jun 2022 11:06:02 +0200 Subject: [PATCH] update snapshots --- .../tests/__snapshots__/index.test.js.snap | 3921 +++++++++++++++++ .../pages/MarketplacePage/tests/index.test.js | 1695 +------ 2 files changed, 3930 insertions(+), 1686 deletions(-) create mode 100644 packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap new file mode 100644 index 0000000000..1b3fa54990 --- /dev/null +++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap @@ -0,0 +1,3921 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Marketplace page renders and matches the plugin tab snapshot 1`] = ` +.c17 { + padding-bottom: 16px; + width: 25%; +} + +.c29 { + padding-bottom: 16px; +} + +.c40 { + border-radius: 4px; + width: 64px; + height: 64px; +} + +.c41 { + padding-top: 16px; +} + +.c44 { + padding-top: 8px; +} + +.c60 { + margin-left: 4px; + width: 24px; + height: auto; +} + +.c61 { + padding-left: 16px; +} + +.c64 { + padding-top: 32px; +} + +.c57 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c54 { + padding-right: 8px; +} + +.c51 { + 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; +} + +.c51 svg { + height: 12px; + width: 12px; +} + +.c51 svg > g, +.c51 svg path { + fill: #ffffff; +} + +.c51[aria-disabled='true'] { + pointer-events: none; +} + +.c51: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; +} + +.c51:focus-visible { + outline: none; +} + +.c51:focus-visible:after { + border-radius: 8px; + content: ''; + position: absolute; + top: -5px; + bottom: -5px; + left: -5px; + right: -5px; + border: 2px solid #4945ff; +} + +.c55 { + height: 100%; +} + +.c52 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 8px 16px; + background: #4945ff; + border: 1px solid #4945ff; + border: 1px solid #d9d8ff; + background: #f0f0ff; +} + +.c52 .c53 { + 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; +} + +.c52 .c56 { + color: #ffffff; +} + +.c52[aria-disabled='true'] { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c52[aria-disabled='true'] .c56 { + color: #666687; +} + +.c52[aria-disabled='true'] svg > g, +.c52[aria-disabled='true'] svg path { + fill: #666687; +} + +.c52[aria-disabled='true']:active { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c52[aria-disabled='true']:active .c56 { + color: #666687; +} + +.c52[aria-disabled='true']:active svg > g, +.c52[aria-disabled='true']:active svg path { + fill: #666687; +} + +.c52:hover { + background-color: #ffffff; +} + +.c52:active { + background-color: #ffffff; + border: 1px solid #4945ff; +} + +.c52:active .c56 { + color: #4945ff; +} + +.c52:active svg > g, +.c52:active svg path { + fill: #4945ff; +} + +.c52 .c56 { + color: #271fe0; +} + +.c52 svg > g, +.c52 svg path { + fill: #271fe0; +} + +.c38 { + background: #ffffff; + padding-top: 16px; + padding-right: 16px; + padding-bottom: 16px; + padding-left: 16px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + height: 100%; +} + +.c65 { + background: #ffffff; + padding: 24px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c66 { + background: #f6ecfc; + padding: 12px; + border-radius: 4px; +} + +.c39 { + -webkit-align-items: normal; + -webkit-box-align: normal; + -ms-flex-align: normal; + align-items: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.c43 { + -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; +} + +.c58 { + color: #328048; + margin-left: 8px; +} + +.c62 { + color: #328048; + margin-right: 8px; + width: 12; + height: 12; +} + +.c72 { + color: #666687; + margin-left: 8px; + width: 12px; + height: 12px; +} + +.c59 path { + fill: #328048; +} + +.c73 path { + fill: #666687; +} + +.c25 { + padding-right: 8px; + padding-left: 12px; +} + +.c21 { + -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; +} + +.c23 { + -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; +} + +.c20 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c28 { + border: none; + border-radius: 4px; + padding-bottom: 0.65625rem; + padding-left: 0; + padding-right: 16px; + padding-top: 0.65625rem; + color: #32324d; + font-weight: 400; + font-size: 0.875rem; + display: block; + width: 100%; + background: inherit; +} + +.c28::-webkit-input-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28::-moz-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28:-ms-input-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28::placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28[aria-disabled='true'] { + color: inherit; +} + +.c28:focus { + outline: none; + box-shadow: none; +} + +.c24 { + border: 1px solid #dcdce4; + border-radius: 4px; + background: #ffffff; + outline: none; + box-shadow: 0; + -webkit-transition-property: border-color,box-shadow,fill; + transition-property: border-color,box-shadow,fill; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +.c24:focus-within { + border: 1px solid #4945ff; + box-shadow: #4945ff 0px 0px 0px 2px; +} + +.c19 { + 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; +} + +.c27 { + font-size: 0.8rem; +} + +.c27 svg path { + fill: #32324d; +} + +.c18 { + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + outline: none; + box-shadow: 0; + -webkit-transition-property: border-color,box-shadow,fill; + transition-property: border-color,box-shadow,fill; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +.c18:focus-within .c26 svg path { + fill: #4945ff; +} + +.c18 .c22 { + border: 1px solid transparent; +} + +.c18 .c22:focus-within { + border: 1px solid #4945ff; + box-shadow: #4945ff 0px 0px 0px 2px; +} + +.c47 { + padding-top: 24px; +} + +.c48 { + -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; +} + +.c68 { + -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; +} + +.c69 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c49 > * { + margin-left: 0; + margin-right: 0; +} + +.c49 > * + * { + margin-left: 8px; +} + +.c42 { + color: #32324d; + font-weight: 500; + font-size: 1rem; + line-height: 1.25; +} + +.c45 { + color: #666687; + font-size: 0.875rem; + line-height: 1.43; +} + +.c63 { + font-weight: 600; + color: #328048; + font-size: 0.875rem; + line-height: 1.43; +} + +.c70 { + font-weight: 500; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c14 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c12 { + padding-right: 8px; +} + +.c50 { + padding-left: 8px; +} + +.c9 { + 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; +} + +.c9 svg { + height: 12px; + width: 12px; +} + +.c9 svg > g, +.c9 svg path { + fill: #ffffff; +} + +.c9[aria-disabled='true'] { + pointer-events: none; +} + +.c9: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; +} + +.c9:focus-visible { + outline: none; +} + +.c9:focus-visible:after { + border-radius: 8px; + content: ''; + position: absolute; + top: -5px; + bottom: -5px; + left: -5px; + right: -5px; + border: 2px solid #4945ff; +} + +.c8 { + cursor: pointer; +} + +.c10 { + padding: 8px 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; +} + +.c10 .c11 { + 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; +} + +.c10 .c13 { + color: #ffffff; +} + +.c10[aria-disabled='true'] { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c10[aria-disabled='true'] .c13 { + color: #666687; +} + +.c10[aria-disabled='true'] svg > g, +.c10[aria-disabled='true'] svg path { + fill: #666687; +} + +.c10[aria-disabled='true']:active { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c10[aria-disabled='true']:active .c13 { + color: #666687; +} + +.c10[aria-disabled='true']:active svg > g, +.c10[aria-disabled='true']:active svg path { + fill: #666687; +} + +.c10:hover { + background-color: #f6f6f9; +} + +.c10:active { + background-color: #eaeaef; +} + +.c10 .c13 { + color: #32324d; +} + +.c10 svg > g, +.c10 svg path { + fill: #32324d; +} + +.c67 { + margin-right: 24px; +} + +.c67 svg { + width: 2rem; + height: 2rem; +} + +.c71 { + word-break: break-all; +} + +.c1 { + padding-bottom: 56px; +} + +.c4 { + background: #f6f6f9; + padding-top: 40px; + padding-right: 56px; + padding-bottom: 40px; + padding-left: 56px; +} + +.c16 { + padding-right: 56px; + padding-left: 56px; +} + +.c0 { + display: grid; + grid-template-columns: 1fr; +} + +.c2 { + overflow-x: hidden; +} + +.c5 { + -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; +} + +.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; +} + +.c7 { + color: #32324d; + font-weight: 600; + font-size: 2rem; + line-height: 1.25; +} + +.c15 { + color: #666687; + font-size: 1rem; + line-height: 1.5; +} + +.c3:focus-visible { + outline: none; +} + +.c33 { + color: #4945ff; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; +} + +.c35 { + color: #666687; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; +} + +.c31 { + padding: 16px; +} + +.c32 { + border-bottom: 2px solid #4945ff; +} + +.c34 { + border-bottom: 2px solid transparent; +} + +.c30[aria-disabled='true'] { + cursor: not-allowed; +} + +.c36 { + display: grid; + grid-template-columns: repeat(12,1fr); + gap: 16px; +} + +.c37 { + grid-column: span 4; + max-width: 100%; +} + +.c46 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} + +@media (max-width:68.75rem) { + .c37 { + grid-column: span 6; + } +} + +@media (max-width:34.375rem) { + .c37 { + grid-column: span 12; + } +} + +
+
+
+
+
+
+
+

+ Marketplace +

+
+ + + + Submit plugin + + +
+

+ Get more out of Strapi +

+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ Comments logo +
+

+
+ Comments +
+

+
+
+

+ Powerful Strapi based comments moderation tool for you and your users +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Config Sync logo +
+

+
+ Config Sync + +
+ + + +
+ +
+

+
+
+

+ Migrate your config data across environments using the CLI or Strapi admin panel. +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Content Versioning logo +
+

+
+ Content Versioning +
+

+
+
+

+ This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅ +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Documentation logo +
+

+
+ Documentation + +
+ Made by Strapi +
+ +
+

+
+
+

+ Create an OpenAPI Document and visualize your API with SWAGGER UI +

+
+
+
+ + + Learn more + + + +
+ + + + + Installed + +
+
+
+
+
+
+
+
+
+ Transformer logo +
+

+
+ Transformer +
+

+
+
+

+ A plugin for Strapi Headless CMS that provides the ability to transform the API response. +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+
+ +
+
+ + + + +
+
+
+ + Documentation + + + + +
+ + Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration! + +
+
+ +
+
+
+
+
+`; + +exports[`Marketplace page renders and matches the provider tab snapshot 1`] = ` +.c17 { + padding-bottom: 16px; + width: 25%; +} + +.c29 { + padding-bottom: 16px; +} + +.c40 { + border-radius: 4px; + width: 64px; + height: 64px; +} + +.c41 { + padding-top: 16px; +} + +.c45 { + padding-top: 8px; +} + +.c44 { + margin-left: 4px; + width: 24px; + height: auto; +} + +.c59 { + padding-top: 32px; +} + +.c58 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c55 { + padding-right: 8px; +} + +.c52 { + 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; +} + +.c52 svg { + height: 12px; + width: 12px; +} + +.c52 svg > g, +.c52 svg path { + fill: #ffffff; +} + +.c52[aria-disabled='true'] { + pointer-events: none; +} + +.c52: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; +} + +.c52:focus-visible { + outline: none; +} + +.c52:focus-visible:after { + border-radius: 8px; + content: ''; + position: absolute; + top: -5px; + bottom: -5px; + left: -5px; + right: -5px; + border: 2px solid #4945ff; +} + +.c56 { + height: 100%; +} + +.c53 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 8px 16px; + background: #4945ff; + border: 1px solid #4945ff; + border: 1px solid #d9d8ff; + background: #f0f0ff; +} + +.c53 .c54 { + 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; +} + +.c53 .c57 { + color: #ffffff; +} + +.c53[aria-disabled='true'] { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c53[aria-disabled='true'] .c57 { + color: #666687; +} + +.c53[aria-disabled='true'] svg > g, +.c53[aria-disabled='true'] svg path { + fill: #666687; +} + +.c53[aria-disabled='true']:active { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c53[aria-disabled='true']:active .c57 { + color: #666687; +} + +.c53[aria-disabled='true']:active svg > g, +.c53[aria-disabled='true']:active svg path { + fill: #666687; +} + +.c53:hover { + background-color: #ffffff; +} + +.c53:active { + background-color: #ffffff; + border: 1px solid #4945ff; +} + +.c53:active .c57 { + color: #4945ff; +} + +.c53:active svg > g, +.c53:active svg path { + fill: #4945ff; +} + +.c53 .c57 { + color: #271fe0; +} + +.c53 svg > g, +.c53 svg path { + fill: #271fe0; +} + +.c38 { + background: #ffffff; + padding-top: 16px; + padding-right: 16px; + padding-bottom: 16px; + padding-left: 16px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + height: 100%; +} + +.c60 { + background: #ffffff; + padding: 24px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c61 { + background: #f6ecfc; + padding: 12px; + border-radius: 4px; +} + +.c39 { + -webkit-align-items: normal; + -webkit-box-align: normal; + -ms-flex-align: normal; + align-items: normal; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.c43 { + -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; +} + +.c67 { + color: #666687; + margin-left: 8px; + width: 12px; + height: 12px; +} + +.c68 path { + fill: #666687; +} + +.c25 { + padding-right: 8px; + padding-left: 12px; +} + +.c21 { + -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; +} + +.c23 { + -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; +} + +.c20 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c28 { + border: none; + border-radius: 4px; + padding-bottom: 0.65625rem; + padding-left: 0; + padding-right: 16px; + padding-top: 0.65625rem; + color: #32324d; + font-weight: 400; + font-size: 0.875rem; + display: block; + width: 100%; + background: inherit; +} + +.c28::-webkit-input-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28::-moz-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28:-ms-input-placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28::placeholder { + color: #8e8ea9; + opacity: 1; +} + +.c28[aria-disabled='true'] { + color: inherit; +} + +.c28:focus { + outline: none; + box-shadow: none; +} + +.c24 { + border: 1px solid #dcdce4; + border-radius: 4px; + background: #ffffff; + outline: none; + box-shadow: 0; + -webkit-transition-property: border-color,box-shadow,fill; + transition-property: border-color,box-shadow,fill; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +.c24:focus-within { + border: 1px solid #4945ff; + box-shadow: #4945ff 0px 0px 0px 2px; +} + +.c19 { + 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; +} + +.c27 { + font-size: 0.8rem; +} + +.c27 svg path { + fill: #32324d; +} + +.c18 { + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + outline: none; + box-shadow: 0; + -webkit-transition-property: border-color,box-shadow,fill; + transition-property: border-color,box-shadow,fill; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +.c18:focus-within .c26 svg path { + fill: #4945ff; +} + +.c18 .c22 { + border: 1px solid transparent; +} + +.c18 .c22:focus-within { + border: 1px solid #4945ff; + box-shadow: #4945ff 0px 0px 0px 2px; +} + +.c48 { + padding-top: 24px; +} + +.c49 { + -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; +} + +.c63 { + -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; +} + +.c64 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c50 > * { + margin-left: 0; + margin-right: 0; +} + +.c50 > * + * { + margin-left: 8px; +} + +.c42 { + color: #32324d; + font-weight: 500; + font-size: 1rem; + line-height: 1.25; +} + +.c46 { + color: #666687; + font-size: 0.875rem; + line-height: 1.43; +} + +.c65 { + font-weight: 500; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c14 { + font-weight: 600; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; +} + +.c12 { + padding-right: 8px; +} + +.c51 { + padding-left: 8px; +} + +.c9 { + 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; +} + +.c9 svg { + height: 12px; + width: 12px; +} + +.c9 svg > g, +.c9 svg path { + fill: #ffffff; +} + +.c9[aria-disabled='true'] { + pointer-events: none; +} + +.c9: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; +} + +.c9:focus-visible { + outline: none; +} + +.c9:focus-visible:after { + border-radius: 8px; + content: ''; + position: absolute; + top: -5px; + bottom: -5px; + left: -5px; + right: -5px; + border: 2px solid #4945ff; +} + +.c8 { + cursor: pointer; +} + +.c10 { + padding: 8px 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; +} + +.c10 .c11 { + 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; +} + +.c10 .c13 { + color: #ffffff; +} + +.c10[aria-disabled='true'] { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c10[aria-disabled='true'] .c13 { + color: #666687; +} + +.c10[aria-disabled='true'] svg > g, +.c10[aria-disabled='true'] svg path { + fill: #666687; +} + +.c10[aria-disabled='true']:active { + border: 1px solid #dcdce4; + background: #eaeaef; +} + +.c10[aria-disabled='true']:active .c13 { + color: #666687; +} + +.c10[aria-disabled='true']:active svg > g, +.c10[aria-disabled='true']:active svg path { + fill: #666687; +} + +.c10:hover { + background-color: #f6f6f9; +} + +.c10:active { + background-color: #eaeaef; +} + +.c10 .c13 { + color: #32324d; +} + +.c10 svg > g, +.c10 svg path { + fill: #32324d; +} + +.c62 { + margin-right: 24px; +} + +.c62 svg { + width: 2rem; + height: 2rem; +} + +.c66 { + word-break: break-all; +} + +.c1 { + padding-bottom: 56px; +} + +.c4 { + background: #f6f6f9; + padding-top: 40px; + padding-right: 56px; + padding-bottom: 40px; + padding-left: 56px; +} + +.c16 { + padding-right: 56px; + padding-left: 56px; +} + +.c0 { + display: grid; + grid-template-columns: 1fr; +} + +.c2 { + overflow-x: hidden; +} + +.c5 { + -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; +} + +.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; +} + +.c7 { + color: #32324d; + font-weight: 600; + font-size: 2rem; + line-height: 1.25; +} + +.c15 { + color: #666687; + font-size: 1rem; + line-height: 1.5; +} + +.c3:focus-visible { + outline: none; +} + +.c35 { + color: #4945ff; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; +} + +.c33 { + color: #666687; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; +} + +.c31 { + padding: 16px; +} + +.c34 { + border-bottom: 2px solid #4945ff; +} + +.c32 { + border-bottom: 2px solid transparent; +} + +.c30[aria-disabled='true'] { + cursor: not-allowed; +} + +.c36 { + display: grid; + grid-template-columns: repeat(12,1fr); + gap: 16px; +} + +.c37 { + grid-column: span 4; + max-width: 100%; +} + +.c47 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} + +@media (max-width:68.75rem) { + .c37 { + grid-column: span 6; + } +} + +@media (max-width:34.375rem) { + .c37 { + grid-column: span 12; + } +} + +
+
+
+
+
+
+
+

+ Marketplace +

+
+ + + + Submit provider + + +
+

+ Get more out of Strapi +

+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ Amazon Ses logo +
+

+
+ Amazon Ses + +
+ Made by Strapi +
+ +
+

+
+
+

+ Amazon Ses provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ AWS S3 logo +
+

+
+ AWS S3 + +
+ Made by Strapi +
+ +
+

+
+
+

+ AWS S3 provider for Strapi uploads +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Cloudinary logo +
+

+
+ Cloudinary + +
+ Made by Strapi +
+ +
+

+
+
+

+ Cloudinary provider for Strapi uploads +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Local Upload logo +
+

+
+ Local Upload + +
+ Made by Strapi +
+ +
+

+
+
+

+ Local upload provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Mailgun logo +
+

+
+ Mailgun + +
+ Made by Strapi +
+ +
+

+
+
+

+ Mailgun provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Nodemailer logo +
+

+
+ Nodemailer + +
+ Made by Strapi +
+ +
+

+
+
+

+ Nodemailer provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Rackspace logo +
+

+
+ Rackspace + +
+ Made by Strapi +
+ +
+

+
+
+

+ Rackspace provider for Strapi uploads +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ SendGrid logo +
+

+
+ SendGrid + +
+ Made by Strapi +
+ +
+

+
+
+

+ SendGrid provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+ Sendmail logo +
+

+
+ Sendmail + +
+ Made by Strapi +
+ +
+

+
+
+

+ Sendmail provider for Strapi +

+
+
+
+ + + Learn more + + + + +
+
+
+
+
+
+
+
+
+ +
+
+ + + + +
+
+
+ + Documentation + + + + +
+ + Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration! + +
+
+ +
+
+
+
+
+`; diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js index 3e42addd7c..f62ec4b939 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js @@ -57,1698 +57,21 @@ describe('Marketplace page', () => { afterAll(() => server.close()); - it('renders and matches the snapshot', async () => { + it('renders and matches the plugin tab snapshot', async () => { const { container, getByTestId, getByRole } = render(App); await waitForElementToBeRemoved(() => getByTestId('loader')); await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument()); - expect(container.firstChild).toMatchInlineSnapshot(` - .c17 { - padding-bottom: 16px; - width: 25%; - } + expect(container.firstChild).toMatchSnapshot(); + }); - .c29 { - padding-bottom: 16px; - } + it('renders and matches the provider tab snapshot', async () => { + const { container, getByRole } = render(App); + await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument()); + const providersTab = screen.getByRole('tab', { selected: false }); + fireEvent.click(providersTab); - .c40 { - border-radius: 4px; - width: 64px; - height: 64px; - } - - .c41 { - padding-top: 16px; - } - - .c44 { - padding-top: 8px; - } - - .c60 { - margin-left: 4px; - width: 24px; - height: auto; - } - - .c61 { - padding-left: 16px; - } - - .c64 { - padding-top: 32px; - } - - .c57 { - font-weight: 600; - color: #32324d; - font-size: 0.75rem; - line-height: 1.33; - } - - .c54 { - padding-right: 8px; - } - - .c51 { - 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; - } - - .c51 svg { - height: 12px; - width: 12px; - } - - .c51 svg > g, - .c51 svg path { - fill: #ffffff; - } - - .c51[aria-disabled='true'] { - pointer-events: none; - } - - .c51: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; - } - - .c51:focus-visible { - outline: none; - } - - .c51:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; - } - - .c55 { - height: 100%; - } - - .c52 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 8px 16px; - background: #4945ff; - border: 1px solid #4945ff; - border: 1px solid #d9d8ff; - background: #f0f0ff; - } - - .c52 .c53 { - 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; - } - - .c52 .c56 { - color: #ffffff; - } - - .c52[aria-disabled='true'] { - border: 1px solid #dcdce4; - background: #eaeaef; - } - - .c52[aria-disabled='true'] .c56 { - color: #666687; - } - - .c52[aria-disabled='true'] svg > g, - .c52[aria-disabled='true'] svg path { - fill: #666687; - } - - .c52[aria-disabled='true']:active { - border: 1px solid #dcdce4; - background: #eaeaef; - } - - .c52[aria-disabled='true']:active .c56 { - color: #666687; - } - - .c52[aria-disabled='true']:active svg > g, - .c52[aria-disabled='true']:active svg path { - fill: #666687; - } - - .c52:hover { - background-color: #ffffff; - } - - .c52:active { - background-color: #ffffff; - border: 1px solid #4945ff; - } - - .c52:active .c56 { - color: #4945ff; - } - - .c52:active svg > g, - .c52:active svg path { - fill: #4945ff; - } - - .c52 .c56 { - color: #271fe0; - } - - .c52 svg > g, - .c52 svg path { - fill: #271fe0; - } - - .c38 { - background: #ffffff; - padding-top: 16px; - padding-right: 16px; - padding-bottom: 16px; - padding-left: 16px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - height: 100%; - } - - .c65 { - background: #ffffff; - padding: 24px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - } - - .c66 { - background: #f6ecfc; - padding: 12px; - border-radius: 4px; - } - - .c39 { - -webkit-align-items: normal; - -webkit-box-align: normal; - -ms-flex-align: normal; - align-items: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } - - .c43 { - -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; - } - - .c58 { - color: #328048; - margin-left: 8px; - } - - .c62 { - color: #328048; - margin-right: 8px; - width: 12; - height: 12; - } - - .c72 { - color: #666687; - margin-left: 8px; - width: 12px; - height: 12px; - } - - .c59 path { - fill: #328048; - } - - .c73 path { - fill: #666687; - } - - .c25 { - padding-right: 8px; - padding-left: 12px; - } - - .c21 { - -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; - } - - .c23 { - -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; - } - - .c20 { - font-weight: 600; - color: #32324d; - font-size: 0.75rem; - line-height: 1.33; - } - - .c28 { - border: none; - border-radius: 4px; - padding-bottom: 0.65625rem; - padding-left: 0; - padding-right: 16px; - padding-top: 0.65625rem; - color: #32324d; - font-weight: 400; - font-size: 0.875rem; - display: block; - width: 100%; - background: inherit; - } - - .c28::-webkit-input-placeholder { - color: #8e8ea9; - opacity: 1; - } - - .c28::-moz-placeholder { - color: #8e8ea9; - opacity: 1; - } - - .c28:-ms-input-placeholder { - color: #8e8ea9; - opacity: 1; - } - - .c28::placeholder { - color: #8e8ea9; - opacity: 1; - } - - .c28[aria-disabled='true'] { - color: inherit; - } - - .c28:focus { - outline: none; - box-shadow: none; - } - - .c24 { - border: 1px solid #dcdce4; - border-radius: 4px; - background: #ffffff; - outline: none; - box-shadow: 0; - -webkit-transition-property: border-color,box-shadow,fill; - transition-property: border-color,box-shadow,fill; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - } - - .c24:focus-within { - border: 1px solid #4945ff; - box-shadow: #4945ff 0px 0px 0px 2px; - } - - .c19 { - 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; - } - - .c27 { - font-size: 0.8rem; - } - - .c27 svg path { - fill: #32324d; - } - - .c18 { - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - outline: none; - box-shadow: 0; - -webkit-transition-property: border-color,box-shadow,fill; - transition-property: border-color,box-shadow,fill; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - } - - .c18:focus-within .c26 svg path { - fill: #4945ff; - } - - .c18 .c22 { - border: 1px solid transparent; - } - - .c18 .c22:focus-within { - border: 1px solid #4945ff; - box-shadow: #4945ff 0px 0px 0px 2px; - } - - .c47 { - padding-top: 24px; - } - - .c48 { - -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; - } - - .c68 { - -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; - } - - .c69 > * { - margin-top: 0; - margin-bottom: 0; - } - - .c49 > * { - margin-left: 0; - margin-right: 0; - } - - .c49 > * + * { - margin-left: 8px; - } - - .c42 { - color: #32324d; - font-weight: 500; - font-size: 1rem; - line-height: 1.25; - } - - .c45 { - color: #666687; - font-size: 0.875rem; - line-height: 1.43; - } - - .c63 { - font-weight: 600; - color: #328048; - font-size: 0.875rem; - line-height: 1.43; - } - - .c70 { - font-weight: 500; - color: #32324d; - font-size: 0.75rem; - line-height: 1.33; - } - - .c14 { - font-weight: 600; - color: #32324d; - font-size: 0.75rem; - line-height: 1.33; - } - - .c12 { - padding-right: 8px; - } - - .c50 { - padding-left: 8px; - } - - .c9 { - 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; - } - - .c9 svg { - height: 12px; - width: 12px; - } - - .c9 svg > g, - .c9 svg path { - fill: #ffffff; - } - - .c9[aria-disabled='true'] { - pointer-events: none; - } - - .c9: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; - } - - .c9:focus-visible { - outline: none; - } - - .c9:focus-visible:after { - border-radius: 8px; - content: ''; - position: absolute; - top: -5px; - bottom: -5px; - left: -5px; - right: -5px; - border: 2px solid #4945ff; - } - - .c8 { - cursor: pointer; - } - - .c10 { - padding: 8px 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; - } - - .c10 .c11 { - 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; - } - - .c10 .c13 { - color: #ffffff; - } - - .c10[aria-disabled='true'] { - border: 1px solid #dcdce4; - background: #eaeaef; - } - - .c10[aria-disabled='true'] .c13 { - color: #666687; - } - - .c10[aria-disabled='true'] svg > g, - .c10[aria-disabled='true'] svg path { - fill: #666687; - } - - .c10[aria-disabled='true']:active { - border: 1px solid #dcdce4; - background: #eaeaef; - } - - .c10[aria-disabled='true']:active .c13 { - color: #666687; - } - - .c10[aria-disabled='true']:active svg > g, - .c10[aria-disabled='true']:active svg path { - fill: #666687; - } - - .c10:hover { - background-color: #f6f6f9; - } - - .c10:active { - background-color: #eaeaef; - } - - .c10 .c13 { - color: #32324d; - } - - .c10 svg > g, - .c10 svg path { - fill: #32324d; - } - - .c67 { - margin-right: 24px; - } - - .c67 svg { - width: 2rem; - height: 2rem; - } - - .c71 { - word-break: break-all; - } - - .c1 { - padding-bottom: 56px; - } - - .c4 { - background: #f6f6f9; - padding-top: 40px; - padding-right: 56px; - padding-bottom: 40px; - padding-left: 56px; - } - - .c16 { - padding-right: 56px; - padding-left: 56px; - } - - .c0 { - display: grid; - grid-template-columns: 1fr; - } - - .c2 { - overflow-x: hidden; - } - - .c5 { - -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; - } - - .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; - } - - .c7 { - color: #32324d; - font-weight: 600; - font-size: 2rem; - line-height: 1.25; - } - - .c15 { - color: #666687; - font-size: 1rem; - line-height: 1.5; - } - - .c3:focus-visible { - outline: none; - } - - .c33 { - color: #4945ff; - font-weight: 600; - font-size: 0.6875rem; - line-height: 1.45; - text-transform: uppercase; - } - - .c35 { - color: #666687; - font-weight: 600; - font-size: 0.6875rem; - line-height: 1.45; - text-transform: uppercase; - } - - .c31 { - padding: 16px; - } - - .c32 { - border-bottom: 2px solid #4945ff; - } - - .c34 { - border-bottom: 2px solid transparent; - } - - .c30[aria-disabled='true'] { - cursor: not-allowed; - } - - .c36 { - display: grid; - grid-template-columns: repeat(12,1fr); - gap: 16px; - } - - .c37 { - grid-column: span 4; - max-width: 100%; - } - - .c46 { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - overflow: hidden; - } - - @media (max-width:68.75rem) { - .c37 { - grid-column: span 6; - } - } - - @media (max-width:34.375rem) { - .c37 { - grid-column: span 12; - } - } - -
-
-
-
-
-
-
-

- Marketplace -

-
- - - - Submit plugin - - -
-

- Get more out of Strapi -

-
-
-
-
-
-
-
- -
-
-
-
- -
-
- -
-
-
-
-
-
-
- - -
-
-
-
-
-
-
-
-
- Comments logo -
-

-
- Comments -
-

-
-
-

- Powerful Strapi based comments moderation tool for you and your users -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
- Config Sync logo -
-

-
- Config Sync - -
- - - -
- -
-

-
-
-

- Migrate your config data across environments using the CLI or Strapi admin panel. -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
- Content Versioning logo -
-

-
- Content Versioning -
-

-
-
-

- This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅ -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
- Documentation logo -
-

-
- Documentation - -
- Made by Strapi -
- -
-

-
-
-

- Create an OpenAPI Document and visualize your API with SWAGGER UI -

-
-
-
- - - Learn more - - - -
- - - - - Installed - -
-
-
-
-
-
-
-
-
- Transformer logo -
-

-
- Transformer -
-

-
-
-

- A plugin for Strapi Headless CMS that provides the ability to transform the API response. -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
-
- -
-
- - - - -
-
-
- - Documentation - - - - -
- - Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration! - -
-
- -
-
-
-
-
- `); + expect(container.firstChild).toMatchSnapshot(); }); it('sends a single tracking event when the user enters the marketplace', () => {