fix: allow checkout.com with and without auto capture

Author: malessani

package.json

@@ -75,7 +75,7 @@
   "dependencies": {
     "@commercelayer/js-auth": "^6.7.2",
     "@commercelayer/organization-config": "^2.4.0",
-    "@commercelayer/react-components": "4.25.3",
+    "@commercelayer/react-components": "4.25.4",
     "@commercelayer/sdk": "^6.45.0",
     "@faker-js/faker": "^9.9.0",
     "@headlessui/react": "^2.2.6",
@@ -111,7 +111,7 @@
     "typescript": "^5.8.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.1.2",
+    "@biomejs/biome": "^2.1.3",
     "@playwright/test": "1.54.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 import { faker } from "@faker-js/faker"
 
 import { expect, test } from "../fixtures/tokenizedPage"
-import { euAddress } from "../utils/addresses"
+import { euAddress, usAddress } from "../utils/addresses"
 
 test.describe("guest with checkout.com", () => {
   const customerEmail = faker.internet.email().toLocaleLowerCase()
@@ -64,6 +64,62 @@ test.describe("guest with checkout.com", () => {
   })
 })
 
+test.describe("guest with checkout.com and autocapture", () => {
+  const customerEmail = faker.internet.email().toLocaleLowerCase()
+
+  test.use({
+    defaultParams: {
+      market: "US",
+      order: "with-items",
+      orderAttributes: {
+        customer_email: customerEmail,
+      },
+      lineItemsAttributes: [
+        { sku_code: "CANVASAU000000FFFFFF1824", quantity: 1 },
+      ],
+      addresses: {
+        billingAddress: usAddress,
+        sameShippingAddress: true,
+      },
+    },
+  })
+
+  test("checkout", async ({ checkoutPage }) => {
+    await checkoutPage.checkOrderSummary("Order Summary")
+
+    await checkoutPage.selectPayment("checkout_com")
+
+    await checkoutPage.setPayment("checkout_com")
+
+    const element = checkoutPage.page.locator(
+      "[data-testid=payment-save-wallet]",
+    )
+    expect(element).not.toBeVisible()
+
+    await checkoutPage.save("Payment", undefined, true)
+
+    await checkoutPage.page
+      .frameLocator('iframe[name="cko-3ds2-iframe"]')
+      .locator("#password")
+      .fill("Checkout1!")
+
+    await checkoutPage.page
+      .frameLocator('iframe[name="cko-3ds2-iframe"]')
+      .locator("text=Continue")
+      .click()
+
+    await checkoutPage.page
+      .locator("text=Thank you for your order!")
+      .waitFor({ state: "visible", timeout: 100000 })
+
+    await checkoutPage.checkPaymentRecap("Visa ending in 4242")
+
+    await checkoutPage.page.reload()
+
+    await checkoutPage.checkPaymentRecap("Visa ending in 4242")
+  })
+})
+
 test.describe("guest with checkout.com declined payment and retry", () => {
   const customerEmail = faker.internet.email().toLocaleLowerCase()