Saleor 3357 tests for orders (#1119)

* add tests for puchase by type

* add expect for isShippingRequired

* tests for adyen

* tests for adyen

* tests for adyen

* tests for adyen

* adyen

* adyen

* adyen

* adyen

* adyen

* warehouses in chcekout

* rm warehouses in chcekout

* adyen payments

* adyen

* tests for orders

* fix shipping

* unskipp

* orders

* add empty lines

* add empty lines and reduce

* add empty lines

cypress/apiRequests/Order.js

@@ -52,19 +52,25 @@ export function createDraftOrder(
     .sendRequestWithQuery(mutation)
     .its("body.data.draftOrderCreate.order");
 }
+
 export function completeOrder(orderId) {
   const mutation = `mutation{
     draftOrderComplete(id:"${orderId}"){
       order{
         id
+        number
+        lines{
+          id
+        }
       }
       orderErrors{
         message
       }
     }
   }`;
-  return cy.sendRequestWithQuery(mutation);
+  return cy.sendRequestWithQuery(mutation).its("body.data.draftOrderComplete");
 }
+
 export function getOrder(orderId) {
   const query = `query getOrder{
     order(id:"${orderId}"){
@@ -78,3 +84,30 @@ export function getOrder(orderId) {
   }`;
   cy.sendRequestWithQuery(query).its("body.data.order");
 }
+
+export function fulfillOrder({ orderId, warehouse, quantity, linesId }) {
+  const lines = linesId.reduce((lines, lineId) => {
+    const line = `{orderLineId:"${lineId.id}"
+      stocks:{
+        quantity:${quantity}
+        warehouse:"${warehouse}"
+      }
+    }`;
+    return lines + line;
+  }, "");
+  const mutation = `mutation fulfill{
+  orderFulfill(order:"${orderId}" input:{
+    lines:[${lines}]
+  }){
+    errors{
+      field
+      message
+    }
+    order{
+      id
+      number
+    }
+  }
+}`;
+  return cy.sendRequestWithQuery(mutation).its("body.data.orderFulfill");
+}

cypress/elements/orders/order-refund.js

@@ -0,0 +1,3 @@
+export const ORDER_REFUND = {
+  productsQuantityInput: '[data-test="quantityInput"]'
+};

cypress/elements/orders/orders-selectors.js

@@ -2,5 +2,9 @@ export const ORDERS_SELECTORS = {
   orders: "[data-test='submenu-item-label'][data-test-id='orders']",
   createOrder: "[data-test-id='create-order-button']",
   orderRow: "[data-test-id='order-table-row']",
-  salesChannel: "[data-test-id='order-sales-channel']"
+  salesChannel: "[data-test-id='order-sales-channel']",
+  cancelFulfillment: "[data-test-id='cancelFulfillmentButton']",
+  cancelFulfillmentSelectField: "[data-test-id='cancelFulfillmentSelectField']",
+  orderFulfillmentFrame: "[data-test-id='orderFulfillment']",
+  refundButton: '[data-test-id="refund-button"]'
 };

cypress/elements/shared/button-selectors.js

@@ -8,5 +8,6 @@ export const BUTTON_SELECTORS = {
   selectOption: "[data-test*='select-option']",
   notSelectedOption: ":not([aria-selected])",
   deleteButton: '[data-test="button-bar-delete"]',
-  expandIcon: '[data-test-id="expand-icon"]'
+  expandIcon: '[data-test-id="expand-icon"]',
+  showMoreButton: '[data-test-id="showMoreButton"]'
 };

cypress/elements/shared/sharedElements.js

@@ -1,5 +1,6 @@
 export const SHARED_ELEMENTS = {
   header: "[data-test-id='page-header']",
   progressBar: '[role="progressbar"]',
-  skeleton: '[data-test-id="skeleton"]'
+  skeleton: '[data-test-id="skeleton"]',
+  table: 'table[class*="Table"]'
 };

cypress/integration/allEnv/configuration/shippingMethod.js

@@ -8,6 +8,8 @@ import {
   addChannelToShippingZone
 } from "../../../apiRequests/ShippingMethod";
 import { createWarehouse } from "../../../apiRequests/Warehouse";
+import { BUTTON_SELECTORS } from "../../../elements/shared/button-selectors";
+import { SHARED_ELEMENTS } from "../../../elements/shared/sharedElements";
 import { SHIPPING_ZONE_DETAILS } from "../../../elements/shipping/shipping-zone-details";
 import { selectChannelInHeader } from "../../../steps/channelsSteps";
 import {
@@ -121,6 +123,12 @@ describe("Shipping methods", () => {
       )
       .then(() => {
         cy.addAliasToGraphRequest("ShippingZone");
+        cy.getTextFromElement(SHARED_ELEMENTS.table);
+      })
+      .then(tableText => {
+        if (!tableText.includes(shippingZone.name)) {
+          cy.get(BUTTON_SELECTORS.nextPaginationButton).click();
+        }
         cy.contains(shippingZone.name).click();
         cy.wait("@ShippingZone");
         selectChannelInHeader(defaultChannel.name);

cypress/integration/allEnv/homePage/homePageAnalitics.js

@@ -18,7 +18,7 @@ import * as shippingUtils from "../../../utils/shippingUtils";
 
 // <reference types="cypress" />
 describe("Homepage analytics", () => {
-  const startsWith = "CyHomeAnalytics-";
+  const startsWith = "CyHomeAnalytics";
 
   let customerId;
   let defaultChannel;
@@ -33,7 +33,7 @@ describe("Homepage analytics", () => {
   const productPrice = 22;
   const shippingPrice = 12;
   const randomName = startsWith + faker.datatype.number();
-  const randomEmail = randomName + "@example.com";
+  const randomEmail = `${startsWith}${randomName}@example.com`;
 
   before(() => {
     cy.clearSessionData().loginUserViaRequest();
@@ -109,13 +109,13 @@ describe("Homepage analytics", () => {
     homePageUtils
       .getOrdersReadyToFulfill(defaultChannel.slug)
       .as("ordersReadyToFulfill");
-    createReadyToFulfillOrder(
+    createReadyToFulfillOrder({
       customerId,
-      shippingMethod.id,
+      shippingMethodId: shippingMethod.id,
-      defaultChannel.id,
+      channelId: defaultChannel.id,
-      createdVariants,
+      variantsList: createdVariants,
-      addresses.plAddress
+      address: addresses.plAddress
-    );
+    });
     cy.get("@ordersReadyToFulfill").then(ordersReadyToFulfillBefore => {
       const allOrdersReadyToFulfill = ordersReadyToFulfillBefore + 1;
       const notANumberRegex = "\\D*";
@@ -130,6 +130,7 @@ describe("Homepage analytics", () => {
       ).should("be.visible");
     });
   });
+
   it("should correct amount of payments waiting for capture be displayed", () => {
     homePageUtils
       .getOrdersReadyForCapture(defaultChannel.slug)
@@ -157,6 +158,7 @@ describe("Homepage analytics", () => {
       ).should("be.visible");
     });
   });
+
   it("should correct amount of products out of stock be displayed", () => {
     homePageUtils
       .getProductsOutOfStock(defaultChannel.slug)
@@ -188,16 +190,17 @@ describe("Homepage analytics", () => {
       ).should("be.visible");
     });
   });
+
   it("should correct amount of sales be displayed", () => {
     homePageUtils.getSalesAmount(defaultChannel.slug).as("salesAmount");
 
-    createReadyToFulfillOrder(
+    createReadyToFulfillOrder({
       customerId,
-      shippingMethod.id,
+      shippingMethodId: shippingMethod.id,
-      defaultChannel.id,
+      channelId: defaultChannel.id,
-      createdVariants,
+      variantsList: createdVariants,
-      addresses.plAddress
+      address: addresses.plAddress
-    );
+    });
 
     cy.get("@salesAmount").then(salesAmount => {
       const totalAmount = salesAmount + productPrice;
@@ -205,10 +208,11 @@ describe("Homepage analytics", () => {
       const totalAmountIntegerValue = totalAmountString.split(".")[0];
       const totalAmountDecimalValue = totalAmountString.split(".")[1];
       const decimalSeparator = "[,.]";
-      const totalAmountIntegerWithThousandsSeparator = totalAmountIntegerValue.replace(
+      const totalAmountIntegerWithThousandsSeparator = new Intl.NumberFormat(
-        /(\d)(?=(\d{3})+(?!\d))/g,
+        "en"
-        "1[,.]*"
+      )
-      );
+        .format(totalAmountIntegerValue)
+        .replaceAll(",", "[,.]*");
       const totalAmountWithSeparators = `${totalAmountIntegerWithThousandsSeparator}${decimalSeparator}${totalAmountDecimalValue}`;
       const notANumberRegex = "\\D*";
       const salesAmountRegexp = new RegExp(
@@ -221,16 +225,17 @@ describe("Homepage analytics", () => {
       );
     });
   });
+
   it("should correct amount of orders be displayed", () => {
     homePageUtils.getTodaysOrders(defaultChannel.slug).as("todaysOrders");
 
-    createReadyToFulfillOrder(
+    createReadyToFulfillOrder({
       customerId,
-      shippingMethod.id,
+      shippingMethodId: shippingMethod.id,
-      defaultChannel.id,
+      channelId: defaultChannel.id,
-      createdVariants,
+      variantsList: createdVariants,
-      addresses.plAddress
+      address: addresses.plAddress
-    );
+    });
 
     cy.get("@todaysOrders").then(ordersBefore => {
       const allOrders = ordersBefore + 1;

cypress/integration/allEnv/orders/orders.js

@@ -5,12 +5,21 @@ import {
   createCustomer,
   deleteCustomersStartsWith
 } from "../../../apiRequests/Customer";
+import { getOrder } from "../../../apiRequests/Order";
+import { ORDER_REFUND } from "../../../elements/orders/order-refund";
 import { ORDERS_SELECTORS } from "../../../elements/orders/orders-selectors";
+import { BUTTON_SELECTORS } from "../../../elements/shared/button-selectors";
+import { SHARED_ELEMENTS } from "../../../elements/shared/sharedElements";
 import { selectChannelInPicker } from "../../../steps/channelsSteps";
 import { finalizeDraftOrder } from "../../../steps/draftOrderSteps";
+import { fillAutocompleteSelect } from "../../../steps/shared/autocompleteSelect";
 import { urlList } from "../../../url/urlList";
 import { getDefaultChannel } from "../../../utils/channelsUtils";
-import { createOrder } from "../../../utils/ordersUtils";
+import {
+  createFulfilledOrder,
+  createOrder,
+  createReadyToFulfillOrder
+} from "../../../utils/ordersUtils";
 import * as productsUtils from "../../../utils/products/productsUtils";
 import {
   createShipping,
@@ -98,6 +107,7 @@ describe("Orders", () => {
       );
     });
   });
+
   it("should not be possible to change channel in order", () => {
     createOrder({
       customerId: customer.id,
@@ -113,4 +123,69 @@ describe("Orders", () => {
         .should("not.exist");
     });
   });
+
+  it("should cancel fulfillment", () => {
+    let order;
+    createFulfilledOrder({
+      customerId: customer.id,
+      channelId: defaultChannel.id,
+      shippingMethodId: shippingMethod.id,
+      variantsList,
+      address,
+      warehouse: warehouse.id
+    })
+      .then(({ order: orderResp }) => {
+        order = orderResp;
+        cy.visit(urlList.orders);
+        cy.contains(ORDERS_SELECTORS.orderRow, order.number).click();
+        cy.get(SHARED_ELEMENTS.skeleton)
+          .should("not.exist")
+          .get(ORDERS_SELECTORS.orderFulfillmentFrame)
+          .find(BUTTON_SELECTORS.showMoreButton)
+          .click()
+          .get(ORDERS_SELECTORS.cancelFulfillment)
+          .click();
+      })
+      .then(() => {
+        fillAutocompleteSelect(
+          ORDERS_SELECTORS.cancelFulfillmentSelectField,
+          warehouse.name
+        );
+        cy.addAliasToGraphRequest("OrderFulfillmentCancel");
+        cy.get(BUTTON_SELECTORS.submit).click();
+        cy.wait("@OrderFulfillmentCancel");
+        getOrder(order.id);
+      })
+      .then(orderResp => {
+        expect(orderResp.status).to.be.eq("UNFULFILLED");
+      });
+  });
+
+  it("should make a refund", () => {
+    let order;
+    createReadyToFulfillOrder({
+      customerId: customer.id,
+      channelId: defaultChannel.id,
+      shippingMethodId: shippingMethod.id,
+      variantsList,
+      address
+    })
+      .then(({ order: orderResp }) => {
+        order = orderResp;
+        cy.visit(urlList.orders);
+        cy.contains(ORDERS_SELECTORS.orderRow, order.number).click();
+        cy.get(ORDERS_SELECTORS.refundButton)
+          .click()
+          .get(ORDER_REFUND.productsQuantityInput)
+          .type("1")
+          .addAliasToGraphRequest("OrderFulfillmentRefundProducts");
+        cy.get(BUTTON_SELECTORS.submit)
+          .click()
+          .wait("@OrderFulfillmentRefundProducts");
+        getOrder(order.id);
+      })
+      .then(orderResp => {
+        expect(orderResp.paymentStatus).to.be.eq("FULLY_REFUNDED");
+      });
+  });
 });

cypress/steps/shippingMethodSteps.js

@@ -1,4 +1,5 @@
 import { BUTTON_SELECTORS } from "../elements/shared/button-selectors";
+import { SHARED_ELEMENTS } from "../elements/shared/sharedElements";
 import { SHIPPING_RATE_DETAILS } from "../elements/shipping/shipping-rate-details";
 import { SHIPPING_ZONE_DETAILS } from "../elements/shipping/shipping-zone-details";
 import { SHIPPING_ZONES_LIST } from "../elements/shipping/shipping-zones-list";
@@ -42,6 +43,8 @@ export function createShippingZone(
 export function createShippingRate(rateName, price, rateOption) {
   cy.get(rateOption)
     .click()
+    .get(SHARED_ELEMENTS.progressBar)
+    .should("not.be.visible")
     .get(SHIPPING_RATE_DETAILS.inputName)
     .type(rateName)
     .get(SHIPPING_RATE_DETAILS.priceInput)

cypress/utils/ordersUtils.js

@@ -44,13 +44,13 @@ export function createCheckoutWithVoucher({
     .its("body.data.checkoutAddPromoCode");
 }
 
-export function createReadyToFulfillOrder(
+export function createReadyToFulfillOrder({
   customerId,
   shippingMethodId,
   channelId,
   variantsList,
   address
-) {
+}) {
   let order;
   return orderRequest
     .createDraftOrder(customerId, shippingMethodId, channelId, address)
@@ -62,6 +62,31 @@ export function createReadyToFulfillOrder(
     .then(() => orderRequest.completeOrder(order.id));
 }
 
+export function createFulfilledOrder({
+  customerId,
+  shippingMethodId,
+  channelId,
+  variantsList,
+  address,
+  warehouse,
+  quantity = 1
+}) {
+  return createReadyToFulfillOrder({
+    customerId,
+    shippingMethodId,
+    channelId,
+    variantsList,
+    address
+  }).then(({ order }) => {
+    orderRequest.fulfillOrder({
+      orderId: order.id,
+      warehouse,
+      quantity,
+      linesId: order.lines
+    });
+  });
+}
+
 export function createOrder({
   customerId,
   shippingMethodId,

src/components/CardMenu/CardMenu.tsx

@@ -90,6 +90,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
   return (
     <div className={className} {...rest}>
       <IconButton
+        data-test-id="showMoreButton"
         aria-label="More"
         aria-owns={open ? "long-menu" : null}
         aria-haspopup="true"
@@ -125,6 +126,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
                 >
                   {menuItems.map((menuItem, menuItemIndex) => (
                     <MenuItem
+                      data-test-id={menuItem.testId}
                       disabled={menuItem.disabled}
                       onClick={() => handleMenuClick(menuItemIndex)}
                       key={menuItem.label}

src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx

@@ -223,7 +223,7 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = props => {
               )}
             </div>
             <Grid>
-              <div>
+              <div data-test-id="orderFulfillment">
                 {!isOrderUnconfirmed ? (
                   <OrderUnfulfilledProductsCard
                     canFulfill={canFulfill}

src/orders/components/OrderFulfilledProductsCard/OrderFulfilledProductsCard.tsx

@@ -82,7 +82,8 @@ const OrderFulfilledProductsCard: React.FC<OrderFulfilledProductsCardProps> = pr
                       defaultMessage: "Cancel Fulfillment",
                       description: "button"
                     }),
-                    onSelect: onOrderFulfillmentCancel
+                    onSelect: onOrderFulfillmentCancel,
+                    testId: "cancelFulfillmentButton"
                   }
                 ]}
               />

src/orders/components/OrderFulfillmentCancelDialog/OrderFulfillmentCancelDialog.tsx

@@ -97,7 +97,10 @@ const OrderFulfillmentCancelDialog: React.FC<OrderFulfillmentCancelDialogProps>
                 <DialogContentText className={classes.paragraph}>
                   <FormattedMessage defaultMessage="Are you sure you want to cancel fulfillment? Canceling a fulfillment will restock products at a selected warehouse." />
                 </DialogContentText>
-                <div className={classes.selectCcontainer}>
+                <div
+                  className={classes.selectCcontainer}
+                  data-test-id="cancelFulfillmentSelectField"
+                >
                   <SingleAutocompleteSelectField
                     choices={choices}
                     displayValue={displayValue}
@@ -126,6 +129,7 @@ const OrderFulfillmentCancelDialog: React.FC<OrderFulfillmentCancelDialogProps>
                   <FormattedMessage {...buttonMessages.back} />
                 </Button>
                 <ConfirmButton
+                  data-test="submit"
                   disabled={formData.warehouseId === null}
                   transitionState={confirmButtonState}
                   variant="contained"

src/orders/components/OrderPayment/OrderPayment.tsx

@@ -297,7 +297,12 @@ const OrderPayment: React.FC<OrderPaymentProps> = props => {
                 </Button>
               )}
               {canRefund && (
-                <Button color="primary" variant="text" onClick={onRefund}>
+                <Button
+                  color="primary"
+                  variant="text"
+                  onClick={onRefund}
+                  data-test-id="refund-button"
+                >
                   <FormattedMessage
                     defaultMessage="Refund"
                     description="button"

src/storybook/__snapshots__/Stories.test.ts.snap

@@ -3669,6 +3669,7 @@ exports[`Storyshots Generics / Card menu default 1`] = `
       aria-haspopup="true"
       aria-label="More"
       class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+      data-test-id="showMoreButton"
       tabindex="0"
       type="button"
     >
@@ -68308,6 +68309,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -68386,6 +68388,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -68516,6 +68519,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                data-test-id="showMoreButton"
                 disabled=""
                 tabindex="-1"
                 type="button"
@@ -111313,6 +111317,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -111353,7 +111358,9 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -112997,6 +113004,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -113037,7 +113045,9 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -113231,6 +113241,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -113412,6 +113423,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -113757,6 +113769,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -114859,6 +114872,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -114899,7 +114913,9 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -115093,6 +115109,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -115274,6 +115291,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -115619,6 +115637,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -116702,6 +116721,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -116738,7 +116758,9 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -117314,6 +117336,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -117354,7 +117377,9 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -117548,6 +117573,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -117729,6 +117755,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -118074,6 +118101,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -119176,6 +119204,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -119216,7 +119245,9 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -119410,6 +119441,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -119591,6 +119623,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -119936,6 +119969,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -121038,6 +121072,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -121078,7 +121113,9 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -121272,6 +121309,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -121453,6 +121491,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -121798,6 +121837,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -122900,6 +122940,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -122940,7 +122981,9 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -123134,6 +123177,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -123315,6 +123359,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -123660,6 +123705,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -124762,6 +124808,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -124802,7 +124849,9 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -124996,6 +125045,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -125177,6 +125227,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -125522,6 +125573,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -126624,6 +126676,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -126664,7 +126717,9 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -126858,6 +126913,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -127039,6 +127095,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -127384,6 +127441,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -128486,6 +128544,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -128526,7 +128585,9 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -128720,6 +128781,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -128901,6 +128963,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -129246,6 +129309,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -130348,6 +130412,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -130388,7 +130453,9 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -130582,6 +130649,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -130763,6 +130831,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -131108,6 +131177,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -132210,6 +132280,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -132250,7 +132321,9 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -132444,6 +132517,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -132625,6 +132699,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -132970,6 +133045,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -134072,6 +134148,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                 aria-haspopup="true"
                 aria-label="More"
                 class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                data-test-id="showMoreButton"
                 tabindex="0"
                 type="button"
               >
@@ -134112,7 +134189,9 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
       <div
         class="Grid-root-id Grid-default-id"
       >
-        <div>
+        <div
+          data-test-id="orderFulfillment"
+        >
           <div
             class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
@@ -134306,6 +134385,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -134487,6 +134567,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                     aria-haspopup="true"
                     aria-label="More"
                     class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                    data-test-id="showMoreButton"
                     tabindex="0"
                     type="button"
                   >
@@ -134832,6 +134913,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
               </button>
               <button
                 class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+                data-test-id="refund-button"
                 tabindex="0"
                 type="button"
               >
@@ -135916,6 +135998,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -136610,6 +136693,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -136906,6 +136990,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -137581,6 +137666,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -137957,6 +138043,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -139759,6 +139846,7 @@ exports[`Storyshots Views / Orders / Order list limits reached 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -141606,6 +141694,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -142065,6 +142154,7 @@ exports[`Storyshots Views / Orders / Order list no limits 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -143867,6 +143957,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -183980,6 +184071,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -185759,6 +185851,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -187487,6 +187580,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -188963,6 +189057,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -195679,6 +195774,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -198369,6 +198465,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -201881,6 +201978,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                           aria-haspopup="true"
                           aria-label="More"
                           class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+                          data-test-id="showMoreButton"
                           tabindex="0"
                           type="button"
                         >
@@ -203129,6 +203227,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -205895,6 +205994,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -208707,6 +208807,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -209274,6 +209375,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -211580,6 +211682,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -211997,6 +212100,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >
@@ -214763,6 +214867,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
               aria-haspopup="true"
               aria-label="More"
               class="MuiButtonBase-root-id MuiIconButton-root-id CardMenu-iconButton-id MuiIconButton-colorPrimary-id"
+              data-test-id="showMoreButton"
               tabindex="0"
               type="button"
             >