@bytebrand/fe-ui-core 4.8.25 → 4.8.27

package/__tests__/components/UserDasboardPage/sections/CheckoutSection/CheckoutSection.test.tsx

@@ -1,613 +1,613 @@
-import React from 'react';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import CheckoutSection from '../../../../../source/components/UserDashboardPage/sections/CheckoutSection/CheckoutSection';
-import { observable } from 'mobx';
-
-const t = (phrase: string | string[], options: object) => {
-  if (options) {
-    const value = Object.values(options).map((option) => option);
-    return `${phrase} ${value}`;
-  }
-  return phrase;
-};
-
-interface IWithRouter {
-  children?: JSX.Element;
-  link?: string;
-}
-const getCheckoutCarListMock = jest.fn();
-
-const checkoutCars = [
-  {
-    parkedFor: 'N/A',
-    id: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
-    mainImageId: 'NQjEQK6YUCBX',
-    imagesCount: 14,
-    hasInteriorExteriorPhoto: false,
-    title: {
-      make: 'Ford',
-      model: 'Kuga',
-      subModel: '2.5 Duratec PHEV ST-LINE XNavi * LED * HUD',
-      option: '',
-      to: ''
-    },
-    showNewLabel: true,
-    info: {
-      regDate: 1646089200,
-      mileage: 19693,
-      gearbox: 'selector_gearbox_automatic',
-      numberOfPreviousOwners: 1,
-      usageType: 'selector_unknown',
-      condition: 'selector_condition_used',
-      damaged: false,
-      driveType: 'selector_unknown'
-    },
-    location: {
-      city: ' ',
-      street: 'N/A',
-      zipCode: ' '
-    },
-    consumption: {
-      fuel: 'selector_fuel_hybridElectricalPetrol',
-      consumptionCombined: 1.4,
-      consumptionPowerCombined: ' '
-    },
-    engineData: {
-      powerKW: 112,
-      powerPS: 112
-    },
-    environmentEmissions: {
-      co2: 31
-    },
-    offer: {
-      offerId: ' ',
-      autoDeOfferId: ' ',
-      offerFrom: 'selector_unknown',
-      offerSource: ' ',
-      offerAvailability: 'selector_unknown',
-      offerDescription: ' ',
-      deliveryDate: ' ',
-      deliveryPeriod: 'selector_deliveryPeriod_days6',
-      dealerHomepage: ' ',
-      closedDomain: ' ',
-      export: ' ',
-      commercial: ' ',
-      warranty: ' ',
-      rentingPossible: ' ',
-      newHuAu: ' ',
-      internalNumber: '102469423/4182',
-      availabilityMode: 'selector_availabilityMode_fromDate',
-      availabilityFrom: ' ',
-      mobileDeOfferId: ' ',
-      as24DeOfferId: ' ',
-      elnOfferId: 'a0b90f80da6caddd07eb31f9ea1cc162'
-    },
-    price: {
-      offerIndex: 0,
-      isStrike: false,
-      comparable: {
-        annualMileage: 10000,
-        firstInstallment: ' ',
-        paybackPeriod: 48,
-        withAddServices: ' ',
-        withTransportation: ' '
-      },
-      checkout: {
-        warrantyRates: [
-          0,
-          0,
-          0
-        ],
-        warrantyPackage: 0,
-        warrantyPeriod: 1,
-        admissionService: 0,
-        licensePlateFee: 0
-      },
-      common: {
-        firstRegistration: 1646089200,
-        mileage: 19693,
-        currentSalesPrice: 44666,
-        highestPrice: 44666,
-        isStrikeShown: false,
-        isHybridOrElectric: true
-      },
-      financing: {
-        grossLoanAmountWithoutFinalInstallment: 0,
-        purchasePrice: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 0,
-        monthlyInstallment: 199,
-        oldMonthlyInstallment: 199,
-        annualMileage: 25000,
-        firstInstallment: 17800,
-        withTransportation: false,
-        withAddServices: true,
-        addServicesCostRaw: 110,
-        addServicesCost: 110,
-        transportationCostRaw: 499,
-        transportationCost: 499,
-        withFinalInstallment: true,
-        paybackPeriod: 72,
-        rawPaybackPeriod: 72,
-        nominalInterestRate: 3.92,
-        annualPercentageRate: 6.99,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        periodInterestRate: [
-          {
-            duration: 12,
-            recommended: 70,
-            current: 88,
-            inEUR: ' ',
-            value: 26866,
-            highestValue: 39306.08
-          },
-          {
-            duration: 24,
-            recommended: 66,
-            current: 77,
-            inEUR: ' ',
-            value: 26866,
-            highestValue: 34392.82
-          },
-          {
-            duration: 36,
-            recommended: 60,
-            current: 66,
-            inEUR: ' ',
-            value: 26866,
-            highestValue: 29479.56
-          },
-          {
-            duration: 48,
-            recommended: 50,
-            current: 60,
-            inEUR: ' ',
-            value: 26733.6,
-            highestValue: 26799.6
-          },
-          {
-            duration: 60,
-            recommended: 40,
-            current: 50,
-            inEUR: ' ',
-            value: 22278,
-            highestValue: 22333
-          },
-          {
-            duration: 72,
-            recommended: 30,
-            current: 40,
-            inEUR: ' ',
-            value: 17822.4,
-            highestValue: 17866.4
-          },
-          {
-            duration: 84,
-            recommended: 20,
-            current: 30,
-            inEUR: ' ',
-            value: 13366.8,
-            highestValue: 13399.8
-          },
-          {
-            duration: 96,
-            recommended: 10,
-            current: 20,
-            inEUR: ' ',
-            value: 8911.2,
-            highestValue: 8933.2
-          }
-        ],
-        closingCosts: 0,
-        offersFinancing: true,
-        rateMode: 'dealer'
-      },
-      buy: {
-        withTransportation: false,
-        withAddServices: true,
-        withoutAddServices: true,
-        transportationCost: 499,
-        addServicesCost: 799,
-        currentSalesPriceExtra: 44666,
-        highestPriceExtra: 44666,
-        extraCost: 0
-      },
-      leasing: {
-        RWG: 4,
-        maxAge: 24,
-        maxMileage: 1000000,
-        isActive: true,
-        withTransportation: false,
-        withAddServices: false,
-        addServicesCostRaw: 799,
-        transportationCostRaw: 499,
-        addServicesCost: 799,
-        transportationCost: 499,
-        monthlyAddServices: 0,
-        monthlyTransportation: 0,
-        monthlyInstallment: 650,
-        oldMonthlyInstallment: 650,
-        firstInstallment: 20,
-        firstInstallmentMax: 2000,
-        annualMileage: 10000,
-        paybackPeriodRange: [
-          30,
-          36,
-          42,
-          48,
-          54,
-          60
-        ],
-        paybackPeriod: 48,
-        santanderPayBackMin: 250,
-        nominalInterestRate: 6.78,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        grossLoanAmountWithoutFinalInstallment: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 1100,
-        leasingMode: 'default',
-        currentSalesPrice: 44666
-      },
-      abo: {
-        paybackPeriod: 6,
-        annualMileage: 10000
-      },
-      firstRegistration: 1646089200,
-      mileage: 19693,
-      currentSalesPrice: 44666,
-      highestPrice: 44666,
-      isStrikeShown: false,
-      carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
-      offerName: 'financing',
-      vehicleId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
-      vatRate: 19,
-      mlCurrentSalesPricePredicted: ' ',
-      historyPriceDifference: 0,
-      historyPriceDifferencePerCent: 0,
-      margin: 10676,
-      toRound: false
-    },
-    internalNumber: '102469423/4182',
-    vin: ' ',
-    isOnline: true,
-    firstIsOnline: 1685705645,
-    url: '/search/vehicle/56a33015-04b9-4419-ba0b-95fa52a26b4a',
-    relativeScore: 0,
-    baseUrl: '',
-    offerSource: '',
-    crawledAt: '',
-    ownerName: 'Guardian of Auto.de',
-    modificationDate: '02.06.2023',
-    seoText: ''
-  },
-  {
-    parkedFor: 'N/A',
-    id: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
-    mainImageId: '0NNcWdyo6MW4',
-    imagesCount: 15,
-    hasInteriorExteriorPhoto: false,
-    title: {
-      make: 'Audi',
-      model: 'A4',
-      subModel: 'Avant 1.4 TFSI design Virtual Cockpit LED DAB Navi SHZ PDC Klima',
-      option: '',
-      to: ''
-    },
-    showNewLabel: false,
-    info: {
-      regDate: 1525125600,
-      mileage: 29987,
-      gearbox: 'selector_gearbox_manualShift',
-      numberOfPreviousOwners: 2,
-      usageType: 'selector_unknown',
-      condition: 'selector_condition_used',
-      damaged: false,
-      driveType: 'selector_unknown'
-    },
-    location: {
-      city: ' ',
-      street: 'N/A',
-      zipCode: ' '
-    },
-    consumption: {
-      fuel: 'selector_fuel_petrol',
-      consumptionCombined: 5.6,
-      consumptionPowerCombined: ' '
-    },
-    engineData: {
-      powerKW: 110,
-      powerPS: 110
-    },
-    environmentEmissions: {
-      co2: 133
-    },
-    offer: {
-      offerId: ' ',
-      autoDeOfferId: ' ',
-      offerFrom: 'selector_unknown',
-      offerSource: ' ',
-      offerAvailability: 'selector_unknown',
-      offerDescription: ' ',
-      deliveryDate: 1676268549,
-      deliveryPeriod: 'selector_unknown',
-      dealerHomepage: ' ',
-      closedDomain: ' ',
-      export: ' ',
-      commercial: ' ',
-      warranty: ' ',
-      rentingPossible: ' ',
-      newHuAu: ' ',
-      internalNumber: '181212/11921',
-      availabilityMode: 'selector_availabilityMode_always',
-      mobileDeOfferId: ' ',
-      as24DeOfferId: ' ',
-      elnOfferId: '24198cbd398fdcb14d19b17ec1827c21',
-      availabilityFrom: 1685532642
-    },
-    price: {
-      offerIndex: 0,
-      isStrike: false,
-      comparable: {
-        annualMileage: 10000,
-        firstInstallment: ' ',
-        paybackPeriod: 48,
-        withAddServices: ' ',
-        withTransportation: ' '
-      },
-      checkout: {
-        warrantyRates: [
-          0,
-          0,
-          0
-        ],
-        warrantyPackage: 0,
-        warrantyPeriod: 1,
-        admissionService: 0,
-        licensePlateFee: 0
-      },
-      common: {
-        firstRegistration: 1525125600,
-        mileage: 29987,
-        currentSalesPrice: 32666,
-        highestPrice: 33666,
-        isStrikeShown: true,
-        isHybridOrElectric: false
-      },
-      financing: {
-        grossLoanAmountWithoutFinalInstallment: 0,
-        purchasePrice: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 0,
-        monthlyInstallment: 150,
-        oldMonthlyInstallment: 161,
-        annualMileage: 25000,
-        firstInstallment: 12700,
-        withTransportation: false,
-        withAddServices: true,
-        addServicesCostRaw: 799,
-        addServicesCost: 799,
-        transportationCostRaw: 499,
-        transportationCost: 499,
-        withFinalInstallment: true,
-        paybackPeriod: 72,
-        rawPaybackPeriod: 72,
-        nominalInterestRate: 3.92,
-        annualPercentageRate: 6.99,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        periodInterestRate: [
-          {
-            duration: 12,
-            recommended: 70,
-            current: 88,
-            inEUR: ' ',
-            value: 19966,
-            highestValue: 29626.08
-          },
-          {
-            duration: 24,
-            recommended: 66,
-            current: 77,
-            inEUR: ' ',
-            value: 19966,
-            highestValue: 25922.82
-          },
-          {
-            duration: 36,
-            recommended: 60,
-            current: 66,
-            inEUR: ' ',
-            value: 19966,
-            highestValue: 22219.56
-          },
-          {
-            duration: 48,
-            recommended: 50,
-            current: 60,
-            inEUR: ' ',
-            value: 19120.2,
-            highestValue: 20199.6
-          },
-          {
-            duration: 60,
-            recommended: 40,
-            current: 50,
-            inEUR: ' ',
-            value: 15933.5,
-            highestValue: 16833
-          },
-          {
-            duration: 72,
-            recommended: 30,
-            current: 40,
-            inEUR: ' ',
-            value: 12746.8,
-            highestValue: 13466.4
-          },
-          {
-            duration: 84,
-            recommended: 20,
-            current: 30,
-            inEUR: ' ',
-            value: 9560.1,
-            highestValue: 10099.8
-          },
-          {
-            duration: 96,
-            recommended: 10,
-            current: 20,
-            inEUR: ' ',
-            value: 6373.4,
-            highestValue: 6733.2
-          }
-        ],
-        closingCosts: 0,
-        offersFinancing: true,
-        rateMode: 'dealer'
-      },
-      buy: {
-        withTransportation: false,
-        withAddServices: true,
-        withoutAddServices: true,
-        transportationCost: 499,
-        addServicesCost: 799,
-        currentSalesPriceExtra: 32666,
-        highestPriceExtra: 33666,
-        extraCost: 0
-      },
-      leasing: {
-        RWG: 4,
-        maxAge: 24,
-        maxMileage: 1000000,
-        isActive: true,
-        withTransportation: false,
-        withAddServices: false,
-        addServicesCostRaw: 799,
-        transportationCostRaw: 499,
-        addServicesCost: 799,
-        transportationCost: 499,
-        monthlyAddServices: 0,
-        monthlyTransportation: 0,
-        monthlyInstallment: 472,
-        oldMonthlyInstallment: 487,
-        firstInstallment: 20,
-        firstInstallmentMax: 2000,
-        annualMileage: 10000,
-        paybackPeriodRange: [
-          30,
-          36,
-          42,
-          48,
-          54,
-          60
-        ],
-        paybackPeriod: 48,
-        santanderPayBackMin: 250,
-        nominalInterestRate: 6.78,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        grossLoanAmountWithoutFinalInstallment: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 1100,
-        leasingMode: 'default',
-        currentSalesPrice: 32666
-      },
-      abo: {
-        paybackPeriod: 6,
-        annualMileage: 10000
-      },
-      firstRegistration: 1525125600,
-      mileage: 29987,
-      currentSalesPrice: 32666,
-      highestPrice: 33666,
-      isStrikeShown: true,
-      carId: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
-      offerName: 'financing',
-      vehicleId: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
-      vatRate: 19,
-      mlCurrentSalesPricePredicted: ' ',
-      historyPriceDifference: 1000,
-      historyPriceDifferencePerCent: 3,
-      margin: 32666,
-      toRound: false
-    },
-    internalNumber: '181212/11921',
-    vin: ' ',
-    isOnline: true,
-    firstIsOnline: 1675669977,
-    url: '/search/vehicle/ffa641c8-a85f-4d87-9880-b2aa12386520',
-    relativeScore: 0,
-    baseUrl: '',
-    offerSource: '',
-    crawledAt: '',
-    ownerName: 'Guardian of Auto.de',
-    modificationDate: '24.05.2023',
-    seoText: ''
-  }
-];
-const getCheckoutCarList = () => {
-  return new Promise((resolve) => {
-    resolve(checkoutCars);
-  });
-};
-
-const LinkRouter = ({ children, link }: IWithRouter) => {
-  return (
-    <a href={link} >
-      {children}
-    </a>
-  );
-};
-
-const aggStatsData = observable({
-  '56a33015-04b9-4419-ba0b-95fa52a26b4a': {
-    carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
-    totalFavCount: 3,
-    totalCarImpCount: 7399,
-    slidingCarImpCount: 10
-  },
-  get() {
-    return {
-      'b359d74f-bb96-4fca-9539-579792fe7c36': {
-        carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
-        totalFavCount: 3,
-        totalCarImpCount: 7399,
-        slidingCarImpCount: 10
-      }
-    };
-  }
-});
-const mockProps = {
-  t,
-  LinkRouter,
-  checkoutCars,
-  PLACEHOLDER_IMAGE_SMALL_URL: 'PLACEHOLDER_IMAGE_SMALL_URL',
-  appStore: { language:'en' },
-  carsStore: { aggStatsData },
-  imagesStore: { getSupportedImageFormat: jest.fn() },
-  checkoutStore:{ checkoutCars, getCheckoutCarList:getCheckoutCarListMock }
-};
-
-describe('CheckoutSection', () => {
-  it('renders correctly', () => {
-    const { container } = render(<CheckoutSection {...mockProps as any} />);
-    // expect(mockProps.checkoutStore.getCheckoutCarList).toHaveBeenCalledTimes(1);
-    expect(container).toBeInTheDocument();
-  });
-  it('should display correct car data', () => {
-    const { container } = render(<CheckoutSection {...mockProps as any} />);
-    mockProps.checkoutCars.forEach((element:any) => {
-      expect(container).toHaveTextContent(element.title.make);
-    });
-    // });
-  });
-  it('should open checkout page with correct URL on car select', () => {
-    const { getAllByRole } = render(<CheckoutSection {...mockProps as any} />);
-    // mockProps.checkoutStore.getCheckoutCarList()
-    // .then((savedCheckoutDataList: any) => {
-    const checkoutButton = getAllByRole('link')[0];
-    fireEvent.click(checkoutButton);
-    const expectedUrl = `/checkout/contact-information?carId=${mockProps.checkoutCars[0].id}&isSavedCheckout=true&mainImageId=${mockProps.checkoutCars[0].mainImageId}&model=${mockProps.checkoutCars[0].title.model}&subModel=${mockProps.checkoutCars[0].title.subModel}&make=${mockProps.checkoutCars[0].title.make}`;
-    waitFor(() => expect(window.open).toHaveBeenCalledWith(expectedUrl, '_blank'));
-  // });
-  });
-
-});
+import React from 'react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import CheckoutSection from '../../../../../source/components/UserDashboardPage/sections/CheckoutSection/CheckoutSection';
+import { observable } from 'mobx';
+
+const t = (phrase: string | string[], options: object) => {
+  if (options) {
+    const value = Object.values(options).map((option) => option);
+    return `${phrase} ${value}`;
+  }
+  return phrase;
+};
+
+interface IWithRouter {
+  children?: JSX.Element;
+  link?: string;
+}
+const getCheckoutCarListMock = jest.fn();
+
+const checkoutCars = [
+  {
+    parkedFor: 'N/A',
+    id: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
+    mainImageId: 'NQjEQK6YUCBX',
+    imagesCount: 14,
+    hasInteriorExteriorPhoto: false,
+    title: {
+      make: 'Ford',
+      model: 'Kuga',
+      subModel: '2.5 Duratec PHEV ST-LINE XNavi * LED * HUD',
+      option: '',
+      to: ''
+    },
+    showNewLabel: true,
+    info: {
+      regDate: 1646089200,
+      mileage: 19693,
+      gearbox: 'selector_gearbox_automatic',
+      numberOfPreviousOwners: 1,
+      usageType: 'selector_unknown',
+      condition: 'selector_condition_used',
+      damaged: false,
+      driveType: 'selector_unknown'
+    },
+    location: {
+      city: ' ',
+      street: 'N/A',
+      zipCode: ' '
+    },
+    consumption: {
+      fuel: 'selector_fuel_hybridElectricalPetrol',
+      consumptionCombined: 1.4,
+      consumptionPowerCombined: ' '
+    },
+    engineData: {
+      powerKW: 112,
+      powerPS: 112
+    },
+    environmentEmissions: {
+      co2: 31
+    },
+    offer: {
+      offerId: ' ',
+      autoDeOfferId: ' ',
+      offerFrom: 'selector_unknown',
+      offerSource: ' ',
+      offerAvailability: 'selector_unknown',
+      offerDescription: ' ',
+      deliveryDate: ' ',
+      deliveryPeriod: 'selector_deliveryPeriod_days6',
+      dealerHomepage: ' ',
+      closedDomain: ' ',
+      export: ' ',
+      commercial: ' ',
+      warranty: ' ',
+      rentingPossible: ' ',
+      newHuAu: ' ',
+      internalNumber: '102469423/4182',
+      availabilityMode: 'selector_availabilityMode_fromDate',
+      availabilityFrom: ' ',
+      mobileDeOfferId: ' ',
+      as24DeOfferId: ' ',
+      elnOfferId: 'a0b90f80da6caddd07eb31f9ea1cc162'
+    },
+    price: {
+      offerIndex: 0,
+      isStrike: false,
+      comparable: {
+        annualMileage: 10000,
+        firstInstallment: ' ',
+        paybackPeriod: 48,
+        withAddServices: ' ',
+        withTransportation: ' '
+      },
+      checkout: {
+        warrantyRates: [
+          0,
+          0,
+          0
+        ],
+        warrantyPackage: 0,
+        warrantyPeriod: 1,
+        admissionService: 0,
+        licensePlateFee: 0
+      },
+      common: {
+        firstRegistration: 1646089200,
+        mileage: 19693,
+        currentSalesPrice: 44666,
+        highestPrice: 44666,
+        isStrikeShown: false,
+        isHybridOrElectric: true
+      },
+      financing: {
+        grossLoanAmountWithoutFinalInstallment: 0,
+        purchasePrice: 0,
+        hasPaymentProtection: false,
+        paymentProtectionInsurance: 0,
+        monthlyInstallment: 199,
+        oldMonthlyInstallment: 199,
+        annualMileage: 25000,
+        firstInstallment: 17800,
+        withTransportation: false,
+        withAddServices: true,
+        addServicesCostRaw: 110,
+        addServicesCost: 110,
+        transportationCostRaw: 499,
+        transportationCost: 499,
+        withFinalInstallment: true,
+        paybackPeriod: 72,
+        rawPaybackPeriod: 72,
+        nominalInterestRate: 3.92,
+        annualPercentageRate: 6.99,
+        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+        periodInterestRate: [
+          {
+            duration: 12,
+            recommended: 70,
+            current: 88,
+            inEUR: ' ',
+            value: 26866,
+            highestValue: 39306.08
+          },
+          {
+            duration: 24,
+            recommended: 66,
+            current: 77,
+            inEUR: ' ',
+            value: 26866,
+            highestValue: 34392.82
+          },
+          {
+            duration: 36,
+            recommended: 60,
+            current: 66,
+            inEUR: ' ',
+            value: 26866,
+            highestValue: 29479.56
+          },
+          {
+            duration: 48,
+            recommended: 50,
+            current: 60,
+            inEUR: ' ',
+            value: 26733.6,
+            highestValue: 26799.6
+          },
+          {
+            duration: 60,
+            recommended: 40,
+            current: 50,
+            inEUR: ' ',
+            value: 22278,
+            highestValue: 22333
+          },
+          {
+            duration: 72,
+            recommended: 30,
+            current: 40,
+            inEUR: ' ',
+            value: 17822.4,
+            highestValue: 17866.4
+          },
+          {
+            duration: 84,
+            recommended: 20,
+            current: 30,
+            inEUR: ' ',
+            value: 13366.8,
+            highestValue: 13399.8
+          },
+          {
+            duration: 96,
+            recommended: 10,
+            current: 20,
+            inEUR: ' ',
+            value: 8911.2,
+            highestValue: 8933.2
+          }
+        ],
+        closingCosts: 0,
+        offersFinancing: true,
+        rateMode: 'dealer'
+      },
+      buy: {
+        withTransportation: false,
+        withAddServices: true,
+        withoutAddServices: true,
+        transportationCost: 499,
+        addServicesCost: 799,
+        currentSalesPriceExtra: 44666,
+        highestPriceExtra: 44666,
+        extraCost: 0
+      },
+      leasing: {
+        RWG: 4,
+        maxAge: 24,
+        maxMileage: 1000000,
+        isActive: true,
+        withTransportation: false,
+        withAddServices: false,
+        addServicesCostRaw: 799,
+        transportationCostRaw: 499,
+        addServicesCost: 799,
+        transportationCost: 499,
+        monthlyAddServices: 0,
+        monthlyTransportation: 0,
+        monthlyInstallment: 650,
+        oldMonthlyInstallment: 650,
+        firstInstallment: 20,
+        firstInstallmentMax: 2000,
+        annualMileage: 10000,
+        paybackPeriodRange: [
+          30,
+          36,
+          42,
+          48,
+          54,
+          60
+        ],
+        paybackPeriod: 48,
+        santanderPayBackMin: 250,
+        nominalInterestRate: 6.78,
+        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+        grossLoanAmountWithoutFinalInstallment: 0,
+        hasPaymentProtection: false,
+        paymentProtectionInsurance: 1100,
+        leasingMode: 'default',
+        currentSalesPrice: 44666
+      },
+      abo: {
+        paybackPeriod: 6,
+        annualMileage: 10000
+      },
+      firstRegistration: 1646089200,
+      mileage: 19693,
+      currentSalesPrice: 44666,
+      highestPrice: 44666,
+      isStrikeShown: false,
+      carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
+      offerName: 'financing',
+      vehicleId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
+      vatRate: 19,
+      mlCurrentSalesPricePredicted: ' ',
+      historyPriceDifference: 0,
+      historyPriceDifferencePerCent: 0,
+      margin: 10676,
+      toRound: false
+    },
+    internalNumber: '102469423/4182',
+    vin: ' ',
+    isOnline: true,
+    firstIsOnline: 1685705645,
+    url: '/search/vehicle/56a33015-04b9-4419-ba0b-95fa52a26b4a',
+    relativeScore: 0,
+    baseUrl: '',
+    offerSource: '',
+    crawledAt: '',
+    ownerName: 'Guardian of Auto.de',
+    modificationDate: '02.06.2023',
+    seoText: ''
+  },
+  {
+    parkedFor: 'N/A',
+    id: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
+    mainImageId: '0NNcWdyo6MW4',
+    imagesCount: 15,
+    hasInteriorExteriorPhoto: false,
+    title: {
+      make: 'Audi',
+      model: 'A4',
+      subModel: 'Avant 1.4 TFSI design Virtual Cockpit LED DAB Navi SHZ PDC Klima',
+      option: '',
+      to: ''
+    },
+    showNewLabel: false,
+    info: {
+      regDate: 1525125600,
+      mileage: 29987,
+      gearbox: 'selector_gearbox_manualShift',
+      numberOfPreviousOwners: 2,
+      usageType: 'selector_unknown',
+      condition: 'selector_condition_used',
+      damaged: false,
+      driveType: 'selector_unknown'
+    },
+    location: {
+      city: ' ',
+      street: 'N/A',
+      zipCode: ' '
+    },
+    consumption: {
+      fuel: 'selector_fuel_petrol',
+      consumptionCombined: 5.6,
+      consumptionPowerCombined: ' '
+    },
+    engineData: {
+      powerKW: 110,
+      powerPS: 110
+    },
+    environmentEmissions: {
+      co2: 133
+    },
+    offer: {
+      offerId: ' ',
+      autoDeOfferId: ' ',
+      offerFrom: 'selector_unknown',
+      offerSource: ' ',
+      offerAvailability: 'selector_unknown',
+      offerDescription: ' ',
+      deliveryDate: 1676268549,
+      deliveryPeriod: 'selector_unknown',
+      dealerHomepage: ' ',
+      closedDomain: ' ',
+      export: ' ',
+      commercial: ' ',
+      warranty: ' ',
+      rentingPossible: ' ',
+      newHuAu: ' ',
+      internalNumber: '181212/11921',
+      availabilityMode: 'selector_availabilityMode_always',
+      mobileDeOfferId: ' ',
+      as24DeOfferId: ' ',
+      elnOfferId: '24198cbd398fdcb14d19b17ec1827c21',
+      availabilityFrom: 1685532642
+    },
+    price: {
+      offerIndex: 0,
+      isStrike: false,
+      comparable: {
+        annualMileage: 10000,
+        firstInstallment: ' ',
+        paybackPeriod: 48,
+        withAddServices: ' ',
+        withTransportation: ' '
+      },
+      checkout: {
+        warrantyRates: [
+          0,
+          0,
+          0
+        ],
+        warrantyPackage: 0,
+        warrantyPeriod: 1,
+        admissionService: 0,
+        licensePlateFee: 0
+      },
+      common: {
+        firstRegistration: 1525125600,
+        mileage: 29987,
+        currentSalesPrice: 32666,
+        highestPrice: 33666,
+        isStrikeShown: true,
+        isHybridOrElectric: false
+      },
+      financing: {
+        grossLoanAmountWithoutFinalInstallment: 0,
+        purchasePrice: 0,
+        hasPaymentProtection: false,
+        paymentProtectionInsurance: 0,
+        monthlyInstallment: 150,
+        oldMonthlyInstallment: 161,
+        annualMileage: 25000,
+        firstInstallment: 12700,
+        withTransportation: false,
+        withAddServices: true,
+        addServicesCostRaw: 799,
+        addServicesCost: 799,
+        transportationCostRaw: 499,
+        transportationCost: 499,
+        withFinalInstallment: true,
+        paybackPeriod: 72,
+        rawPaybackPeriod: 72,
+        nominalInterestRate: 3.92,
+        annualPercentageRate: 6.99,
+        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+        periodInterestRate: [
+          {
+            duration: 12,
+            recommended: 70,
+            current: 88,
+            inEUR: ' ',
+            value: 19966,
+            highestValue: 29626.08
+          },
+          {
+            duration: 24,
+            recommended: 66,
+            current: 77,
+            inEUR: ' ',
+            value: 19966,
+            highestValue: 25922.82
+          },
+          {
+            duration: 36,
+            recommended: 60,
+            current: 66,
+            inEUR: ' ',
+            value: 19966,
+            highestValue: 22219.56
+          },
+          {
+            duration: 48,
+            recommended: 50,
+            current: 60,
+            inEUR: ' ',
+            value: 19120.2,
+            highestValue: 20199.6
+          },
+          {
+            duration: 60,
+            recommended: 40,
+            current: 50,
+            inEUR: ' ',
+            value: 15933.5,
+            highestValue: 16833
+          },
+          {
+            duration: 72,
+            recommended: 30,
+            current: 40,
+            inEUR: ' ',
+            value: 12746.8,
+            highestValue: 13466.4
+          },
+          {
+            duration: 84,
+            recommended: 20,
+            current: 30,
+            inEUR: ' ',
+            value: 9560.1,
+            highestValue: 10099.8
+          },
+          {
+            duration: 96,
+            recommended: 10,
+            current: 20,
+            inEUR: ' ',
+            value: 6373.4,
+            highestValue: 6733.2
+          }
+        ],
+        closingCosts: 0,
+        offersFinancing: true,
+        rateMode: 'dealer'
+      },
+      buy: {
+        withTransportation: false,
+        withAddServices: true,
+        withoutAddServices: true,
+        transportationCost: 499,
+        addServicesCost: 799,
+        currentSalesPriceExtra: 32666,
+        highestPriceExtra: 33666,
+        extraCost: 0
+      },
+      leasing: {
+        RWG: 4,
+        maxAge: 24,
+        maxMileage: 1000000,
+        isActive: true,
+        withTransportation: false,
+        withAddServices: false,
+        addServicesCostRaw: 799,
+        transportationCostRaw: 499,
+        addServicesCost: 799,
+        transportationCost: 499,
+        monthlyAddServices: 0,
+        monthlyTransportation: 0,
+        monthlyInstallment: 472,
+        oldMonthlyInstallment: 487,
+        firstInstallment: 20,
+        firstInstallmentMax: 2000,
+        annualMileage: 10000,
+        paybackPeriodRange: [
+          30,
+          36,
+          42,
+          48,
+          54,
+          60
+        ],
+        paybackPeriod: 48,
+        santanderPayBackMin: 250,
+        nominalInterestRate: 6.78,
+        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+        grossLoanAmountWithoutFinalInstallment: 0,
+        hasPaymentProtection: false,
+        paymentProtectionInsurance: 1100,
+        leasingMode: 'default',
+        currentSalesPrice: 32666
+      },
+      abo: {
+        paybackPeriod: 6,
+        annualMileage: 10000
+      },
+      firstRegistration: 1525125600,
+      mileage: 29987,
+      currentSalesPrice: 32666,
+      highestPrice: 33666,
+      isStrikeShown: true,
+      carId: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
+      offerName: 'financing',
+      vehicleId: 'ffa641c8-a85f-4d87-9880-b2aa12386520',
+      vatRate: 19,
+      mlCurrentSalesPricePredicted: ' ',
+      historyPriceDifference: 1000,
+      historyPriceDifferencePerCent: 3,
+      margin: 32666,
+      toRound: false
+    },
+    internalNumber: '181212/11921',
+    vin: ' ',
+    isOnline: true,
+    firstIsOnline: 1675669977,
+    url: '/search/vehicle/ffa641c8-a85f-4d87-9880-b2aa12386520',
+    relativeScore: 0,
+    baseUrl: '',
+    offerSource: '',
+    crawledAt: '',
+    ownerName: 'Guardian of Auto.de',
+    modificationDate: '24.05.2023',
+    seoText: ''
+  }
+];
+const getCheckoutCarList = () => {
+  return new Promise((resolve) => {
+    resolve(checkoutCars);
+  });
+};
+
+const LinkRouter = ({ children, link }: IWithRouter) => {
+  return (
+    <a href={link} >
+      {children}
+    </a>
+  );
+};
+
+const aggStatsData = observable({
+  '56a33015-04b9-4419-ba0b-95fa52a26b4a': {
+    carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
+    totalFavCount: 3,
+    totalCarImpCount: 7399,
+    slidingCarImpCount: 10
+  },
+  get() {
+    return {
+      'b359d74f-bb96-4fca-9539-579792fe7c36': {
+        carId: '56a33015-04b9-4419-ba0b-95fa52a26b4a',
+        totalFavCount: 3,
+        totalCarImpCount: 7399,
+        slidingCarImpCount: 10
+      }
+    };
+  }
+});
+const mockProps = {
+  t,
+  LinkRouter,
+  checkoutCars,
+  PLACEHOLDER_IMAGE_SMALL_URL: 'PLACEHOLDER_IMAGE_SMALL_URL',
+  appStore: { language:'en' },
+  carsStore: { aggStatsData },
+  imagesStore: { getSupportedImageFormat: jest.fn() },
+  checkoutStore:{ checkoutCars, getCheckoutCarList:getCheckoutCarListMock }
+};
+
+describe('CheckoutSection', () => {
+  it('renders correctly', () => {
+    const { container } = render(<CheckoutSection {...mockProps as any} />);
+    // expect(mockProps.checkoutStore.getCheckoutCarList).toHaveBeenCalledTimes(1);
+    expect(container).toBeInTheDocument();
+  });
+  it('should display correct car data', () => {
+    const { container } = render(<CheckoutSection {...mockProps as any} />);
+    mockProps.checkoutCars.forEach((element:any) => {
+      expect(container).toHaveTextContent(element.title.make);
+    });
+    // });
+  });
+  it('should open checkout page with correct URL on car select', () => {
+    const { getAllByRole } = render(<CheckoutSection {...mockProps as any} />);
+    // mockProps.checkoutStore.getCheckoutCarList()
+    // .then((savedCheckoutDataList: any) => {
+    const checkoutButton = getAllByRole('link')[0];
+    fireEvent.click(checkoutButton);
+    const expectedUrl = `/checkout/contact-information?carId=${mockProps.checkoutCars[0].id}&isSavedCheckout=true&mainImageId=${mockProps.checkoutCars[0].mainImageId}&model=${mockProps.checkoutCars[0].title.model}&subModel=${mockProps.checkoutCars[0].title.subModel}&make=${mockProps.checkoutCars[0].title.make}`;
+    waitFor(() => expect(window.open).toHaveBeenCalledWith(expectedUrl, '_blank'));
+  // });
+  });
+
+});