fix: calculate proper taxes on address change

Author: malessani

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+/// <reference path="./out/dist/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package.json

@@ -75,7 +75,7 @@
   "dependencies": {
     "@commercelayer/js-auth": "^6.7.2",
     "@commercelayer/organization-config": "^2.4.0",
-    "@commercelayer/react-components": "4.25.6",
+    "@commercelayer/react-components": "4.25.7",
     "@commercelayer/sdk": "^6.45.1",
     "@faker-js/faker": "^10.0.0",
     "@headlessui/react": "^2.2.7",

pnpm-lock.yaml

@@ -211,7 +211,7 @@ test.describe("with customer email and shipping country code lock", () => {
   test("Checkout guest address", async ({ checkoutPage }) => {
     await checkoutPage.checkOrderSummary("Order Summary")
 
-    let email = await checkoutPage.getCustomerMail()
+    let email = checkoutPage.getCustomerMail()
 
     await expect(email).toHaveValue(customerEmail)
 

specs/e2e/guest-addresses.spec.ts

@@ -0,0 +1,56 @@
+import { faker } from "@faker-js/faker"
+
+import { expect, test } from "../fixtures/tokenizedPage"
+import { euAddress, euAddressNoBillingInfo } from "../utils/addresses"
+
+const customerEmail = faker.internet.email().toLocaleLowerCase()
+
+test.describe("with different tax calculators", () => {
+  test.use({
+    defaultParams: {
+      order: "with-items",
+      lineItemsAttributes: [
+        { sku_code: "CANVASAU000000FFFFFF1824", quantity: 1 },
+      ],
+      orderAttributes: {
+        customer_email: customerEmail,
+      },
+      market: "NO",
+    },
+  })
+
+  test("Checkout address changing from Italy to Norway", async ({
+    checkoutPage,
+  }) => {
+    await checkoutPage.checkOrderSummary("Order Summary")
+
+    let email = checkoutPage.getCustomerMail()
+
+    await expect(email).toHaveValue(customerEmail)
+
+    await checkoutPage.changeCustomerEmail("customer@example.com")
+    await checkoutPage.blurCustomerEmail()
+    email = checkoutPage.getCustomerMail()
+
+    await expect(email).toHaveValue("customer@example.com")
+    await checkoutPage.checkStep("Customer", "open")
+
+    await checkoutPage.setBillingAddress(euAddressNoBillingInfo)
+
+    await checkoutPage.save("Customer")
+    await checkoutPage.checkStep("Customer", "close")
+
+    await checkoutPage.checkCustomerEmail("customer@example.com")
+
+    await checkoutPage.checkTaxSummary("0,00 Kr")
+
+    await checkoutPage.clickStep("Customer")
+    await checkoutPage.checkStep("Customer", "open")
+
+    await checkoutPage.selectCountry("billing_address", "NO")
+
+    await checkoutPage.save("Customer")
+
+    await checkoutPage.checkTaxSummary("2,75 Kr")
+  })
+})

specs/e2e/tax-calculations.spec.ts

@@ -297,7 +297,7 @@ export class CheckoutPage {
 
   async selectCountry(
     type: "billing_address" | "shipping_address",
-    country: "IT" | "US" | "GB" | "FR" | "ES",
+    country: "IT" | "US" | "GB" | "FR" | "ES" | "NO",
   ) {
     await this.page.selectOption(
       `[data-testid=input_${type}_country_code]`,

specs/fixtures/CheckoutPage.ts

@@ -43,6 +43,7 @@ type ValidMarket =
   | "VV"
   | "PT"
   | "AT"
+  | "NO"
 
 interface BaseLineItemObject {
   quantity: number