@bytebrand/fe-ui-core 4.3.0 → 4.4.0

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

@@ -0,0 +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'));
+  // });
+  });
+
+});