Add visual test for add to cart button (#22489)

* Add visual test for add to cart button * Update screenshots for add to cart * Update screenshots for add to cart * Update screenshots for add to cart * Update plugins/Marketplace/tests/UI/Marketplace_spec.js Co-authored-by: Marc Neudert <[email protected]> * Change CSS to support older browsers, fix broken HTML * Build vue files * retrigger checks * Add images for screenshot tests * Delete old screenshots with incorrect name --------- Co-authored-by: Marc Neudert <[email protected]> Co-authored-by: caddoo <[email protected]>
matomo-org · Aug 9, 2024 · f8315a8 · f8315a8
1 parent 1f4a64c
commit f8315a8
Show file tree

Hide file tree

Showing 8 changed files with 76 additions and 59 deletions.
diff --git a/plugins/Marketplace/stylesheets/plugin-details.less b/plugins/Marketplace/stylesheets/plugin-details.less
@@ -525,11 +525,13 @@
                     color: #5bb75b;
                     font-size: 12px;
                     font-weight: bold;
-                    display: inline-block;
+                    display: flex;
                     text-align: right;
                     flex-grow: 1;
                     flex-shrink: 1;
+                    flex-wrap: wrap;
                     align-content: center;
+                    justify-content: flex-end;
                     padding-right: 1rem;
                 }
 

diff --git a/plugins/Marketplace/tests/UI/Marketplace_spec.js b/plugins/Marketplace/tests/UI/Marketplace_spec.js
@@ -186,6 +186,15 @@ describe("Marketplace", function () {
             await captureWithPluginDetails('paid_plugin_details_valid_license_' + mode + '_installed');
         });
 
+        it('should show an add to cart button with user selector', async function() {
+            setEnvironment(mode, noLicense);
+
+            var isFree = false;
+            await loadPluginDetailPage('Paid Plugin 1', isFree);
+
+            await captureWithPluginDetails('paid_plugin_details_add_to_cart_' + mode);
+        });
+
         it('should show paid plugin details when having valid license', async function() {
             setEnvironment(mode, exceededLicense);
 

diff --git a/...creenshots/Marketplace_paid_plugin_details_add_to_cart_multiUserEnvironment.png b/...creenshots/Marketplace_paid_plugin_details_add_to_cart_multiUserEnvironment.png
diff --git a/.../expected-screenshots/Marketplace_paid_plugin_details_add_to_cart_superuser.png b/.../expected-screenshots/Marketplace_paid_plugin_details_add_to_cart_superuser.png
diff --git a/...ts/UI/expected-screenshots/Marketplace_paid_plugin_details_add_to_cart_user.png b/...ts/UI/expected-screenshots/Marketplace_paid_plugin_details_add_to_cart_user.png
diff --git a/plugins/Marketplace/vue/dist/Marketplace.umd.js b/plugins/Marketplace/vue/dist/Marketplace.umd.js
diff --git a/plugins/Marketplace/vue/dist/Marketplace.umd.min.js b/plugins/Marketplace/vue/dist/Marketplace.umd.min.js
diff --git a/plugins/Marketplace/vue/src/PluginDetailsModal/PluginDetailsModal.vue b/plugins/Marketplace/vue/src/PluginDetailsModal/PluginDetailsModal.vue
@@ -267,7 +267,7 @@
                 numUsers
                 )}`"
               v-model="selectedPluginShopVariationUrl"
-              @change="changeSelectedPluginShopVariationUrl">
+              @change="changeSelectedPluginShopVariationUrl"
             >
               <option v-for="(variation, index) in plugin.shop.variations" :key="`var-${index}`"
                       :value="variation.addToCartUrl"